.elementor-1069 .elementor-element.elementor-element-48d35166{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1069 .elementor-element.elementor-element-48d35166.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-2f6d1aa8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"Quasimoda", Sans-serif;font-size:0.7vw;font-weight:400;word-spacing:0px;color:var( --e-global-color-text );}.elementor-1069 .elementor-element.elementor-element-2f6d1aa8 p{margin-bottom:0px;}.elementor-1069 .elementor-element.elementor-element-5b27e390{--e-image-carousel-slides-to-show:5;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-1069 .elementor-element.elementor-element-5b27e390 .swiper-wrapper{display:flex;align-items:center;}.elementor-1069 .elementor-element.elementor-element-5b27e390 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}@media(max-width:1024px){.elementor-1069 .elementor-element.elementor-element-2f6d1aa8{font-size:16px;}.elementor-1069 .elementor-element.elementor-element-5b27e390{--e-image-carousel-slides-to-show:5;}}@media(max-width:767px){.elementor-1069 .elementor-element.elementor-element-48d35166{--padding-top:4vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1069 .elementor-element.elementor-element-48d35166.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1069 .elementor-element.elementor-element-2f6d1aa8{font-size:15px;}.elementor-1069 .elementor-element.elementor-element-5b27e390{--e-image-carousel-slides-to-show:3;width:100%;max-width:100%;}}/* Start custom CSS for image-carousel, class: .elementor-element-5b27e390 */.elementor-1069 .elementor-element.elementor-element-5b27e390 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}
/* Responsive Größen-Regler für die Logos im Slider */
.logo-slider {
  --logo-size: clamp(60px, 10vw, 100px); /* ← Regler: Logo-Höhe responsiv */
}

.logo-slider img,
.logo-slider svg {
  height: var(--logo-size);
  width: auto;           /* Seitenverhältnis behalten */
  max-width: none;       /* kein ungewolltes Schrumpfen */
  object-fit: contain;
  flex: 0 0 auto;        /* in flex-Tracks nicht schrumpfen */
}

/* Falls Logos in Wrap-Elementen liegen (optional) */
.logo-slider .slide,
.logo-slider .item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Transparenter Rand-Fade per CSS-Mask – Logos werden unsichtbar an den Kanten */
.logo-slider {
  --fade-size: 80px; /* Länge des Fades links/rechts */

  /* Maske für Safari/Chrome */
  -webkit-mask-image: linear-gradient(to right,
    transparent 0,
    #000 var(--fade-size),
    #000 calc(100% - var(--fade-size)),
    transparent 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  /* Maske für Firefox/Standard */
  mask-image: linear-gradient(to right,
    transparent 0,
    #000 var(--fade-size),
    #000 calc(100% - var(--fade-size)),
    transparent 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* Alpha-basierter Schatten nur hinter den nicht-transparenten Logopixeln */
.logo-slider {
  --shadow-blur-1: 12px;
  --shadow-alpha-1: 0.30;
  --shadow-blur-2: 28px;
  --shadow-alpha-2: 0.14;
}

/* Shadow darf über die Slide hinausragen (wichtig für Filter) */
.logo-slider .swiper-slide {
  overflow: visible;
}/* End custom CSS */