.elementor-9581 .elementor-element.elementor-element-60f0b9c{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:78px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-60f0b9c:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-60f0b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/WP-Engineers-Team-bei-Begehung-auf-Baustelle.webp");background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-60f0b9c::before, .elementor-9581 .elementor-element.elementor-element-60f0b9c > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-60f0b9c > .e-con-inner > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-60f0b9c > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-60f0b9c > .e-con-inner > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-60f0b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000B0 0%, #000000 77%);}.elementor-9581 .elementor-element.elementor-element-645e93c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-645e93c6.e-con{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9581 .elementor-element.elementor-element-7658b203{width:var( --container-widget-width, 839px );max-width:839px;--container-widget-width:839px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-7658b203 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9581 .elementor-element.elementor-element-7658b203.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-7658b203 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9581 .elementor-element.elementor-element-ba8f978{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#616161;}.elementor-9581 .elementor-element.elementor-element-ba8f978 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-ba8f978.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 > .elementor-widget-container{padding:0px 30px 15px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9{--e-icon-list-icon-size:26px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:400;line-height:20px;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9581 .elementor-element.elementor-element-26503b5 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(112deg, #F08132 0%, #D6620F 100%);border-radius:10px 10px 10px 10px;padding:20px 40px 20px 40px;}.elementor-9581 .elementor-element.elementor-element-26503b5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9581 .elementor-element.elementor-element-26503b5 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-9581 .elementor-element.elementor-element-10787c74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:#CFCFCF75;--border-color:#CFCFCF75;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-69e67bac{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9581 .elementor-element.elementor-element-8534910{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-8534910 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-4ed7cb1b{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-549247ad{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-549247ad img{width:100%;}.elementor-9581 .elementor-element.elementor-element-6025aa92{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-6089c11f{width:var( --container-widget-width, 119px );max-width:119px;--container-widget-width:119px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-6089c11f img{width:100%;}.elementor-9581 .elementor-element.elementor-element-60b2432f{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-1ab72d3{width:var( --container-widget-width, 43px );max-width:43px;--container-widget-width:43px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-1ab72d3 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-4ad2682{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-66f79f20{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-66f79f20.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-66f79f20 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-34efde21{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-3463849b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-3463849b img{width:100%;}.elementor-9581 .elementor-element.elementor-element-21793b9c{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-24713f1{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-24713f1 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-78d6c4cf{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-7e7ac668{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-7e7ac668 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-3bfb4c47{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-6f29f969{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-6f29f969 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-26069aee{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-35a9c4a7{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-35a9c4a7 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-d26fb26{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-607c063f{width:var( --container-widget-width, 64px );max-width:64px;--container-widget-width:64px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-607c063f img{width:100%;}.elementor-9581 .elementor-element.elementor-element-7a12260b{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-4ff18994{width:var( --container-widget-width, 63px );max-width:63px;--container-widget-width:63px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-4ff18994 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-3442fcb3{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-1aa19010{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-1aa19010 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-7d7bf57c{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-125b7953{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-125b7953 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-11c8de5e{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-46bd873e{width:var( --container-widget-width, 53px );max-width:53px;--container-widget-width:53px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-46bd873e img{width:100%;}.elementor-9581 .elementor-element.elementor-element-383bf7ce{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-405b5ebc{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-405b5ebc img{width:100%;}.elementor-9581 .elementor-element.elementor-element-710487e9{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-3019ab67{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-3019ab67 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-3def6d42{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-686205a9{width:var( --container-widget-width, 69px );max-width:69px;--container-widget-width:69px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-686205a9 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-6f530185{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-2dabcbab{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-2dabcbab img{width:100%;}.elementor-9581 .elementor-element.elementor-element-70e3edf7{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-61ca5bec{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-61ca5bec img{width:100%;}.elementor-9581 .elementor-element.elementor-element-6134899{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-974a69e{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-974a69e img{width:100%;}.elementor-9581 .elementor-element.elementor-element-23975f72{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-73178729{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-73178729 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-61f8caa3{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-4f7a4bc3{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-4f7a4bc3 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-4f5ffd68{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-20203998{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-20203998 img{width:100%;}.elementor-9581 .elementor-element.elementor-element-79325f0c{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-29f3701b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-29f3701b img{width:100%;}.elementor-9581 .elementor-element.elementor-element-5b97a225{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-702d3b6f{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-702d3b6f img{width:100%;}.elementor-9581 .elementor-element.elementor-element-50358a57{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-3848db4b{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-3848db4b img{width:100%;}.elementor-9581 .elementor-element.elementor-element-6ac1577e{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-2a6aadcd{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-2a6aadcd img{width:100%;}.elementor-9581 .elementor-element.elementor-element-34c0f69a{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-4bdb432d{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-4bdb432d img{width:100%;}.elementor-9581 .elementor-element.elementor-element-4c6bdf52{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-9581 .elementor-element.elementor-element-4c6bdf52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-4c6bdf52.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:105px;--padding-bottom:105px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-45a5961b::before, .elementor-9581 .elementor-element.elementor-element-45a5961b > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-45a5961b > .e-con-inner > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-45a5961b > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-45a5961b > .e-con-inner > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-45a5961b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #E6EFED00 45%, #FFFFFF 76%);}.elementor-9581 .elementor-element.elementor-element-5b06a17f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-522c8772 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-522c8772.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-522c8772{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-522c8772 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-10957c18{width:var( --container-widget-width, 459px );max-width:459px;--container-widget-width:459px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-10957c18 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-10957c18.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-10957c18 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9581 .elementor-element.elementor-element-55bd58b9{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#616161;}.elementor-9581 .elementor-element.elementor-element-55bd58b9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-55bd58b9.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-168601a7.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-168601a7{text-align:start;}.elementor-9581 .elementor-element.elementor-element-168601a7 img{width:152px;}.elementor-9581 .elementor-element.elementor-element-10cc20a8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-9581 .elementor-element.elementor-element-10cc20a8.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-10cc20a8 img{width:565px;border-radius:20px 20px 20px 20px;}.elementor-9581 .elementor-element.elementor-element-274a29ea{--display:flex;--min-height:736px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.6;--padding-top:110px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-274a29ea:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9581 .elementor-element.elementor-element-274a29ea::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wp-engineers.eu/wp-content/uploads/2025/12/Digital-Grafik-Neu.webp");--background-overlay:'';background-position:1100px -122px;background-repeat:no-repeat;background-size:48% auto;}.elementor-9581 .elementor-element.elementor-element-508b774f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;border-style:none;--border-style:none;--padding-top:50px;--padding-bottom:0px;--padding-left:110px;--padding-right:110px;--z-index:1;}.elementor-9581 .elementor-element.elementor-element-508b774f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-79bf42b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-79bf42b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9581 .elementor-element.elementor-element-ca92836 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-60515414{width:100%;max-width:100%;text-align:center;}.elementor-9581 .elementor-element.elementor-element-60515414 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-60515414.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-60515414 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-25b62534{width:var( --container-widget-width, 606px );max-width:606px;--container-widget-width:606px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-25b62534 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-25b62534.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-25b62534 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-1fcc920f{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-1fcc920f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-2d210445 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-44d21cc1{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-44d21cc1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-44d21cc1.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-44d21cc1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-284ee7d4{width:var( --container-widget-width, 925px );max-width:925px;--container-widget-width:925px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-284ee7d4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-284ee7d4.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-284ee7d4 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-19331ca0{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-19331ca0.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-1e107430 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-25be2bac{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-25be2bac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-25be2bac.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-25be2bac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-5014336e{width:var( --container-widget-width, 543px );max-width:543px;--container-widget-width:543px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-5014336e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-5014336e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-5014336e p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-6048d664{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-6048d664.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-3cf4778 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-36e6d59c{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-36e6d59c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-36e6d59c.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-36e6d59c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-32cfe1bc{width:var( --container-widget-width, 369px );max-width:369px;--container-widget-width:369px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-32cfe1bc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-32cfe1bc.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-32cfe1bc p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-38731972{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-38731972.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-7b8a1884 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-748bf693{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-748bf693 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-748bf693.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-748bf693 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-522a0c37{width:var( --container-widget-width, 338px );max-width:338px;--container-widget-width:338px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-522a0c37 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-522a0c37.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-522a0c37 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-59ca628c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-59ca628c.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-312d1535.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-312d1535 .elementor-icon-wrapper{text-align:center;}.elementor-9581 .elementor-element.elementor-element-5a17a36a{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-5a17a36a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-5a17a36a.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-5a17a36a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-6b5e2e34{width:var( --container-widget-width, 543px );max-width:543px;--container-widget-width:543px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9581 .elementor-element.elementor-element-6b5e2e34 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-6b5e2e34.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-6b5e2e34 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-5308a555{width:var( --container-widget-width, 73px );max-width:73px;--container-widget-width:73px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-5308a555 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-5308a555.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-9581 .elementor-element.elementor-element-5308a555 img{width:100%;border-radius:3px 3px 3px 3px;}.elementor-9581 .elementor-element.elementor-element-633790d7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-9581 .elementor-element.elementor-element-633790d7 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-633790d7.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-9581 .elementor-element.elementor-element-633790d7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-783e3012{width:var( --container-widget-width, 725px );max-width:725px;--container-widget-width:725px;--container-widget-flex-grow:0;z-index:1;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#E9E9E9;}.elementor-9581 .elementor-element.elementor-element-783e3012 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-783e3012.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-9581 .elementor-element.elementor-element-783e3012 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-1aff53e{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-1aff53e:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-1aff53e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-5e0adfec{width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-5e0adfec > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-5e0adfec.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-5e0adfec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9581 .elementor-element.elementor-element-1d0d1bfa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D0D0D0;--border-color:#D0D0D0;--padding-top:50px;--padding-bottom:50px;--padding-left:110px;--padding-right:110px;}.elementor-9581 .elementor-element.elementor-element-fa485d{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:11px 11px 11px 11px;box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:55;}.elementor-9581 .elementor-element.elementor-element-fa485d:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-fa485d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9581 .elementor-element.elementor-element-fa485d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-45700597{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9581 .elementor-element.elementor-element-45700597.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-234cac3d{width:var( --container-widget-width, 623px );max-width:623px;--container-widget-width:623px;--container-widget-flex-grow:0;}.elementor-9581 .elementor-element.elementor-element-234cac3d > .elementor-widget-container{padding:2px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-234cac3d.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-234cac3d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.4rem;font-weight:500;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-1dc97f94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-1dc97f94:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-1dc97f94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-4a264ca2.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-4a264ca2{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-28b6e08a > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-28b6e08a.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-28b6e08a{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-28b6e08a .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-7037f1a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-7037f1a5:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-7037f1a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-335874a4 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-335874a4.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-335874a4{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9581 .elementor-element.elementor-element-335874a4 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-73345898 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-73345898.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-73345898{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-73345898 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-552a5210{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-552a5210:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-552a5210 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-12e4dd64{width:100%;max-width:100%;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-12e4dd64.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-4f7c4ab1 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-76f54a98 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-76f54a98.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-76f54a98{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-76f54a98 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-4d675510 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-4d675510.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-4d675510{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-4d675510 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-2fd0cd9d .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-6aa29dd4 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-2d7e612b > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-2d7e612b.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-2d7e612b{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-2d7e612b .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-6579314e .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(112deg, #F08132 0%, #D6620F 100%);border-radius:10px 10px 10px 10px;padding:20px 40px 20px 40px;}.elementor-9581 .elementor-element.elementor-element-6579314e.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-6579314e .elementor-button-content-wrapper{flex-direction:row;}.elementor-9581 .elementor-element.elementor-element-6579314e .elementor-button .elementor-button-content-wrapper{gap:11px;justify-content:center;}.elementor-9581 .elementor-element.elementor-element-7642391{--display:flex;--justify-content:center;}.elementor-9581 .elementor-element.elementor-element-7642391.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-7a73e134 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-7a73e134.elementor-element{--order:99999 /* order end hack */;}.elementor-9581 .elementor-element.elementor-element-7a73e134{text-align:start;}.elementor-9581 .elementor-element.elementor-element-7a73e134 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-9581 .elementor-element.elementor-element-441d24da > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-441d24da.elementor-element{--order:99999 /* order end hack */;}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-441d24da{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-text{color:#555555;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-196db608{--display:flex;--min-height:328px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-196db608:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-196db608 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C0A;}.elementor-9581 .elementor-element.elementor-element-7d920a48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7{width:100%;max-width:100%;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 > .elementor-widget-container{padding:0px 30px 10px 0px;border-radius:0px 5px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;}.elementor-9581 .elementor-element.elementor-element-d8ad2a7 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9581 .elementor-element.elementor-element-315cfbe1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-315cfbe1 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-315cfbe1.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-315cfbe1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9581 .elementor-element.elementor-element-6f410584{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-6f410584.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-1593c2b{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-1593c2b:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-1593c2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2025/12/8.png");background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-1593c2b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-79714e01{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9581 .elementor-element.elementor-element-122bf957.elementor-element{--align-self:stretch;}.elementor-9581 .elementor-element.elementor-element-122bf957 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-122bf957{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9581 .elementor-element.elementor-element-122bf957 p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-28f6829a{width:var( --container-widget-width, 663px );max-width:663px;--container-widget-width:663px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9581 .elementor-element.elementor-element-28f6829a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-28f6829a.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-255217cf{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-255217cf.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-15045619{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-15045619:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-15045619 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/4-1.jpg");background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-15045619.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-6392778c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-33d1da07{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9581 .elementor-element.elementor-element-33d1da07 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-33d1da07.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-33d1da07 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9581 .elementor-element.elementor-element-3d9e967f.elementor-element{--align-self:stretch;}.elementor-9581 .elementor-element.elementor-element-3d9e967f > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-3d9e967f{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9581 .elementor-element.elementor-element-3d9e967f p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-102897ab{width:var( --container-widget-width, 656px );max-width:656px;--container-widget-width:656px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9581 .elementor-element.elementor-element-102897ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-102897ab.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-2a0a6f38{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-2a0a6f38.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-69a428c5{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-69a428c5:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-69a428c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/2-1.jpg");background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-69a428c5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9581 .elementor-element.elementor-element-137b2669{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9581 .elementor-element.elementor-element-5317215c.elementor-element{--align-self:stretch;}.elementor-9581 .elementor-element.elementor-element-5317215c > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-5317215c{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9581 .elementor-element.elementor-element-5317215c p{margin-block-end:0px;}.elementor-9581 .elementor-element.elementor-element-5644d933{width:var( --container-widget-width, 614px );max-width:614px;--container-widget-width:614px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9581 .elementor-element.elementor-element-5644d933 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-5644d933.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-22fe11c4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-22fe11c4:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-22fe11c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-136de7d7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9581 .elementor-element.elementor-element-71adfbee{width:var( --container-widget-width, 948px );max-width:948px;--container-widget-width:948px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9581 .elementor-element.elementor-element-71adfbee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-71adfbee.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-699d5f63{--display:flex;--min-height:643px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.19);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-3395f17e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-3395f17e:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-3395f17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/WP-Engineers-Team-bei-Begehung-auf-Baustelle.webp");background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-592a50e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-592a50e5:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-592a50e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9581 .elementor-element.elementor-element-41c83eb1{width:var( --container-widget-width, 362px );max-width:362px;--container-widget-width:362px;--container-widget-flex-grow:0;text-align:center;}.elementor-9581 .elementor-element.elementor-element-41c83eb1 > .elementor-widget-container{padding:10px 0px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-41c83eb1.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-41c83eb1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2rem;font-weight:500;line-height:1.5em;color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-81993ac{width:var( --container-widget-width, 564px );max-width:564px;--container-widget-width:564px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:1.05rem;font-weight:400;line-height:29px;color:#FFFFFFCC;}.elementor-9581 .elementor-element.elementor-element-81993ac > .elementor-widget-container{padding:0px 0px 12.5px 0px;}.elementor-9581 .elementor-element.elementor-element-81993ac.elementor-element{--align-self:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9581 .elementor-element.elementor-element-7beecbb4{width:100%;max-width:100%;z-index:10;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#353535;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#06D9FA;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#06D9FA;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group > label, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-subgroup label{color:#FFFFFFCC;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-type-html{padding-bottom:0px;color:#002B4DCC;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-field{color:#000000CC;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-field, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F9F9F9;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-select-wrapper select{background-color:#F9F9F9;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.2em;border-radius:30px 30px 30px 30px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__buttons__wrapper__button-next{background-color:#F08132;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button[type="submit"]{background-color:#F08132;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button[type="submit"] svg *{fill:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__buttons__wrapper__button-previous{background-color:#F08132;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__buttons__wrapper__button-next:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button[type="submit"]:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button[type="submit"]:hover svg *{fill:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__buttons__wrapper__button-previous:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator__label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:1.2em;}.elementor-9581 .elementor-element.elementor-element-7d86f771{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-9581 .elementor-element.elementor-element-60f0b9c{--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-9581 .elementor-element.elementor-element-5b06a17f{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-508b774f{--padding-top:0px;--padding-bottom:35px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-783e3012 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-9581 .elementor-element.elementor-element-1aff53e{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-1d0d1bfa{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-196db608{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-22fe11c4{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-9581 .elementor-element.elementor-element-136de7d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1200px){.elementor-9581 .elementor-element.elementor-element-26503b5.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-10787c74{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0;}.elementor-9581 .elementor-element.elementor-element-5b06a17f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-10cc20a8 > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-9581 .elementor-element.elementor-element-1dc97f94{--flex-wrap:wrap;}.elementor-9581 .elementor-element.elementor-element-4a264ca2{width:100%;max-width:100%;}.elementor-9581 .elementor-element.elementor-element-7037f1a5{--flex-wrap:wrap;}.elementor-9581 .elementor-element.elementor-element-335874a4{width:100%;max-width:100%;}.elementor-9581 .elementor-element.elementor-element-552a5210{--flex-wrap:wrap;}.elementor-9581 .elementor-element.elementor-element-12e4dd64{width:100%;max-width:100%;}.elementor-9581 .elementor-element.elementor-element-6579314e.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-79714e01{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-6392778c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-137b2669{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-81993ac{--container-widget-width:382px;--container-widget-flex-grow:0;width:var( --container-widget-width, 382px );max-width:382px;}}@media(max-width:1024px){.elementor-9581 .elementor-element.elementor-element-ba8f978{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;text-align:center;}.elementor-9581 .elementor-element.elementor-element-ba8f978.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-26503b5.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-10787c74{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-5b06a17f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9581 .elementor-element.elementor-element-522c8772.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-10957c18{--container-widget-width:797px;--container-widget-flex-grow:0;width:var( --container-widget-width, 797px );max-width:797px;text-align:center;}.elementor-9581 .elementor-element.elementor-element-10957c18.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-10957c18 .elementor-heading-title{line-height:45px;}.elementor-9581 .elementor-element.elementor-element-55bd58b9{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;text-align:center;}.elementor-9581 .elementor-element.elementor-element-55bd58b9.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-10cc20a8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-10cc20a8 img{width:1000px;}.elementor-9581 .elementor-element.elementor-element-274a29ea::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-9581 .elementor-element.elementor-element-508b774f{--padding-top:0px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-5308a555.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-633790d7.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-633790d7{text-align:center;}.elementor-9581 .elementor-element.elementor-element-783e3012{--container-widget-width:438px;--container-widget-flex-grow:0;width:var( --container-widget-width, 438px );max-width:438px;text-align:center;}.elementor-9581 .elementor-element.elementor-element-783e3012.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-1aff53e{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-5e0adfec{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9581 .elementor-element.elementor-element-1d0d1bfa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9581 .elementor-element.elementor-element-1dc97f94{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9581 .elementor-element.elementor-element-7037f1a5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9581 .elementor-element.elementor-element-552a5210{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9581 .elementor-element.elementor-element-6579314e.elementor-element{--align-self:stretch;}.elementor-9581 .elementor-element.elementor-element-6579314e .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-9581 .elementor-element.elementor-element-7642391.e-con{--order:99999 /* order end hack */;}.elementor-9581 .elementor-element.elementor-element-7a73e134.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-7a73e134 .elementor-heading-title{font-size:20px;}.elementor-9581 .elementor-element.elementor-element-196db608{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-315cfbe1{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9581 .elementor-element.elementor-element-6f410584{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9581 .elementor-element.elementor-element-79714e01{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-255217cf{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9581 .elementor-element.elementor-element-6392778c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-2a0a6f38{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9581 .elementor-element.elementor-element-137b2669{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-22fe11c4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-136de7d7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9581 .elementor-element.elementor-element-699d5f63{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9581 .elementor-element.elementor-element-3395f17e{--min-height:411px;}.elementor-9581 .elementor-element.elementor-element-592a50e5{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-9581 .elementor-element.elementor-element-41c83eb1{text-align:center;}.elementor-9581 .elementor-element.elementor-element-81993ac{--container-widget-width:605px;--container-widget-flex-grow:0;width:var( --container-widget-width, 605px );max-width:605px;text-align:center;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group > label{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-type-html{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-field, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-subgroup label{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator__label{font-size:15px;}}@media(max-width:767px){.elementor-9581 .elementor-element.elementor-element-60f0b9c{--min-height:100vh;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-60f0b9c:not(.elementor-motion-effects-element-type-background), .elementor-9581 .elementor-element.elementor-element-60f0b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-9581 .elementor-element.elementor-element-7658b203.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-7658b203{text-align:center;}.elementor-9581 .elementor-element.elementor-element-7658b203 .elementor-heading-title{font-size:2rem;line-height:1.4em;}.elementor-9581 .elementor-element.elementor-element-ba8f978{--container-widget-width:503px;--container-widget-flex-grow:0;width:var( --container-widget-width, 503px );max-width:503px;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-2f1bd5b9 .elementor-icon-list-item > a{font-size:0.95rem;}.elementor-9581 .elementor-element.elementor-element-10787c74{--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;}.elementor-9581 .elementor-element.elementor-element-8534910{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-9581 .elementor-element.elementor-element-549247ad{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-9581 .elementor-element.elementor-element-6089c11f{--container-widget-width:217px;--container-widget-flex-grow:0;width:var( --container-widget-width, 217px );max-width:217px;}.elementor-9581 .elementor-element.elementor-element-1ab72d3{--container-widget-width:63px;--container-widget-flex-grow:0;width:var( --container-widget-width, 63px );max-width:63px;}.elementor-9581 .elementor-element.elementor-element-66f79f20{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-9581 .elementor-element.elementor-element-4c6bdf52{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-10957c18{--container-widget-width:345px;--container-widget-flex-grow:0;width:var( --container-widget-width, 345px );max-width:345px;}.elementor-9581 .elementor-element.elementor-element-10957c18 .elementor-heading-title{line-height:1.3em;}.elementor-9581 .elementor-element.elementor-element-55bd58b9{--container-widget-width:503px;--container-widget-flex-grow:0;width:var( --container-widget-width, 503px );max-width:503px;}.elementor-9581 .elementor-element.elementor-element-168601a7 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-9581 .elementor-element.elementor-element-168601a7.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-274a29ea{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-274a29ea::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-video-container::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-9581 .elementor-element.elementor-element-274a29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px -171px;background-size:413px auto;}.elementor-9581 .elementor-element.elementor-element-508b774f{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-633790d7{--container-widget-width:301px;--container-widget-flex-grow:0;width:var( --container-widget-width, 301px );max-width:301px;}.elementor-9581 .elementor-element.elementor-element-633790d7 .elementor-heading-title{line-height:1.3em;}.elementor-9581 .elementor-element.elementor-element-783e3012{--container-widget-width:313px;--container-widget-flex-grow:0;width:var( --container-widget-width, 313px );max-width:313px;}.elementor-9581 .elementor-element.elementor-element-1aff53e{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-5e0adfec{--container-widget-width:276px;--container-widget-flex-grow:0;width:var( --container-widget-width, 276px );max-width:276px;}.elementor-9581 .elementor-element.elementor-element-5e0adfec .elementor-heading-title{line-height:45px;}.elementor-9581 .elementor-element.elementor-element-1d0d1bfa{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-fa485d{--border-radius:10px 10px 10px 10px;}.elementor-9581 .elementor-element.elementor-element-45700597{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9581 .elementor-element.elementor-element-234cac3d .elementor-heading-title{line-height:1.3em;}.elementor-9581 .elementor-element.elementor-element-4a264ca2 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9581 .elementor-element.elementor-element-335874a4 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9581 .elementor-element.elementor-element-12e4dd64 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9581 .elementor-element.elementor-element-7642391{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-7a73e134 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-7a73e134.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-441d24da > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-9581 .elementor-element.elementor-element-441d24da.elementor-element{--align-self:flex-start;}.elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9581 .elementor-element.elementor-element-441d24da .elementor-icon-list-item > a{font-size:16px;}.elementor-9581 .elementor-element.elementor-element-315cfbe1{--container-widget-width:325px;--container-widget-flex-grow:0;width:var( --container-widget-width, 325px );max-width:325px;}.elementor-9581 .elementor-element.elementor-element-315cfbe1 .elementor-heading-title{line-height:45px;}.elementor-9581 .elementor-element.elementor-element-79714e01{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-6fca8a6a{text-align:center;}.elementor-9581 .elementor-element.elementor-element-122bf957.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-122bf957{text-align:center;}.elementor-9581 .elementor-element.elementor-element-28f6829a.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-28f6829a{text-align:center;}.elementor-9581 .elementor-element.elementor-element-6392778c{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-33d1da07.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-33d1da07{text-align:center;}.elementor-9581 .elementor-element.elementor-element-3d9e967f.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-3d9e967f{text-align:center;}.elementor-9581 .elementor-element.elementor-element-102897ab.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-102897ab{text-align:center;}.elementor-9581 .elementor-element.elementor-element-137b2669{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-1dffc5ed{text-align:center;}.elementor-9581 .elementor-element.elementor-element-5317215c.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-5317215c{text-align:center;}.elementor-9581 .elementor-element.elementor-element-5644d933.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-5644d933{text-align:center;}.elementor-9581 .elementor-element.elementor-element-22fe11c4{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-136de7d7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9581 .elementor-element.elementor-element-136de7d7.e-con{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-3f9d00b6 .elementor-heading-title{line-height:45px;}.elementor-9581 .elementor-element.elementor-element-71adfbee.elementor-element{--align-self:center;}.elementor-9581 .elementor-element.elementor-element-71adfbee{text-align:center;}.elementor-9581 .elementor-element.elementor-element-699d5f63{--min-height:382px;}.elementor-9581 .elementor-element.elementor-element-3395f17e{--min-height:375px;}.elementor-9581 .elementor-element.elementor-element-592a50e5{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9581 .elementor-element.elementor-element-41c83eb1 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-9581 .elementor-element.elementor-element-41c83eb1 .elementor-heading-title{line-height:52px;}.elementor-9581 .elementor-element.elementor-element-81993ac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9581 .elementor-element.elementor-element-81993ac{--container-widget-width:563px;--container-widget-flex-grow:0;width:var( --container-widget-width, 563px );max-width:563px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group > label{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-type-html{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-group .elementor-field, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-field-subgroup label{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-button{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .elementor-message{font-size:15px;}.elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator, .elementor-9581 .elementor-element.elementor-element-7beecbb4 .e-form__indicators__indicator__label{font-size:15px;}}@media(min-width:768px){.elementor-9581 .elementor-element.elementor-element-60f0b9c{--content-width:1240px;}.elementor-9581 .elementor-element.elementor-element-645e93c6{--width:100%;}.elementor-9581 .elementor-element.elementor-element-10787c74{--content-width:1200px;}.elementor-9581 .elementor-element.elementor-element-45a5961b{--content-width:1200px;}.elementor-9581 .elementor-element.elementor-element-5b06a17f{--width:100%;}.elementor-9581 .elementor-element.elementor-element-508b774f{--width:100%;}.elementor-9581 .elementor-element.elementor-element-79bf42b{--width:30%;}.elementor-9581 .elementor-element.elementor-element-1fcc920f{--width:30%;}.elementor-9581 .elementor-element.elementor-element-19331ca0{--width:30%;}.elementor-9581 .elementor-element.elementor-element-6048d664{--width:30%;}.elementor-9581 .elementor-element.elementor-element-38731972{--width:30%;}.elementor-9581 .elementor-element.elementor-element-59ca628c{--width:30%;}.elementor-9581 .elementor-element.elementor-element-fa485d{--width:55%;}.elementor-9581 .elementor-element.elementor-element-45700597{--width:100%;}.elementor-9581 .elementor-element.elementor-element-7642391{--width:35%;}.elementor-9581 .elementor-element.elementor-element-196db608{--content-width:1245px;}.elementor-9581 .elementor-element.elementor-element-6f410584{--width:31%;}.elementor-9581 .elementor-element.elementor-element-1593c2b{--width:35%;}.elementor-9581 .elementor-element.elementor-element-255217cf{--width:100%;}.elementor-9581 .elementor-element.elementor-element-15045619{--width:35%;}.elementor-9581 .elementor-element.elementor-element-2a0a6f38{--width:100%;}.elementor-9581 .elementor-element.elementor-element-69a428c5{--width:35%;}.elementor-9581 .elementor-element.elementor-element-22fe11c4{--content-width:1300px;}.elementor-9581 .elementor-element.elementor-element-136de7d7{--width:100%;}.elementor-9581 .elementor-element.elementor-element-3395f17e{--width:50%;}.elementor-9581 .elementor-element.elementor-element-592a50e5{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-9581 .elementor-element.elementor-element-10787c74{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-9581 .elementor-element.elementor-element-79bf42b{--width:45%;}.elementor-9581 .elementor-element.elementor-element-1fcc920f{--width:45%;}.elementor-9581 .elementor-element.elementor-element-19331ca0{--width:45%;}.elementor-9581 .elementor-element.elementor-element-6048d664{--width:45%;}.elementor-9581 .elementor-element.elementor-element-38731972{--width:45%;}.elementor-9581 .elementor-element.elementor-element-59ca628c{--width:45%;}.elementor-9581 .elementor-element.elementor-element-fa485d{--width:100%;}.elementor-9581 .elementor-element.elementor-element-7642391{--width:100%;}.elementor-9581 .elementor-element.elementor-element-699d5f63{--width:100%;}.elementor-9581 .elementor-element.elementor-element-3395f17e{--width:100%;}.elementor-9581 .elementor-element.elementor-element-592a50e5{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3463849b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-24713f1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e7ac668 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6f29f969 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35a9c4a7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-607c063f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ff18994 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aa19010 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-125b7953 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46bd873e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-405b5ebc *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3019ab67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-686205a9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2dabcbab *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61ca5bec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-974a69e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-73178729 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f7a4bc3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20203998 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29f3701b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-702d3b6f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3848db4b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6aadcd *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bdb432d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41c83eb1 */.mein-verlaufstext {
    background: linear-gradient(90deg,
        #002B4D 0%,       /* Dunkelstes Blau */
        #1F4C78 25%,      /* Übergangsblau */
        #3E6D9F 50%,      /* Mittelblau */
        #4E86C0 75%,      /* Helles Blau */
        #5B9BD5 100%      /* Endfarbe */
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}/* End custom CSS */