/*
 * responsive-fit.css
 * Neutralisiert die feste 1200px-Breite im Tablet-Bereich, damit die per
 * responsive-fit.js skalierte Root-font-size greifen kann. Siehe responsive-fit.js.
 */

/* Original-Regel erzwingt html { width:1200px } zwischen 764–1199px und sorgt
   so für horizontales Scrollen. Hier auf volle Viewport-Breite zurücksetzen. */
@media only screen and (min-width: 764px) and (max-width: 1199px) {
  html {
    width: 100% !important;
  }
}

/* Vertikale Scrollbar-Spur dauerhaft reservieren, damit clientWidth von Anfang an
   stabil ist (sonst verschiebt sich die Skalierungsbasis, sobald die Scrollbar
   nach dem Layout erscheint). Sicherheitsnetz gegen horizontalen Überlauf.
   Beides nur auf html (dem Wurzel-Scrollcontainer) – auf body würde overflow-x
   den overflow-y auf auto zwingen und eine zweite Scrollleiste erzeugen. */
@media only screen and (max-width: 1199px) {
  html {
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

/* Testimonial-Sektion (Swiper): Die Bewertungen sind unterschiedlich lang; als
   schmale 3-Spalten-Karten überragt die längste die feste Landingi-Sektionshöhe
   und ragt in den FAQ-Bereich. Deshalb Höhe an den Inhalt anpassen und das
   Widget in den normalen Fluss holen, damit die Sektion mitwächst und FAQ nach
   unten schiebt – an jeder Breite. */
#OPx7tSmT10X5lHF2wTPBz9kn5RMTINyD,
#OPx7tSmT10X5lHF2wTPBz9kn5RMTINyD > .row > .container {
  height: auto !important;
  min-height: 0 !important;
}
#yQASNAMFEAcNhcgXkJad0uk9Fdol9t56 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: auto !important;
  width: 100% !important;
}