.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Endless Carousel – feste Fade-Farbe #EEEEEE ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

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

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;
  --gap: 20px;
  --img-w: 80px;
  --edge-fade-width: 100px;

  position: relative;
  overflow: visible;
}

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

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

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

/* Slides */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

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

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

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(238,238,238,0.95) 0%,
    rgba(238,238,238,0.70) 35%,
    rgba(238,238,238,0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(238,238,238,0.95) 0%,
    rgba(238,238,238,0.70) 35%,
    rgba(238,238,238,0) 100%
  );
}

/* Optional: Fade komplett aus */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}


/* ===== Card Wrapper ===== */
.whatwe-card{
  --bar-h: 2px;
  --bar-w0: 15%;
  --bar-w1: 100%;
  --bar-c0: #000;
  --bar-c1: #F2D046;

  --shade0: 0;
  --shade1: .18;

  position: relative;
  overflow: hidden;
}

/* ===== Ausfahrende Bottom-Bar ===== */
.whatwe-card::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:var(--bar-h);
  width:var(--bar-w0);
  background:var(--bar-c0);
  border-radius:999px;
  transition: width .55s cubic-bezier(.22,.61,.36,1), background-color .35s ease;
  z-index: 5;
  pointer-events:none;
}
.whatwe-card:hover::after{
  width:var(--bar-w1);
  background:var(--bar-c1);
}

/* ===== Background Container (muss das BG-Bild haben!) ===== */
.whatwe-bg{
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;                 /* Start */
  transition: background-size .65s cubic-bezier(.22,.61,.36,1);
}

/* Verdunkelung */
.whatwe-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,var(--shade0));
  transition: background .35s ease;
  pointer-events:none;
  z-index: 1;
}

/* Inhalt über Overlay */
.whatwe-bg > *{
  position: relative;
  z-index: 2;
}

/* Hover: Zoom + Shade */
.whatwe-card:hover .whatwe-bg{
  background-size: 108%;                 /* Zoom-In */
}
.whatwe-card:hover .whatwe-bg::after{
  background: rgba(0,0,0,var(--shade1));
}/* End custom CSS */