.elementor-9625 .elementor-element.elementor-element-1863937b{--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-9625 .elementor-element.elementor-element-1863937b:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-1863937b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/WP-Engineers-Team-bei-Begehung-auf-Baustelle.webp");background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-1863937b::before, .elementor-9625 .elementor-element.elementor-element-1863937b > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-1863937b > .e-con-inner > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-1863937b > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-1863937b > .e-con-inner > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-1863937b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000B0 0%, #000000 77%);}.elementor-9625 .elementor-element.elementor-element-512a7b96{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-512a7b96.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-9625 .elementor-element.elementor-element-55ff9d9b{width:var( --container-widget-width, 839px );max-width:839px;--container-widget-width:839px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9625 .elementor-element.elementor-element-7412b5b8{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-9625 .elementor-element.elementor-element-7412b5b8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-7412b5b8.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9625 .elementor-element.elementor-element-f97b2a0 > .elementor-widget-container{padding:0px 30px 15px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-f97b2a0.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-f97b2a0{--e-icon-list-icon-size:26px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:400;line-height:20px;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .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-9625 .elementor-element.elementor-element-792303ae .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-9625 .elementor-element.elementor-element-792303ae .elementor-button-content-wrapper{flex-direction:row;}.elementor-9625 .elementor-element.elementor-element-792303ae .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-9625 .elementor-element.elementor-element-6f4822ee{--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-9625 .elementor-element.elementor-element-69104f40{--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-9625 .elementor-element.elementor-element-24799886{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-24799886 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-764ed7eb{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-1be35c54{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-1be35c54 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-3406a154{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-c88e212{width:var( --container-widget-width, 119px );max-width:119px;--container-widget-width:119px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-c88e212 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-3055eca{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-6a90e6d3{width:var( --container-widget-width, 43px );max-width:43px;--container-widget-width:43px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-6a90e6d3 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-5ef15ad2{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-67303a2d{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-67303a2d.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-67303a2d img{width:100%;}.elementor-9625 .elementor-element.elementor-element-6177f74f{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-67c7dfaa{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-67c7dfaa img{width:100%;}.elementor-9625 .elementor-element.elementor-element-15001343{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-6e02b5b8{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-6e02b5b8 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-3bd7513a{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-35b5b2bb{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-35b5b2bb img{width:100%;}.elementor-9625 .elementor-element.elementor-element-7024939f{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-7b63720{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-7b63720 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-35a81cd6{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-76a1d81c{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-76a1d81c img{width:100%;}.elementor-9625 .elementor-element.elementor-element-59e56731{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-5538dba9{width:var( --container-widget-width, 64px );max-width:64px;--container-widget-width:64px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-5538dba9 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-77d85489{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-3d59ef22{width:var( --container-widget-width, 63px );max-width:63px;--container-widget-width:63px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-3d59ef22 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-152d99a6{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-25b4cfa1{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-25b4cfa1 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-291b298c{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-8cef110{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-8cef110 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-74dcd177{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-190d94c7{width:var( --container-widget-width, 53px );max-width:53px;--container-widget-width:53px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-190d94c7 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-5590c613{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-28444f31{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-28444f31 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-2439a03f{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-151e539a{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-151e539a img{width:100%;}.elementor-9625 .elementor-element.elementor-element-10011fee{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-33bb20d1{width:var( --container-widget-width, 69px );max-width:69px;--container-widget-width:69px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-33bb20d1 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-5152fa12{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-3e1af4d8{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-3e1af4d8 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-331d93b8{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-34465c8{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-34465c8 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-4310225d{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-16a28ece{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-16a28ece img{width:100%;}.elementor-9625 .elementor-element.elementor-element-560e8951{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-2bfbe629{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-2bfbe629 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-6744d752{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-23e1182b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-23e1182b img{width:100%;}.elementor-9625 .elementor-element.elementor-element-3a6f40c9{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-30bcc30b{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-30bcc30b img{width:100%;}.elementor-9625 .elementor-element.elementor-element-24d78530{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-d27288c{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-d27288c img{width:100%;}.elementor-9625 .elementor-element.elementor-element-6ca5529e{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-29198fa4{width:var( --container-widget-width, 94px );max-width:94px;--container-widget-width:94px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-29198fa4 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-59cd12be{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-5056ff25{width:var( --container-widget-width, 84px );max-width:84px;--container-widget-width:84px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-5056ff25 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-355e4a52{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-21890f19{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-21890f19 img{width:100%;}.elementor-9625 .elementor-element.elementor-element-70e1bbfd{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-c7b86f{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-c7b86f img{width:100%;}.elementor-9625 .elementor-element.elementor-element-7cb9284a{--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-9625 .elementor-element.elementor-element-7cb9284a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-7cb9284a.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-13985f47{--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-9625 .elementor-element.elementor-element-13985f47::before, .elementor-9625 .elementor-element.elementor-element-13985f47 > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-13985f47 > .e-con-inner > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-13985f47 > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-13985f47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-13985f47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #E6EFED00 45%, #FFFFFF 76%);}.elementor-9625 .elementor-element.elementor-element-77bfe1b7{--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-9625 .elementor-element.elementor-element-6d1e4370 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-6d1e4370.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-6d1e4370{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-6d1e4370 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6fa7c514{width:var( --container-widget-width, 459px );max-width:459px;--container-widget-width:459px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-6fa7c514 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-6fa7c514.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6fa7c514 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9625 .elementor-element.elementor-element-12dcbd5e{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-9625 .elementor-element.elementor-element-12dcbd5e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-12dcbd5e.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-1c8fb5.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-1c8fb5{text-align:start;}.elementor-9625 .elementor-element.elementor-element-1c8fb5 img{width:152px;}.elementor-9625 .elementor-element.elementor-element-1f102609{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-9625 .elementor-element.elementor-element-1f102609.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-1f102609 img{width:565px;border-radius:20px 20px 20px 20px;}.elementor-9625 .elementor-element.elementor-element-114796ad{--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-9625 .elementor-element.elementor-element-114796ad:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9625 .elementor-element.elementor-element-114796ad::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .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-9625 .elementor-element.elementor-element-1bfb3032{--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-9625 .elementor-element.elementor-element-1bfb3032.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-2148ab98{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-2148ab98.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-9625 .elementor-element.elementor-element-d0b9197 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-2b6b23c0{width:100%;max-width:100%;text-align:center;}.elementor-9625 .elementor-element.elementor-element-2b6b23c0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-2b6b23c0.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-2b6b23c0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-cf6f79a{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-9625 .elementor-element.elementor-element-cf6f79a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-cf6f79a.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-cf6f79a p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-7bd7768e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-7bd7768e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-48dedd69 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-5e8807ed{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-5e8807ed > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-5e8807ed.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-5e8807ed .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-8b2585{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-9625 .elementor-element.elementor-element-8b2585 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-8b2585.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-8b2585 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-69116ce6{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-69116ce6.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-757821c3 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-59ab73af{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-59ab73af > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-59ab73af.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-59ab73af .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-767a81f3{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-9625 .elementor-element.elementor-element-767a81f3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-767a81f3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-767a81f3 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-4374d2a5{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-4374d2a5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-46e43898 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-3c60e4b2{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-3c60e4b2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-3c60e4b2.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-3c60e4b2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-51663d1{width:var( --container-widget-width, 369px );max-width:369px;--container-widget-width:369px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#D6D6D6;}.elementor-9625 .elementor-element.elementor-element-51663d1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-51663d1.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-51663d1 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-69ea1f81{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-69ea1f81.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-77c7b506 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-74656f43{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-74656f43 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-74656f43.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-74656f43 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-1a10bab2{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-9625 .elementor-element.elementor-element-1a10bab2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-1a10bab2.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-1a10bab2 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-2e326486{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-2e326486.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-57c2f624.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-57c2f624 .elementor-icon-wrapper{text-align:center;}.elementor-9625 .elementor-element.elementor-element-17e4bcd{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-17e4bcd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-17e4bcd.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-17e4bcd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-4c4599a3{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-9625 .elementor-element.elementor-element-4c4599a3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-4c4599a3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-4c4599a3 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-58a52a41{width:var( --container-widget-width, 73px );max-width:73px;--container-widget-width:73px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-58a52a41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-58a52a41.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-9625 .elementor-element.elementor-element-58a52a41 img{width:100%;border-radius:3px 3px 3px 3px;}.elementor-9625 .elementor-element.elementor-element-18adb775{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-9625 .elementor-element.elementor-element-18adb775 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-18adb775.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-9625 .elementor-element.elementor-element-18adb775 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-77e8f835{width:var( --container-widget-width, 725px );max-width:725px;--container-widget-width:725px;--container-widget-flex-grow:0;z-index:1;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;color:#E9E9E9;}.elementor-9625 .elementor-element.elementor-element-77e8f835 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-77e8f835.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-9625 .elementor-element.elementor-element-77e8f835 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-a48ec89{--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-9625 .elementor-element.elementor-element-a48ec89:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-a48ec89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-32606447{width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-32606447 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-32606447.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-32606447 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9625 .elementor-element.elementor-element-6ae1ca60{--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-9625 .elementor-element.elementor-element-3e6d3e33{--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-9625 .elementor-element.elementor-element-3e6d3e33:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-3e6d3e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9625 .elementor-element.elementor-element-3e6d3e33.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-7b2acb4{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9625 .elementor-element.elementor-element-7b2acb4.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-394829b8{width:var( --container-widget-width, 623px );max-width:623px;--container-widget-width:623px;--container-widget-flex-grow:0;}.elementor-9625 .elementor-element.elementor-element-394829b8 > .elementor-widget-container{padding:2px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-394829b8.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-394829b8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.4rem;font-weight:500;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-58fa18f3{--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-9625 .elementor-element.elementor-element-58fa18f3:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-58fa18f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-2353bd33 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-2353bd33.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-2353bd33{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9625 .elementor-element.elementor-element-2353bd33 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-573656f0 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-573656f0.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-573656f0{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-573656f0 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-32d93b47{--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-9625 .elementor-element.elementor-element-32d93b47:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-32d93b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-1c41a021 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-1c41a021.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-1c41a021{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9625 .elementor-element.elementor-element-1c41a021 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6250e94a > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-6250e94a.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-6250e94a{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-6250e94a .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-5ad29c33{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-5ad29c33:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-5ad29c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-3e974582{width:100%;max-width:100%;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-3e974582 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-3e974582.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;}.elementor-9625 .elementor-element.elementor-element-3e974582 .elementor-icon-list-text{color:#222222;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6730d2f > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-6730d2f.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-6730d2f{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-6730d2f .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-bc4a052 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-bc4a052.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-bc4a052{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-bc4a052 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-5d91adeb > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-5d91adeb.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-5d91adeb{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-5d91adeb .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-35b9b964 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-35b9b964.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-35b9b964{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-35b9b964 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6b172d63 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-6b172d63.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-6b172d63{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-6b172d63 .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-536f018e > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-536f018e.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-536f018e{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-536f018e .elementor-icon-list-text{color:#646464;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-3275b9a8 .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-9625 .elementor-element.elementor-element-3275b9a8.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-3275b9a8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9625 .elementor-element.elementor-element-3275b9a8 .elementor-button .elementor-button-content-wrapper{gap:11px;justify-content:center;}.elementor-9625 .elementor-element.elementor-element-761cd2a0{--display:flex;--justify-content:center;}.elementor-9625 .elementor-element.elementor-element-761cd2a0.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-299547cf > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-299547cf.elementor-element{--order:99999 /* order end hack */;}.elementor-9625 .elementor-element.elementor-element-299547cf{text-align:start;}.elementor-9625 .elementor-element.elementor-element-299547cf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-9625 .elementor-element.elementor-element-29a34773 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-29a34773.elementor-element{--order:99999 /* order end hack */;}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-29a34773{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-text{color:#555555;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-5fb892a1{--display:flex;--min-height:328px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-5fb892a1:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-5fb892a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C0A;}.elementor-9625 .elementor-element.elementor-element-53fd5c0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-2b079662{width:100%;max-width:100%;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9625 .elementor-element.elementor-element-2b079662 > .elementor-widget-container{padding:0px 30px 10px 0px;border-radius:0px 5px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-2b079662.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-icon i{color:#F08132;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-icon svg{fill:#F08132;transition:fill 0.3s;}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;}.elementor-9625 .elementor-element.elementor-element-2b079662 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9625 .elementor-element.elementor-element-20169d8e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-20169d8e > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-20169d8e.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-20169d8e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9625 .elementor-element.elementor-element-1f778f0d{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-1f778f0d.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-3f292414{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-3f292414:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-3f292414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2025/12/8.png");background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-3f292414.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-12e5707d{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-74ba9760{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9625 .elementor-element.elementor-element-74ba9760 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-74ba9760.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-74ba9760 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9625 .elementor-element.elementor-element-3e279a1b.elementor-element{--align-self:stretch;}.elementor-9625 .elementor-element.elementor-element-3e279a1b > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-3e279a1b{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9625 .elementor-element.elementor-element-3e279a1b p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-5fd32f44{width:var( --container-widget-width, 663px );max-width:663px;--container-widget-width:663px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9625 .elementor-element.elementor-element-5fd32f44 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-5fd32f44.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-279c383f{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-279c383f.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-603eb724{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-603eb724:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-603eb724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/4-1.jpg");background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-603eb724.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-2b68ab65{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-3fc58065{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9625 .elementor-element.elementor-element-3fc58065 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-3fc58065.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-3fc58065 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9625 .elementor-element.elementor-element-5de80cdb.elementor-element{--align-self:stretch;}.elementor-9625 .elementor-element.elementor-element-5de80cdb > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-5de80cdb{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9625 .elementor-element.elementor-element-5de80cdb p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-2e6e1e84{width:var( --container-widget-width, 656px );max-width:656px;--container-widget-width:656px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9625 .elementor-element.elementor-element-2e6e1e84 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-2e6e1e84.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-a768151{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0D0D0;--border-color:#D0D0D0;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-a768151.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-389b2e30{--display:flex;--min-height:400px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-389b2e30:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-389b2e30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/2-1.jpg");background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-389b2e30.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-9625 .elementor-element.elementor-element-62b89db8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-58572d1e{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;text-align:start;}.elementor-9625 .elementor-element.elementor-element-58572d1e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-58572d1e.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-58572d1e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-weight:500;color:#000000;}.elementor-9625 .elementor-element.elementor-element-1223e5c3.elementor-element{--align-self:stretch;}.elementor-9625 .elementor-element.elementor-element-1223e5c3 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-1223e5c3{text-align:start;font-family:"Poppins", Sans-serif;font-size:0.85rem;font-weight:400;color:#737373;}.elementor-9625 .elementor-element.elementor-element-1223e5c3 p{margin-block-end:0px;}.elementor-9625 .elementor-element.elementor-element-2dc4b106{width:var( --container-widget-width, 614px );max-width:614px;--container-widget-width:614px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9625 .elementor-element.elementor-element-2dc4b106 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-2dc4b106.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-37e5807a{--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-9625 .elementor-element.elementor-element-37e5807a:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-37e5807a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-51ab236a{--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-9625 .elementor-element.elementor-element-4d6458d5{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-4d6458d5 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9625 .elementor-element.elementor-element-4d6458d5.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-4d6458d5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;line-height:55px;color:#000000;}.elementor-9625 .elementor-element.elementor-element-fb41639{width:var( --container-widget-width, 948px );max-width:948px;--container-widget-width:948px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;color:#555555;}.elementor-9625 .elementor-element.elementor-element-fb41639 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-fb41639.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-48fc4730{--display:flex;--min-height:643px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.19);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-4490c212{--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-9625 .elementor-element.elementor-element-4490c212:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-4490c212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wp-engineers.eu/wp-content/uploads/2026/01/WP-Engineers-Team-bei-Begehung-auf-Baustelle.webp");background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-6c5bea74{--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-9625 .elementor-element.elementor-element-6c5bea74:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-6c5bea74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-9625 .elementor-element.elementor-element-686c80dc{width:var( --container-widget-width, 362px );max-width:362px;--container-widget-width:362px;--container-widget-flex-grow:0;text-align:center;}.elementor-9625 .elementor-element.elementor-element-686c80dc > .elementor-widget-container{padding:10px 0px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-686c80dc.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-686c80dc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2rem;font-weight:500;line-height:1.5em;color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-177cd76a{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-9625 .elementor-element.elementor-element-177cd76a > .elementor-widget-container{padding:0px 0px 12.5px 0px;}.elementor-9625 .elementor-element.elementor-element-177cd76a.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-9625 .elementor-element.elementor-element-498e72ff{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-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group > label, .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-subgroup label{color:#FFFFFFCC;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-type-html{padding-bottom:0px;color:#002B4DCC;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group .elementor-field{color:#000000CC;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group .elementor-field, .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;line-height:1.4em;}.elementor-9625 .elementor-element.elementor-element-498e72ff .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-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group .elementor-select-wrapper select{background-color:#F9F9F9;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .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-9625 .elementor-element.elementor-element-498e72ff .e-form__buttons__wrapper__button-next{background-color:#F08132;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button[type="submit"]{background-color:#F08132;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button[type="submit"] svg *{fill:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__buttons__wrapper__button-previous{background-color:#F08132;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__buttons__wrapper__button-next:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button[type="submit"]:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button[type="submit"]:hover svg *{fill:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__buttons__wrapper__button-previous:hover{background-color:#C36B2D;color:#FFFEFE;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator, .elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator__label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:1.2em;}.elementor-9625 .elementor-element.elementor-element-6ef466fc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-9625 .elementor-element.elementor-element-1863937b{--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-13985f47{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-9625 .elementor-element.elementor-element-77bfe1b7{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-1bfb3032{--padding-top:0px;--padding-bottom:35px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-77e8f835 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-9625 .elementor-element.elementor-element-a48ec89{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-6ae1ca60{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-5fb892a1{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-37e5807a{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-9625 .elementor-element.elementor-element-51ab236a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1200px){.elementor-9625 .elementor-element.elementor-element-792303ae.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-6f4822ee{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-13985f47{--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-9625 .elementor-element.elementor-element-77bfe1b7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-1f102609 > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-9625 .elementor-element.elementor-element-58fa18f3{--flex-wrap:wrap;}.elementor-9625 .elementor-element.elementor-element-2353bd33{width:100%;max-width:100%;}.elementor-9625 .elementor-element.elementor-element-32d93b47{--flex-wrap:wrap;}.elementor-9625 .elementor-element.elementor-element-1c41a021{width:100%;max-width:100%;}.elementor-9625 .elementor-element.elementor-element-5ad29c33{--flex-wrap:wrap;}.elementor-9625 .elementor-element.elementor-element-3e974582{width:100%;max-width:100%;}.elementor-9625 .elementor-element.elementor-element-3275b9a8.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-12e5707d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-2b68ab65{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-62b89db8{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-177cd76a{--container-widget-width:382px;--container-widget-flex-grow:0;width:var( --container-widget-width, 382px );max-width:382px;}}@media(max-width:1024px){.elementor-9625 .elementor-element.elementor-element-7412b5b8{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;text-align:center;}.elementor-9625 .elementor-element.elementor-element-7412b5b8.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-792303ae.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-6f4822ee{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-9625 .elementor-element.elementor-element-13985f47{--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-9625 .elementor-element.elementor-element-77bfe1b7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9625 .elementor-element.elementor-element-6d1e4370.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-6fa7c514{--container-widget-width:797px;--container-widget-flex-grow:0;width:var( --container-widget-width, 797px );max-width:797px;text-align:center;}.elementor-9625 .elementor-element.elementor-element-6fa7c514.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-6fa7c514 .elementor-heading-title{line-height:45px;}.elementor-9625 .elementor-element.elementor-element-12dcbd5e{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;text-align:center;}.elementor-9625 .elementor-element.elementor-element-12dcbd5e.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-1f102609 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-1f102609 img{width:1000px;}.elementor-9625 .elementor-element.elementor-element-114796ad::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-9625 .elementor-element.elementor-element-1bfb3032{--padding-top:0px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-58a52a41.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-18adb775.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-18adb775{text-align:center;}.elementor-9625 .elementor-element.elementor-element-77e8f835{--container-widget-width:438px;--container-widget-flex-grow:0;width:var( --container-widget-width, 438px );max-width:438px;text-align:center;}.elementor-9625 .elementor-element.elementor-element-77e8f835.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-a48ec89{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-32606447{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9625 .elementor-element.elementor-element-6ae1ca60{--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-9625 .elementor-element.elementor-element-58fa18f3{--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-9625 .elementor-element.elementor-element-32d93b47{--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-9625 .elementor-element.elementor-element-5ad29c33{--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-9625 .elementor-element.elementor-element-3275b9a8.elementor-element{--align-self:stretch;}.elementor-9625 .elementor-element.elementor-element-3275b9a8 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-9625 .elementor-element.elementor-element-761cd2a0.e-con{--order:99999 /* order end hack */;}.elementor-9625 .elementor-element.elementor-element-299547cf.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-299547cf .elementor-heading-title{font-size:20px;}.elementor-9625 .elementor-element.elementor-element-5fb892a1{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-20169d8e{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9625 .elementor-element.elementor-element-1f778f0d{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9625 .elementor-element.elementor-element-12e5707d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-279c383f{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9625 .elementor-element.elementor-element-2b68ab65{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-a768151{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9625 .elementor-element.elementor-element-62b89db8{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-37e5807a{--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-9625 .elementor-element.elementor-element-51ab236a{--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-9625 .elementor-element.elementor-element-4d6458d5{--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-9625 .elementor-element.elementor-element-48fc4730{--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-9625 .elementor-element.elementor-element-4490c212{--min-height:411px;}.elementor-9625 .elementor-element.elementor-element-6c5bea74{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-9625 .elementor-element.elementor-element-686c80dc{text-align:center;}.elementor-9625 .elementor-element.elementor-element-177cd76a{--container-widget-width:605px;--container-widget-flex-grow:0;width:var( --container-widget-width, 605px );max-width:605px;text-align:center;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group > label{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-type-html{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group .elementor-field, .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-subgroup label{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator, .elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator__label{font-size:15px;}}@media(max-width:767px){.elementor-9625 .elementor-element.elementor-element-1863937b{--min-height:100vh;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-1863937b:not(.elementor-motion-effects-element-type-background), .elementor-9625 .elementor-element.elementor-element-1863937b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b{text-align:center;}.elementor-9625 .elementor-element.elementor-element-55ff9d9b .elementor-heading-title{font-size:2rem;line-height:1.4em;}.elementor-9625 .elementor-element.elementor-element-7412b5b8{--container-widget-width:503px;--container-widget-flex-grow:0;width:var( --container-widget-width, 503px );max-width:503px;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9625 .elementor-element.elementor-element-f97b2a0.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-f97b2a0 .elementor-icon-list-item > a{font-size:0.95rem;}.elementor-9625 .elementor-element.elementor-element-6f4822ee{--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-9625 .elementor-element.elementor-element-24799886{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-9625 .elementor-element.elementor-element-1be35c54{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-9625 .elementor-element.elementor-element-c88e212{--container-widget-width:217px;--container-widget-flex-grow:0;width:var( --container-widget-width, 217px );max-width:217px;}.elementor-9625 .elementor-element.elementor-element-6a90e6d3{--container-widget-width:63px;--container-widget-flex-grow:0;width:var( --container-widget-width, 63px );max-width:63px;}.elementor-9625 .elementor-element.elementor-element-67303a2d{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;}.elementor-9625 .elementor-element.elementor-element-7cb9284a{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-9625 .elementor-element.elementor-element-13985f47{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-6fa7c514{--container-widget-width:345px;--container-widget-flex-grow:0;width:var( --container-widget-width, 345px );max-width:345px;}.elementor-9625 .elementor-element.elementor-element-6fa7c514 .elementor-heading-title{line-height:1.3em;}.elementor-9625 .elementor-element.elementor-element-12dcbd5e{--container-widget-width:503px;--container-widget-flex-grow:0;width:var( --container-widget-width, 503px );max-width:503px;}.elementor-9625 .elementor-element.elementor-element-1c8fb5 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-9625 .elementor-element.elementor-element-1c8fb5.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-114796ad{--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-9625 .elementor-element.elementor-element-114796ad::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-video-container::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-9625 .elementor-element.elementor-element-114796ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px -171px;background-size:413px auto;}.elementor-9625 .elementor-element.elementor-element-1bfb3032{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-18adb775{--container-widget-width:301px;--container-widget-flex-grow:0;width:var( --container-widget-width, 301px );max-width:301px;}.elementor-9625 .elementor-element.elementor-element-18adb775 .elementor-heading-title{line-height:1.3em;}.elementor-9625 .elementor-element.elementor-element-77e8f835{--container-widget-width:313px;--container-widget-flex-grow:0;width:var( --container-widget-width, 313px );max-width:313px;}.elementor-9625 .elementor-element.elementor-element-a48ec89{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-32606447{--container-widget-width:276px;--container-widget-flex-grow:0;width:var( --container-widget-width, 276px );max-width:276px;}.elementor-9625 .elementor-element.elementor-element-32606447 .elementor-heading-title{line-height:45px;}.elementor-9625 .elementor-element.elementor-element-6ae1ca60{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-3e6d3e33{--border-radius:10px 10px 10px 10px;}.elementor-9625 .elementor-element.elementor-element-7b2acb4{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9625 .elementor-element.elementor-element-394829b8 .elementor-heading-title{line-height:1.3em;}.elementor-9625 .elementor-element.elementor-element-2353bd33 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9625 .elementor-element.elementor-element-1c41a021 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9625 .elementor-element.elementor-element-3e974582 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9625 .elementor-element.elementor-element-761cd2a0{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9625 .elementor-element.elementor-element-299547cf > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-299547cf.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-29a34773 > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-9625 .elementor-element.elementor-element-29a34773.elementor-element{--align-self:flex-start;}.elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9625 .elementor-element.elementor-element-29a34773 .elementor-icon-list-item > a{font-size:16px;}.elementor-9625 .elementor-element.elementor-element-20169d8e{--container-widget-width:325px;--container-widget-flex-grow:0;width:var( --container-widget-width, 325px );max-width:325px;}.elementor-9625 .elementor-element.elementor-element-20169d8e .elementor-heading-title{line-height:45px;}.elementor-9625 .elementor-element.elementor-element-12e5707d{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-74ba9760.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-74ba9760{text-align:center;}.elementor-9625 .elementor-element.elementor-element-3e279a1b.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-3e279a1b{text-align:center;}.elementor-9625 .elementor-element.elementor-element-5fd32f44.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-5fd32f44{text-align:center;}.elementor-9625 .elementor-element.elementor-element-2b68ab65{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-3fc58065.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-3fc58065{text-align:center;}.elementor-9625 .elementor-element.elementor-element-5de80cdb.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-5de80cdb{text-align:center;}.elementor-9625 .elementor-element.elementor-element-2e6e1e84.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-2e6e1e84{text-align:center;}.elementor-9625 .elementor-element.elementor-element-62b89db8{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-58572d1e.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-58572d1e{text-align:center;}.elementor-9625 .elementor-element.elementor-element-1223e5c3.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-1223e5c3{text-align:center;}.elementor-9625 .elementor-element.elementor-element-2dc4b106.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-2dc4b106{text-align:center;}.elementor-9625 .elementor-element.elementor-element-37e5807a{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-51ab236a{--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-9625 .elementor-element.elementor-element-51ab236a.e-con{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-4d6458d5 .elementor-heading-title{line-height:45px;}.elementor-9625 .elementor-element.elementor-element-fb41639.elementor-element{--align-self:center;}.elementor-9625 .elementor-element.elementor-element-fb41639{text-align:center;}.elementor-9625 .elementor-element.elementor-element-48fc4730{--min-height:382px;}.elementor-9625 .elementor-element.elementor-element-4490c212{--min-height:375px;}.elementor-9625 .elementor-element.elementor-element-6c5bea74{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-9625 .elementor-element.elementor-element-686c80dc > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-9625 .elementor-element.elementor-element-686c80dc .elementor-heading-title{line-height:52px;}.elementor-9625 .elementor-element.elementor-element-177cd76a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9625 .elementor-element.elementor-element-177cd76a{--container-widget-width:563px;--container-widget-flex-grow:0;width:var( --container-widget-width, 563px );max-width:563px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group > label{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-type-html{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-group .elementor-field, .elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-field-subgroup label{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-button{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .elementor-message{font-size:15px;}.elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator, .elementor-9625 .elementor-element.elementor-element-498e72ff .e-form__indicators__indicator__label{font-size:15px;}}@media(min-width:768px){.elementor-9625 .elementor-element.elementor-element-1863937b{--content-width:1240px;}.elementor-9625 .elementor-element.elementor-element-512a7b96{--width:100%;}.elementor-9625 .elementor-element.elementor-element-6f4822ee{--content-width:1200px;}.elementor-9625 .elementor-element.elementor-element-13985f47{--content-width:1200px;}.elementor-9625 .elementor-element.elementor-element-77bfe1b7{--width:100%;}.elementor-9625 .elementor-element.elementor-element-1bfb3032{--width:100%;}.elementor-9625 .elementor-element.elementor-element-2148ab98{--width:30%;}.elementor-9625 .elementor-element.elementor-element-7bd7768e{--width:30%;}.elementor-9625 .elementor-element.elementor-element-69116ce6{--width:30%;}.elementor-9625 .elementor-element.elementor-element-4374d2a5{--width:30%;}.elementor-9625 .elementor-element.elementor-element-69ea1f81{--width:30%;}.elementor-9625 .elementor-element.elementor-element-2e326486{--width:30%;}.elementor-9625 .elementor-element.elementor-element-3e6d3e33{--width:55%;}.elementor-9625 .elementor-element.elementor-element-7b2acb4{--width:100%;}.elementor-9625 .elementor-element.elementor-element-761cd2a0{--width:35%;}.elementor-9625 .elementor-element.elementor-element-5fb892a1{--content-width:1245px;}.elementor-9625 .elementor-element.elementor-element-1f778f0d{--width:31%;}.elementor-9625 .elementor-element.elementor-element-3f292414{--width:35%;}.elementor-9625 .elementor-element.elementor-element-279c383f{--width:100%;}.elementor-9625 .elementor-element.elementor-element-603eb724{--width:35%;}.elementor-9625 .elementor-element.elementor-element-a768151{--width:100%;}.elementor-9625 .elementor-element.elementor-element-389b2e30{--width:35%;}.elementor-9625 .elementor-element.elementor-element-37e5807a{--content-width:1300px;}.elementor-9625 .elementor-element.elementor-element-51ab236a{--width:100%;}.elementor-9625 .elementor-element.elementor-element-4490c212{--width:50%;}.elementor-9625 .elementor-element.elementor-element-6c5bea74{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-9625 .elementor-element.elementor-element-6f4822ee{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-9625 .elementor-element.elementor-element-2148ab98{--width:45%;}.elementor-9625 .elementor-element.elementor-element-7bd7768e{--width:45%;}.elementor-9625 .elementor-element.elementor-element-69116ce6{--width:45%;}.elementor-9625 .elementor-element.elementor-element-4374d2a5{--width:45%;}.elementor-9625 .elementor-element.elementor-element-69ea1f81{--width:45%;}.elementor-9625 .elementor-element.elementor-element-2e326486{--width:45%;}.elementor-9625 .elementor-element.elementor-element-3e6d3e33{--width:100%;}.elementor-9625 .elementor-element.elementor-element-761cd2a0{--width:100%;}.elementor-9625 .elementor-element.elementor-element-48fc4730{--width:100%;}.elementor-9625 .elementor-element.elementor-element-4490c212{--width:100%;}.elementor-9625 .elementor-element.elementor-element-6c5bea74{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;
  overflow: visible;
}

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

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

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

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

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

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67c7dfaa *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e02b5b8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35b5b2bb *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b63720 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76a1d81c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5538dba9 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d59ef22 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b4cfa1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8cef110 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-190d94c7 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28444f31 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-151e539a *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33bb20d1 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e1af4d8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34465c8 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16a28ece *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2bfbe629 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23e1182b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-30bcc30b *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d27288c *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29198fa4 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5056ff25 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21890f19 *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7b86f *//* ===== Endless Carousel – Single Fade Color (White) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 80px;              /* Bildbreite */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: Weiß (RGB 255,255,255) */
  --fade-rgb: 255, 255, 255;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – Weiß */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* 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-686c80dc */.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 */