.elementor-8584 .elementor-element.elementor-element-0a92f6b{--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-8584 .elementor-element.elementor-element-0a92f6b:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-0a92f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/06/DSC04873.webp");background-position:center center;background-size:cover;}.elementor-8584 .elementor-element.elementor-element-0a92f6b::before, .elementor-8584 .elementor-element.elementor-element-0a92f6b > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0a92f6b > .e-con-inner > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0a92f6b > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0a92f6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0a92f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000B0 0%, #000000 77%);}.elementor-8584 .elementor-element.elementor-element-953dabd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-953dabd.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-8584 .elementor-element.elementor-element-0ed2030{width:var( --container-widget-width, 663px );max-width:663px;--container-widget-width:663px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-0ed2030 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8584 .elementor-element.elementor-element-0ed2030.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-0ed2030 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;line-height:55px;color:#FFFFFF;}.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-8584 .elementor-element.elementor-element-4229eca > .elementor-widget-container{padding:0px 30px 15px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-4229eca.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-4229eca{--e-icon-list-icon-size:26px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:400;line-height:20px;}.elementor-8584 .elementor-element.elementor-element-4229eca .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-8584 .elementor-element.elementor-element-827d125 .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-8584 .elementor-element.elementor-element-827d125 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8584 .elementor-element.elementor-element-827d125 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8584 .elementor-element.elementor-element-a05ee33{--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-8584 .elementor-element.elementor-element-fea1289{--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-8584 .elementor-element.elementor-element-c70109b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-c70109b img{width:100%;}.elementor-8584 .elementor-element.elementor-element-657896c{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-f7336a7{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-f7336a7 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-c2da4c5{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-6bd07ab{width:var( --container-widget-width, 119px );max-width:119px;--container-widget-width:119px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-6bd07ab img{width:100%;}.elementor-8584 .elementor-element.elementor-element-7cb316a{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-c9b0e66{width:var( --container-widget-width, 43px );max-width:43px;--container-widget-width:43px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-c9b0e66 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-a0d72c1{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-400948b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-400948b.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-400948b img{width:100%;}.elementor-8584 .elementor-element.elementor-element-7d4a2d4{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-018aea8{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-018aea8 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-5ed8404{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-e923036{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-e923036 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-a0cdf5c{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-1064972{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-1064972 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-6fbb61f{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-f8194a3{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-f8194a3 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-592421a{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-7f562d1{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-7f562d1 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-6d7eed7{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-a044d0e{width:var( --container-widget-width, 64px );max-width:64px;--container-widget-width:64px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-a044d0e img{width:100%;}.elementor-8584 .elementor-element.elementor-element-7bd7aae{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-b607ee6{width:var( --container-widget-width, 63px );max-width:63px;--container-widget-width:63px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-b607ee6 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-773fc69{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-d1b141a{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-d1b141a img{width:100%;}.elementor-8584 .elementor-element.elementor-element-a8f6d26{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-54d2dee{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-54d2dee img{width:100%;}.elementor-8584 .elementor-element.elementor-element-c1c2018{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-26d8e09{width:var( --container-widget-width, 53px );max-width:53px;--container-widget-width:53px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-26d8e09 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-eda71ad{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-fcc7464{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-fcc7464 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-a93e68d{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-652e3b7{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-652e3b7 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-d7fc0b3{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-c4e0735{width:var( --container-widget-width, 69px );max-width:69px;--container-widget-width:69px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-c4e0735 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-e37c51e{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-9cc8310{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-9cc8310 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-0821376{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-68260e0{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-68260e0 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-287aba9{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-10df625{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-10df625 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-e485c3c{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-1329c67{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-1329c67 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-8a8267c{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-238e9b4{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-238e9b4 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-83e5522{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-72f443d{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-72f443d img{width:100%;}.elementor-8584 .elementor-element.elementor-element-48f35f8{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-1b627c7{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-1b627c7 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-5cc3970{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-6fcad6d{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-6fcad6d img{width:100%;}.elementor-8584 .elementor-element.elementor-element-5564b37{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-51ba6ec{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-51ba6ec img{width:100%;}.elementor-8584 .elementor-element.elementor-element-c585fea{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-4e86965{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-4e86965 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-adbf2ac{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-0129673{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-0129673 img{width:100%;}.elementor-8584 .elementor-element.elementor-element-57363ff{--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-8584 .elementor-element.elementor-element-57363ff > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-57363ff.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-68f3770{--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-8584 .elementor-element.elementor-element-68f3770::before, .elementor-8584 .elementor-element.elementor-element-68f3770 > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-68f3770 > .e-con-inner > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-68f3770 > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-68f3770 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-68f3770 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #E6EFED00 45%, #FFFFFF 76%);}.elementor-8584 .elementor-element.elementor-element-182d1f7{--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-8584 .elementor-element.elementor-element-b941b80 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-b941b80.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(38px/2);}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(38px/2);}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(38px/2);}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-38px/2);}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-38px/2);}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-b941b80{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-8584 .elementor-element.elementor-element-b941b80 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-c6de1dc{width:var( --container-widget-width, 593px );max-width:593px;--container-widget-width:593px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-c6de1dc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-c6de1dc.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-c6de1dc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.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-8584 .elementor-element.elementor-element-5273dc9{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-8584 .elementor-element.elementor-element-5273dc9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-5273dc9.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-0db524f.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-0db524f{text-align:start;}.elementor-8584 .elementor-element.elementor-element-0db524f img{width:152px;}.elementor-8584 .elementor-element.elementor-element-ae34424{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-8584 .elementor-element.elementor-element-ae34424.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-ae34424 img{width:565px;border-radius:20px 20px 20px 20px;}.elementor-8584 .elementor-element.elementor-element-0e95961{--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-8584 .elementor-element.elementor-element-0e95961:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-8584 .elementor-element.elementor-element-0e95961::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .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-8584 .elementor-element.elementor-element-6ebfd82{--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-8584 .elementor-element.elementor-element-6ebfd82.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-a3dd61b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-a3dd61b.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-8584 .elementor-element.elementor-element-7c1f389 .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-7c1f389.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-7c1f389.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-7c1f389.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-7c1f389.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-7c1f389.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-c746282{width:100%;max-width:100%;text-align:center;}.elementor-8584 .elementor-element.elementor-element-c746282 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-c746282.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-c746282 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-6b9018c{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-8584 .elementor-element.elementor-element-6b9018c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-6b9018c.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-6b9018c p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-a927160{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-a927160.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-8d20286 .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-8d20286.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-8d20286.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-8d20286.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-8d20286.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-8d20286.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-287ae38{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-287ae38 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-287ae38.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-287ae38 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-9f416a1{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-8584 .elementor-element.elementor-element-9f416a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-9f416a1.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-9f416a1 p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-26916b2{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-26916b2.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-59a0de5 .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-59a0de5.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-59a0de5.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-59a0de5.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-59a0de5.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-59a0de5.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-c505cab{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-c505cab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-c505cab.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-c505cab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-2656aab{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-8584 .elementor-element.elementor-element-2656aab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-2656aab.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-2656aab p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-65231e1{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-65231e1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-d2d5e13 .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-d2d5e13.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-d2d5e13.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-d2d5e13.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-d2d5e13.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-d2d5e13.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-b41788c{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-b41788c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-b41788c.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-b41788c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-e108000{width:var( --container-widget-width, 343px );max-width:343px;--container-widget-width:343px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-8584 .elementor-element.elementor-element-e108000 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-e108000.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-e108000 p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-cf2e073{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-cf2e073.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-98df897 .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-98df897.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-98df897.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-98df897.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-98df897.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-98df897.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-e53f544{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-e53f544 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-e53f544.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-e53f544 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-abed30b{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-8584 .elementor-element.elementor-element-abed30b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-abed30b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-abed30b p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-ac4908e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-ac4908e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-4894aba .elementor-icon-wrapper{text-align:center;}.elementor-8584 .elementor-element.elementor-element-4894aba.elementor-view-stacked .elementor-icon{background-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-4894aba.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-4894aba.elementor-view-default .elementor-icon{color:#E7B138;border-color:#E7B138;}.elementor-8584 .elementor-element.elementor-element-4894aba.elementor-view-framed .elementor-icon, .elementor-8584 .elementor-element.elementor-element-4894aba.elementor-view-default .elementor-icon svg{fill:#E7B138;}.elementor-8584 .elementor-element.elementor-element-7c9af53{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-7c9af53 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-7c9af53.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-7c9af53 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-d30668b{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-8584 .elementor-element.elementor-element-d30668b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-d30668b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-d30668b p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-fbf39b4{width:var( --container-widget-width, 73px );max-width:73px;--container-widget-width:73px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-fbf39b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-fbf39b4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-8584 .elementor-element.elementor-element-fbf39b4 img{width:100%;border-radius:3px 3px 3px 3px;}.elementor-8584 .elementor-element.elementor-element-eafe107{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-8584 .elementor-element.elementor-element-eafe107 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-8584 .elementor-element.elementor-element-eafe107.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-8584 .elementor-element.elementor-element-eafe107 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-509943b{width:var( --container-widget-width, 498px );max-width:498px;--container-widget-width:498px;--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-8584 .elementor-element.elementor-element-509943b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-509943b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-8584 .elementor-element.elementor-element-509943b p{margin-block-end:0px;}.elementor-8584 .elementor-element.elementor-element-b1ac4c3{--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-8584 .elementor-element.elementor-element-b1ac4c3:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-b1ac4c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-2f9bac3{width:var( --container-widget-width, 838px );max-width:838px;--container-widget-width:838px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-2f9bac3 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-8584 .elementor-element.elementor-element-2f9bac3.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-2f9bac3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-8584 .elementor-element.elementor-element-40c87f7{--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-8584 .elementor-element.elementor-element-c4b4e19{--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-8584 .elementor-element.elementor-element-c4b4e19:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-c4b4e19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-8584 .elementor-element.elementor-element-c4b4e19.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-b81328a{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-8584 .elementor-element.elementor-element-b81328a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-0726b83{width:var( --container-widget-width, 623px );max-width:623px;--container-widget-width:623px;--container-widget-flex-grow:0;}.elementor-8584 .elementor-element.elementor-element-0726b83 > .elementor-widget-container{padding:2px 0px 20px 0px;}.elementor-8584 .elementor-element.elementor-element-0726b83.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-0726b83 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.4rem;font-weight:500;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-3694864{--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-8584 .elementor-element.elementor-element-3694864:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-3694864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-85049ca > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-85049ca.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-85049ca{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-8584 .elementor-element.elementor-element-85049ca .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-6faac3c > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-6faac3c.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-6faac3c{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-8584 .elementor-element.elementor-element-6faac3c .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-106799b{--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-8584 .elementor-element.elementor-element-106799b:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-106799b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-b669dd1 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-b669dd1.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-b669dd1{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-8584 .elementor-element.elementor-element-b669dd1 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-0cf5063 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-0cf5063.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-0cf5063{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-8584 .elementor-element.elementor-element-0cf5063 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-9025f97{--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-8584 .elementor-element.elementor-element-9025f97:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-9025f97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-a0a3458 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-a0a3458.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-a0a3458{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-8584 .elementor-element.elementor-element-a0a3458 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-d242d17 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-d242d17.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-d242d17{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-8584 .elementor-element.elementor-element-d242d17 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-f0c90c8 .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-8584 .elementor-element.elementor-element-f0c90c8.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-f0c90c8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8584 .elementor-element.elementor-element-f0c90c8 .elementor-button .elementor-button-content-wrapper{gap:11px;justify-content:center;}.elementor-8584 .elementor-element.elementor-element-7dfc250{--display:flex;--justify-content:center;}.elementor-8584 .elementor-element.elementor-element-7dfc250.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-8584 .elementor-element.elementor-element-177bc29 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-8584 .elementor-element.elementor-element-177bc29.elementor-element{--order:99999 /* order end hack */;}.elementor-8584 .elementor-element.elementor-element-177bc29{text-align:start;}.elementor-8584 .elementor-element.elementor-element-177bc29 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-8584 .elementor-element.elementor-element-220c84f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-220c84f.elementor-element{--order:99999 /* order end hack */;}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-8584 .elementor-element.elementor-element-220c84f{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-text{color:#555555;transition:color 0.3s;}.elementor-8584 .elementor-element.elementor-element-ef6b271{--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-8584 .elementor-element.elementor-element-ef6b271:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-ef6b271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-72d5283{--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-8584 .elementor-element.elementor-element-7e0e63e{width:var( --container-widget-width, 862px );max-width:862px;--container-widget-width:862px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-7e0e63e > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-8584 .elementor-element.elementor-element-7e0e63e.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-7e0e63e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-8584 .elementor-element.elementor-element-1ba3f9c{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-8584 .elementor-element.elementor-element-1ba3f9c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-1ba3f9c.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-a2c90a6{--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:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-06ed5b3{--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-8584 .elementor-element.elementor-element-06ed5b3:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-06ed5b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/06/DSC04950.webp");background-position:center center;background-size:cover;}.elementor-8584 .elementor-element.elementor-element-ca41e2c{--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-8584 .elementor-element.elementor-element-ca41e2c:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-ca41e2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-8584 .elementor-element.elementor-element-f2e7b95{width:var( --container-widget-width, 362px );max-width:362px;--container-widget-width:362px;--container-widget-flex-grow:0;text-align:center;}.elementor-8584 .elementor-element.elementor-element-f2e7b95 > .elementor-widget-container{padding:10px 0px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-f2e7b95.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-f2e7b95 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2rem;font-weight:500;line-height:1.5em;color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-6dcc472{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-8584 .elementor-element.elementor-element-6dcc472 > .elementor-widget-container{padding:0px 0px 12.5px 0px;}.elementor-8584 .elementor-element.elementor-element-6dcc472.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-8584 .elementor-element.elementor-element-e55762e{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-8584 .elementor-element.elementor-element-e55762e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group > label, .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-subgroup label{color:#FFFFFFCC;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-type-html{padding-bottom:0px;color:#FFFFFFCC;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group .elementor-field{color:#000000CC;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group .elementor-field, .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;}.elementor-8584 .elementor-element.elementor-element-e55762e .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-8584 .elementor-element.elementor-element-e55762e .elementor-field-group .elementor-select-wrapper select{background-color:#F9F9F9;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-8584 .elementor-element.elementor-element-e55762e .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-8584 .elementor-element.elementor-element-e55762e .e-form__buttons__wrapper__button-next{background-color:#F08132;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button[type="submit"]{background-color:#F08132;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button[type="submit"] svg *{fill:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__buttons__wrapper__button-previous{background-color:#F08132;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__buttons__wrapper__button-next:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button[type="submit"]:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button[type="submit"]:hover svg *{fill:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__buttons__wrapper__button-previous:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator, .elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator__label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:1.2em;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-8584 .elementor-element.elementor-element-0a92f6b{--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-68f3770{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-8584 .elementor-element.elementor-element-182d1f7{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-6ebfd82{--padding-top:0px;--padding-bottom:35px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-509943b > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-8584 .elementor-element.elementor-element-b1ac4c3{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-40c87f7{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-ef6b271{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-8584 .elementor-element.elementor-element-72d5283{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1200px){.elementor-8584 .elementor-element.elementor-element-827d125.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-a05ee33{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-68f3770{--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-8584 .elementor-element.elementor-element-182d1f7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-ae34424 > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-8584 .elementor-element.elementor-element-3694864{--flex-wrap:wrap;}.elementor-8584 .elementor-element.elementor-element-85049ca{width:100%;max-width:100%;}.elementor-8584 .elementor-element.elementor-element-106799b{--flex-wrap:wrap;}.elementor-8584 .elementor-element.elementor-element-b669dd1{width:100%;max-width:100%;}.elementor-8584 .elementor-element.elementor-element-9025f97{--flex-wrap:wrap;}.elementor-8584 .elementor-element.elementor-element-a0a3458{width:100%;max-width:100%;}.elementor-8584 .elementor-element.elementor-element-f0c90c8.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-6dcc472{--container-widget-width:382px;--container-widget-flex-grow:0;width:var( --container-widget-width, 382px );max-width:382px;}}@media(max-width:1024px){.elementor-8584 .elementor-element.elementor-element-827d125.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-a05ee33{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-8584 .elementor-element.elementor-element-68f3770{--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-8584 .elementor-element.elementor-element-182d1f7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8584 .elementor-element.elementor-element-b941b80.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-c6de1dc{--container-widget-width:797px;--container-widget-flex-grow:0;width:var( --container-widget-width, 797px );max-width:797px;text-align:center;}.elementor-8584 .elementor-element.elementor-element-c6de1dc.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-c6de1dc .elementor-heading-title{line-height:45px;}.elementor-8584 .elementor-element.elementor-element-5273dc9{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;text-align:center;}.elementor-8584 .elementor-element.elementor-element-5273dc9.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-ae34424 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-ae34424 img{width:1000px;}.elementor-8584 .elementor-element.elementor-element-0e95961::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-8584 .elementor-element.elementor-element-6ebfd82{--padding-top:0px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-fbf39b4.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-eafe107.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-eafe107{text-align:center;}.elementor-8584 .elementor-element.elementor-element-509943b{--container-widget-width:438px;--container-widget-flex-grow:0;width:var( --container-widget-width, 438px );max-width:438px;text-align:center;}.elementor-8584 .elementor-element.elementor-element-509943b.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-b1ac4c3{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-2f9bac3{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-8584 .elementor-element.elementor-element-40c87f7{--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-8584 .elementor-element.elementor-element-3694864{--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-8584 .elementor-element.elementor-element-106799b{--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-8584 .elementor-element.elementor-element-9025f97{--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-8584 .elementor-element.elementor-element-f0c90c8.elementor-element{--align-self:stretch;}.elementor-8584 .elementor-element.elementor-element-f0c90c8 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-8584 .elementor-element.elementor-element-7dfc250.e-con{--order:99999 /* order end hack */;}.elementor-8584 .elementor-element.elementor-element-177bc29.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-177bc29 .elementor-heading-title{font-size:20px;}.elementor-8584 .elementor-element.elementor-element-ef6b271{--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-8584 .elementor-element.elementor-element-72d5283{--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-8584 .elementor-element.elementor-element-7e0e63e{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-8584 .elementor-element.elementor-element-a2c90a6{--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-8584 .elementor-element.elementor-element-06ed5b3{--min-height:411px;}.elementor-8584 .elementor-element.elementor-element-ca41e2c{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-8584 .elementor-element.elementor-element-f2e7b95{text-align:center;}.elementor-8584 .elementor-element.elementor-element-6dcc472{--container-widget-width:605px;--container-widget-flex-grow:0;width:var( --container-widget-width, 605px );max-width:605px;text-align:center;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group > label{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-type-html{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group .elementor-field, .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-subgroup label{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator, .elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator__label{font-size:15px;}}@media(max-width:767px){.elementor-8584 .elementor-element.elementor-element-0a92f6b{--min-height:100vh;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-0a92f6b:not(.elementor-motion-effects-element-type-background), .elementor-8584 .elementor-element.elementor-element-0a92f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-8584 .elementor-element.elementor-element-0ed2030.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-0ed2030{text-align:center;}.elementor-8584 .elementor-element.elementor-element-0ed2030 .elementor-heading-title{font-size:2rem;line-height:1.4em;}.elementor-8584 .elementor-element.elementor-element-4229eca > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8584 .elementor-element.elementor-element-4229eca.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-4229eca .elementor-icon-list-item > a{font-size:0.95rem;}.elementor-8584 .elementor-element.elementor-element-a05ee33{--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-8584 .elementor-element.elementor-element-c70109b{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-8584 .elementor-element.elementor-element-f7336a7{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-8584 .elementor-element.elementor-element-6bd07ab{--container-widget-width:217px;--container-widget-flex-grow:0;width:var( --container-widget-width, 217px );max-width:217px;}.elementor-8584 .elementor-element.elementor-element-c9b0e66{--container-widget-width:63px;--container-widget-flex-grow:0;width:var( --container-widget-width, 63px );max-width:63px;}.elementor-8584 .elementor-element.elementor-element-400948b{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-8584 .elementor-element.elementor-element-57363ff{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-8584 .elementor-element.elementor-element-68f3770{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-c6de1dc{--container-widget-width:345px;--container-widget-flex-grow:0;width:var( --container-widget-width, 345px );max-width:345px;}.elementor-8584 .elementor-element.elementor-element-c6de1dc .elementor-heading-title{line-height:1.3em;}.elementor-8584 .elementor-element.elementor-element-5273dc9{--container-widget-width:503px;--container-widget-flex-grow:0;width:var( --container-widget-width, 503px );max-width:503px;}.elementor-8584 .elementor-element.elementor-element-0db524f > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-8584 .elementor-element.elementor-element-0db524f.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-0e95961{--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-8584 .elementor-element.elementor-element-0e95961::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-video-container::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8584 .elementor-element.elementor-element-0e95961 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px -171px;background-size:413px auto;}.elementor-8584 .elementor-element.elementor-element-6ebfd82{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-eafe107{--container-widget-width:301px;--container-widget-flex-grow:0;width:var( --container-widget-width, 301px );max-width:301px;}.elementor-8584 .elementor-element.elementor-element-eafe107 .elementor-heading-title{line-height:1.3em;}.elementor-8584 .elementor-element.elementor-element-509943b{--container-widget-width:313px;--container-widget-flex-grow:0;width:var( --container-widget-width, 313px );max-width:313px;}.elementor-8584 .elementor-element.elementor-element-b1ac4c3{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-2f9bac3{--container-widget-width:276px;--container-widget-flex-grow:0;width:var( --container-widget-width, 276px );max-width:276px;}.elementor-8584 .elementor-element.elementor-element-2f9bac3 .elementor-heading-title{line-height:45px;}.elementor-8584 .elementor-element.elementor-element-40c87f7{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-c4b4e19{--border-radius:10px 10px 10px 10px;}.elementor-8584 .elementor-element.elementor-element-b81328a{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8584 .elementor-element.elementor-element-0726b83 .elementor-heading-title{line-height:1.3em;}.elementor-8584 .elementor-element.elementor-element-85049ca > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8584 .elementor-element.elementor-element-b669dd1 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8584 .elementor-element.elementor-element-a0a3458 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8584 .elementor-element.elementor-element-7dfc250{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8584 .elementor-element.elementor-element-177bc29 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-177bc29.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-220c84f > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-8584 .elementor-element.elementor-element-220c84f.elementor-element{--align-self:flex-start;}.elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8584 .elementor-element.elementor-element-220c84f .elementor-icon-list-item > a{font-size:16px;}.elementor-8584 .elementor-element.elementor-element-ef6b271{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-72d5283{--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-8584 .elementor-element.elementor-element-72d5283.e-con{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-7e0e63e .elementor-heading-title{line-height:45px;}.elementor-8584 .elementor-element.elementor-element-1ba3f9c.elementor-element{--align-self:center;}.elementor-8584 .elementor-element.elementor-element-1ba3f9c{text-align:center;}.elementor-8584 .elementor-element.elementor-element-a2c90a6{--min-height:382px;}.elementor-8584 .elementor-element.elementor-element-06ed5b3{--min-height:375px;}.elementor-8584 .elementor-element.elementor-element-ca41e2c{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-8584 .elementor-element.elementor-element-f2e7b95 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-8584 .elementor-element.elementor-element-f2e7b95 .elementor-heading-title{line-height:52px;}.elementor-8584 .elementor-element.elementor-element-6dcc472 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8584 .elementor-element.elementor-element-6dcc472{--container-widget-width:563px;--container-widget-flex-grow:0;width:var( --container-widget-width, 563px );max-width:563px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group > label{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-type-html{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-group .elementor-field, .elementor-8584 .elementor-element.elementor-element-e55762e .elementor-field-subgroup label{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-button{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .elementor-message{font-size:15px;}.elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator, .elementor-8584 .elementor-element.elementor-element-e55762e .e-form__indicators__indicator__label{font-size:15px;}}@media(min-width:768px){.elementor-8584 .elementor-element.elementor-element-0a92f6b{--content-width:1240px;}.elementor-8584 .elementor-element.elementor-element-953dabd{--width:100%;}.elementor-8584 .elementor-element.elementor-element-a05ee33{--content-width:1200px;}.elementor-8584 .elementor-element.elementor-element-68f3770{--content-width:1200px;}.elementor-8584 .elementor-element.elementor-element-182d1f7{--width:100%;}.elementor-8584 .elementor-element.elementor-element-6ebfd82{--width:100%;}.elementor-8584 .elementor-element.elementor-element-a3dd61b{--width:30%;}.elementor-8584 .elementor-element.elementor-element-a927160{--width:30%;}.elementor-8584 .elementor-element.elementor-element-26916b2{--width:30%;}.elementor-8584 .elementor-element.elementor-element-65231e1{--width:30%;}.elementor-8584 .elementor-element.elementor-element-cf2e073{--width:30%;}.elementor-8584 .elementor-element.elementor-element-ac4908e{--width:30%;}.elementor-8584 .elementor-element.elementor-element-c4b4e19{--width:55%;}.elementor-8584 .elementor-element.elementor-element-b81328a{--width:100%;}.elementor-8584 .elementor-element.elementor-element-7dfc250{--width:35%;}.elementor-8584 .elementor-element.elementor-element-ef6b271{--content-width:1300px;}.elementor-8584 .elementor-element.elementor-element-72d5283{--width:100%;}.elementor-8584 .elementor-element.elementor-element-06ed5b3{--width:50%;}.elementor-8584 .elementor-element.elementor-element-ca41e2c{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-8584 .elementor-element.elementor-element-a05ee33{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8584 .elementor-element.elementor-element-a3dd61b{--width:45%;}.elementor-8584 .elementor-element.elementor-element-a927160{--width:45%;}.elementor-8584 .elementor-element.elementor-element-26916b2{--width:45%;}.elementor-8584 .elementor-element.elementor-element-65231e1{--width:45%;}.elementor-8584 .elementor-element.elementor-element-cf2e073{--width:45%;}.elementor-8584 .elementor-element.elementor-element-ac4908e{--width:45%;}.elementor-8584 .elementor-element.elementor-element-c4b4e19{--width:100%;}.elementor-8584 .elementor-element.elementor-element-7dfc250{--width:100%;}.elementor-8584 .elementor-element.elementor-element-a2c90a6{--width:100%;}.elementor-8584 .elementor-element.elementor-element-06ed5b3{--width:100%;}.elementor-8584 .elementor-element.elementor-element-ca41e2c{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-018aea8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e923036 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1064972 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8194a3 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f562d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a044d0e *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b607ee6 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1b141a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54d2dee *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-26d8e09 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fcc7464 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-652e3b7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4e0735 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc8310 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68260e0 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10df625 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1329c67 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-238e9b4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72f443d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b627c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fcad6d *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51ba6ec *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e86965 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0129673 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* 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-f2e7b95 */.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 */