.elementor-kit-6{--e-global-color-primary:#1D2B4F;--e-global-color-secondary:#2F44C5;--e-global-color-text:#636E88;--e-global-color-accent:#0E63F3;--e-global-color-9df5848:#F7F9FE;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:1rem;--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;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:500;line-height:1.8rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:3.5rem;font-weight:700;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-size:3rem;font-weight:700;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-size:1.1rem;font-weight:600;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-size:1.1rem;font-weight:700;}.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-kit-6 a{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h1{font-size:2.5rem;}.elementor-kit-6 h2{font-size:2.3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h1{font-size:1.5rem;}.elementor-kit-6 h2{font-size:1.6rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* === HORIZONTALER OVERFLOW VERHINDERN === */
html, body {
  overflow-x: hidden !important;
}

/* === Loop Carousel auf static, damit Pfeile zum Section-Container springen === */
.elementor-widget-loop-carousel {
  position: static !important;
}

/* === Section-Container muss relative sein === */
.testimonial-overflow {
  position: relative !important;
}

/* === PFEIL-NAVIGATION === */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
  position: absolute !important;
  top: 104px !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  font-size: 0 !important;
  transition: all 0.2s ease;
}

/* Linker Button - outlined */
.elementor-swiper-button-prev {
  left: auto !important;
  right: calc(max(20px, (100vw - 1240px) / 2) + 80px) !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #1E3A8A !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}


/* Rechter Button - filled blau */
.elementor-swiper-button-next {
  left: auto !important;
  right: max(20px, calc((100vw - 1240px) / 2)) !important;
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.5);
}

/* Pfeil-Icons */
.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* Hover */
.elementor-swiper-button-prev:hover {
  background: #FFFFFF !important;
  transform: translateY(-2px);
}

.elementor-swiper-button-next:hover {
   background: #2563EB !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-swiper-button-prev,
  .elementor-swiper-button-next {
    top: 310px !important;
    width: 44px !important;
    height: 44px !important;
  }
  
  .elementor-swiper-button-next {
    right: 20px !important;
  }
  
  .elementor-swiper-button-prev {
    right: 76px !important;
  }
}
/* Mobile: Slider mittig zentrieren */
@media (max-width: 767px) {
  .elementor-kit-6 .swiper {
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow: hidden !important;
  }
  
  .elementor-kit-6 .swiper-wrapper {
    align-items: stretch !important;
  }
  
  .elementor-kit-6 .swiper-slide,
  .elementor-kit-6 .swiper-slide.swiper-slide-active {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  
  /* Alle Swiper-Variablen zurücksetzen */
  .elementor-widget-loop-carousel {
    --swiper-offset-size: 0px !important;
    --swiper-slides-gap: 0px !important;
  }
  
  /* Swiper selbst */
  .elementor-widget-loop-carousel .swiper {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  
  /* Slides */
  .elementor-widget-loop-carousel .swiper-slide {
    margin-right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  
  /* Loop Container */
  .elementor-widget-loop-carousel .elementor-loop-container {
    padding: 0 !important;
  }
}/* End custom CSS */