.testimonial_2_slider_component {
  .swiper {
    margin: 0;
  }

  @media screen and (min-width: 768px) {
    .swiper-slide.swiper-slide-visible {
      min-height: 23.75rem;
      height: auto !important;

      .testimonial_2_text {
        display: block;
        overflow: visible;
        text-overflow: unset;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
      }
    }

    .swiper-slide.swiper-slide-prev {
      min-height: 23.75rem;
      height: auto !important;

      .testimonial_2_text {
        display: block;
        overflow: visible;
        text-overflow: unset;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
      }
    }

    .swiper-slide {
      height: 15.5rem;

      .testimonial_2_text {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
      }
    }
  }

  .swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
}

.investor_slider_component {
  .swiper {
    margin: 0;
  }

  @media screen and (max-width: 767px) {
    .swiper-slide {
      min-height: 15rem;
    }
  }

  @media screen and (min-width: 768px) {
    .swiper-slide.swiper-slide-visible {
      min-height: 19.5rem;
      height: auto !important;
    }

    .swiper-slide.swiper-slide-prev {
      min-height: 19.5rem;
      height: auto !important;
    }

    .swiper-slide {
      height: 15.5rem;
    }
  }

  .swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
}

/*
 * Lighter background image for the footer and the About hero (02.10.2026).
 * The Webflow stylesheet uses the 3074 px original (310 KB), which every page
 * loads at start-up for the footer alone. The soft gradient looks the same
 * from a 1600 px file scaled to the original's size, and from an 800 px file
 * on phones, where the footer stretches it to 190% anyway.
 */
.footer_wrap,
.hero_about_bg {
  background-image: url("../images/Group-39560-1600.avif");
  background-size: 3074px auto;
}

@media screen and (max-width: 767px) {
  .hero_about_bg {
    background-image: url("../images/Group-39560-800.avif");
  }

  .footer_wrap {
    background-image: url("../images/Group-39560-800.avif");
    background-size: 190% 70%;
  }
}

/* Contact forms (02.10.2026). The wrapper replaced Webflow's `w-form` (see
   scripts/enquiry.ts), which only gave it this margin. */
.allthings-form {
  margin: 0 0 15px;
}

/* Honeypot: off screen rather than display:none, so form-filling bots still
   see a field to fill (dev bible §10.1). */
.allthings-form_trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Footer "Cookie-Einstellungen": a button that looks like the links beside it. */
.footer_consent_button {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}