/* Classic shell nach http://www.order-now.at/ – Navbar; Seite durchgängig weiß / Schrift schwarz.
   Lädt nach order-now-refresh.css und überschreibt dunkle „Refresh“-Flächen. */

html {
  scrollbar-gutter: stable;
}

body.onc-classic,
body.onc-classic.gspb-bodyfront {
  --onc-nav-bg: #ffffff;
  --onc-accent-yellow: #e8e8e8;
  --onc-text: #000000;
  /* Einheitlich Segoe UI (Windows-UI); Blocksy-Variable mitziehen */
  --onc-font-family: "Segoe UI", Segoe UI, system-ui, -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --theme-font-family: var(--onc-font-family) !important;
  /* Refresh-Palette neutralisieren (wird von order-now-refresh.css gesetzt) */
  --on-surface-1: #ffffff;
  --on-surface-2: #ffffff;
  --on-accent: #000000;
  --on-accent-deep: #000000;
  --on-accent-glow: transparent;
  --theme-palette-color-5: #000000 !important;
  --theme-palette-color-6: #ffffff !important;
  --theme-palette-color-7: #000000 !important;
  --theme-palette-color-8: #000000 !important;
  /* Fest 1200px (nicht Blocksy 1290px / 96vw — sonst springt die Navbar zwischen Seiten) */
  --onc-content-max: min(1200px, 100%);
  --onc-nav-inner-max: 1200px;
  scrollbar-gutter: stable;
  font-family: var(--onc-font-family) !important;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
}

body.onc-classic .gspb_heading,
body.onc-classic .entry-content h1,
body.onc-classic .entry-content h2,
body.onc-classic .entry-content h3 {
  letter-spacing: -0.02em;
  color: #000000 !important;
}

body.onc-classic .entry-content h4,
body.onc-classic .entry-content h5,
body.onc-classic .entry-content h6 {
  letter-spacing: -0.01em;
}

/* Wo sinnvoll: fett (Segoe UI: klare 600/700-Stufen) */
body.onc-classic .entry-content h1,
body.onc-classic .entry-content h2,
body.onc-classic .entry-content h3,
body.onc-classic .entry-content h4,
body.onc-classic .entry-content h5,
body.onc-classic .entry-content h6,
body.onc-classic .gspb_heading,
body.onc-classic .entry-content th,
body.onc-classic strong,
body.onc-classic b {
  font-weight: 700 !important;
}

.onc-navbar {
  background: var(--onc-nav-bg) !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

/* Kein Bootstrap-Navbar-Gutter: sonst steht die Leiste versetzt zur alignfull-Hero-Zeile */
body.onc-classic .onc-navbar {
  --bs-navbar-padding-x: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Gleiche effektive Contentbreite wie Greenshift-Hero (.gspb_row__content ≈ 1200px Theme).
   Keine Klasse „container“ im HTML — Bootstrap max-width 960/1140/1320 würde die Hero-Zeile verfehlen. */
body.onc-classic .onc-navbar .onc-nav-inner {
  width: min(var(--onc-nav-inner-max), 100%);
  max-width: min(var(--onc-nav-inner-max), 100%);
  margin-left: max(0px, calc(50% - var(--onc-nav-inner-max) / 2));
  margin-right: auto;
  box-sizing: border-box;
}

/*
 * Einheitliche Seitenränder (alle Classic-Seiten wie Home):
 * Greenshift .gspb_row__content + freistehende Blöcke auf --onc-content-max zentrieren.
 */
body.onc-classic .entry-content.is-layout-constrained,
body.onc-classic .ct-container-full {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.gspb-bodyfront.onc-classic .entry-content .gspb_row > .gspb_row__content {
  max-width: var(--onc-content-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.gspb-bodyfront.onc-classic .entry-content > [class*="gspb_heading_sep"],
html body.gspb-bodyfront.onc-classic .entry-content > .wp-block-columns,
html body.gspb-bodyfront.onc-classic .entry-content > .wp-block-group {
  max-width: var(--onc-content-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (min-width: 1000px) {
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc > .gspb_row__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
    gap: clamp(36px, 4.5vw, 72px) !important;
    align-items: start !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
  }

  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6,
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-abb83a9.gspb_row__col--6,
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-2c4a91b.gspb_row__col--6,
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-ba9be6f.gspb_row__col--6 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0 !important;
  }
}

html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6,
html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-abb83a9.gspb_row__col--6 {
  width: 100% !important;
  max-width: 100% !important;
}

/* Desktop: Logo so groß wie möglich, Menü bleibt einzeilig (flex + Platzreserve für Nav) */
@media (min-width: 992px) {
  .onc-navbar.navbar-expand-lg {
    /* Meta-Zeile sitzt knapp über der Schatten-Linie */
    padding-bottom: 0.25rem;
  }

  body.onc-classic .onc-navbar.navbar-expand-lg .onc-nav-inner {
    width: min(var(--onc-nav-inner-max), 100%) !important;
    max-width: min(var(--onc-nav-inner-max), 100%) !important;
    margin-left: max(0px, calc(50% - var(--onc-nav-inner-max) / 2)) !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .onc-navbar.navbar-expand-lg .onc-nav-inner {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0.15rem;
  }

  /* Nur so breit wie das Logo — kein „Leerfleisch“ zwischen Bild und Menü */
  .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand {
    flex: 0 1 auto !important;
    min-width: 0;
    max-width: none !important;
    margin-right: 0.15rem !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .onc-navbar.navbar-expand-lg .navbar-collapse {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
  }

  .onc-navbar.navbar-expand-lg .navbar-nav {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .onc-navbar.navbar-expand-lg .navbar-nav .nav-item {
    flex-shrink: 0;
  }

  /* Menü-Cluster: volle Breite im Collapse, Zeilen rechts (HTML ohne ms-lg-auto / align-items-lg-start) */
  body.onc-classic .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse {
    display: flex !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }

  .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: flex-end !important;
    gap: 0;
  }

  .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster > .navbar-nav:not(.onc-nav-meta) {
    align-self: flex-end !important;
    width: max-content !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
  }

  .onc-navbar.navbar-expand-lg .onc-nav-meta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    margin-top: 0.25rem !important;
    align-self: flex-end !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    gap: 0.15rem 0.75rem;
  }

  .onc-navbar.navbar-expand-lg .onc-nav-meta .nav-link {
    padding: 0.05rem 0.55rem 0.1rem 0.55rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
  }

  .onc-navbar.navbar-expand-lg .nav-link {
    letter-spacing: 0.03em;
    padding: 0.5rem 0.55rem !important;
    font-size: 1.0625rem;
    font-weight: 600 !important;
    white-space: nowrap;
  }

  .onc-brand img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Höhe skaliert mit Viewport, Deckel damit die Leiste nicht explodiert */
    max-height: min(11rem, max(3.5rem, calc((100vw - 35rem) * 0.2)));
    object-fit: contain;
    object-position: left center;
  }

}

/*
 * Startseite, Desktop (≥1000px): gleiche Zweispaltigkeit wie Hero (Greenshift: 53%|47% − 25px).
 * html body… erhöht Spezifität gegenüber Bootstrap .navbar / .navbar-expand-lg.
 * page-id-1210: gleiche Startseite, falls Klasse „home“ fehlt (Export/WP).
 */
@media (min-width: 1000px) {
  html body.onc-classic.home .onc-navbar.navbar-expand-lg > .onc-nav-inner,
  html body.onc-classic.page-id-1210 .onc-navbar.navbar-expand-lg > .onc-nav-inner,
  html body.onc-classic.page-id-1212 .onc-navbar.navbar-expand-lg > .onc-nav-inner,
  html body.onc-classic.page-id-1213 .onc-navbar.navbar-expand-lg > .onc-nav-inner,
  html body.onc-classic.page-id-1261 .onc-navbar.navbar-expand-lg > .onc-nav-inner {
    display: grid !important;
    grid-template-columns: calc(53% - 25px) calc(47% - 25px) !important;
    column-gap: 0 !important;
    align-items: center !important;
    width: min(var(--onc-nav-inner-max), 100%) !important;
    max-width: min(var(--onc-nav-inner-max), 100%) !important;
    margin-left: max(0px, calc(50% - var(--onc-nav-inner-max) / 2)) !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.onc-classic.home .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand,
  html body.onc-classic.page-id-1210 .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand,
  html body.onc-classic.page-id-1212 .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand,
  html body.onc-classic.page-id-1213 .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand,
  html body.onc-classic.page-id-1261 .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    flex: unset !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    justify-self: start !important;
  }

  html body.onc-classic.home .onc-navbar.navbar-expand-lg .navbar-collapse#oncNav,
  html body.onc-classic.home .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse,
  html body.onc-classic.page-id-1210 .onc-navbar.navbar-expand-lg .navbar-collapse#oncNav,
  html body.onc-classic.page-id-1210 .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse,
  html body.onc-classic.page-id-1212 .onc-navbar.navbar-expand-lg .navbar-collapse#oncNav,
  html body.onc-classic.page-id-1212 .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse,
  html body.onc-classic.page-id-1213 .onc-navbar.navbar-expand-lg .navbar-collapse#oncNav,
  html body.onc-classic.page-id-1213 .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse,
  html body.onc-classic.page-id-1261 .onc-navbar.navbar-expand-lg .navbar-collapse#oncNav,
  html body.onc-classic.page-id-1261 .onc-navbar.navbar-expand-lg #oncNav.navbar-collapse {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  html body.onc-classic.home .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster,
  html body.onc-classic.page-id-1210 .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster,
  html body.onc-classic.page-id-1212 .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster,
  html body.onc-classic.page-id-1213 .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster,
  html body.onc-classic.page-id-1261 .onc-navbar.navbar-expand-lg .onc-nav-menu-cluster {
    max-width: 100% !important;
  }
}

/* Desktop: linke Logo-Kante = linke Kante von .onc-nav-inner (kein Bootstrap-Gutter) */
@media (min-width: 1000px) {
  html body.onc-classic .onc-navbar.navbar-expand-lg > .onc-nav-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.onc-classic .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand {
    padding-left: 0 !important;
    margin-left: 0 !important;
    justify-self: start !important;
  }

  html body.onc-classic .onc-navbar.navbar-expand-lg .navbar-brand.onc-brand img {
    margin-left: 0 !important;
    padding-left: 0 !important;
    object-position: left center !important;
  }
}

/* Mobil: Hamburger – Logo kompakt */
@media (max-width: 991.98px) {
  .onc-navbar .onc-nav-menu-cluster {
    align-items: stretch !important;
  }

  .onc-navbar .onc-nav-menu-cluster > .navbar-nav:not(.onc-nav-meta) {
    align-self: flex-start;
  }

  .onc-navbar .onc-nav-meta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.25rem;
    margin-top: 0.35rem !important;
    padding-top: 0.4rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    align-self: flex-end;
    width: max-content;
    max-width: 100%;
    justify-content: flex-start;
  }

  .onc-navbar {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }

  .onc-brand img {
    max-height: 3rem;
    max-width: min(72vw, 420px);
    width: auto;
    object-fit: contain;
  }
}

.onc-navbar .nav-link {
  color: #000 !important;
  font-weight: 600;
  line-height: 1.4;
}

.onc-navbar .nav-link.rounded-1 {
  font-weight: 700 !important;
}

@media (max-width: 991.98px) {
  .onc-navbar .nav-link {
    letter-spacing: 0.05em;
    padding: 0.75rem 1rem !important;
  }
}

.onc-navbar .nav-link:hover,
.onc-navbar .nav-link:focus {
  background-color: var(--onc-accent-yellow);
  color: #000000 !important;
}

.onc-navbar .nav-link.active {
  background-color: var(--onc-accent-yellow);
  color: #000000 !important;
}

.onc-navbar .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.25);
}

/* Abstand unter fixer Navbar: Desktop folgt variabler Logo-Höhe (clamp), Mobil kompakt */
.onc-main-offset {
  padding-top: clamp(5rem, 6vw + 2.5rem, 7rem);
}

@media (max-width: 991.98px) {
  .onc-main-offset {
    padding-top: 2.375rem;
  }
}

/* +1 cm zusätzlich: am #main-container setzen (greift zuverlässig; main-Padding allein wurde teils nicht wirksam) */
body.onc-classic #main-container.onc-classic-wrap {
  padding-top: 1cm !important;
}

/* Erste Greenshift-Zeile: Abstand Logo → erste Zeile (halbiert ggü. vorher) */
body.onc-classic:not(.page-id-1213) #gspb_row-id-gsbp-9d097bc {
  padding-top: 45px !important;
  /* Großer Abstand Handy → Counter: Inline-Styles setzen 60/70/50px padding-bottom — war bisher unangetastet */
  padding-bottom: 15px !important;
}

@media (max-width: 999.98px) {
  body.onc-classic:not(.page-id-1213) #gspb_row-id-gsbp-9d097bc {
    padding-top: 28px !important;
    padding-bottom: 17.5px !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic:not(.page-id-1213) #gspb_row-id-gsbp-9d097bc {
    padding-top: 22px !important;
    padding-bottom: 12.5px !important;
  }
}

/* Hero H2 (Home + Unser Produkt + Über uns): 15 % kleiner als Greenshift-Inline (60 / 45 / 30 px) */
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line {
  font-size: calc(60px * 0.85) !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line {
    font-size: calc(45px * 0.85) !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line {
    font-size: calc(30px * 0.85) !important;
  }
}

/* Home Hero: 3 feste Zeilen + links (Greenshift: <1000px text-align:center!important) */
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line {
  display: block !important;
}
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2,
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line,
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .gsap-g-line {
  text-align: left !important;
}

/* Home Hero: GSAP setzt .gsap-g-line auf block → Wörter wie „Registrierkassa“ brechen mitten durch */
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .gsap-g-line {
  display: inline !important;
  white-space: normal !important;
}

/* Home Hero Zeile 2: Mobile zwei saubere Zeilen, Desktop eine Zeile */
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line--sub .onc-home-hero-h2__sub-part {
  display: block !important;
}

body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__sub-part:last-child,
body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__sub-part:last-child .gsap-g-line {
  white-space: nowrap !important;
}

@media (min-width: 640px) {
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line--sub,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line--sub .gsap-g-line {
    white-space: nowrap !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line--sub .onc-home-hero-h2__sub-part {
    display: inline !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line--sub .onc-home-hero-h2__sub-part + .onc-home-hero-h2__sub-part::before {
    content: " " !important;
  }
}

/*
 * Home: vertikaler Rhythmus zwischen Hero, Counter-Rahmen, „Funktionen“ und Karten —
 * gleiche Größe wie die Hero-Luft unter der Navbar bis zur ersten Textzeile (Hero padding-top).
 */
body.onc-classic.home {
  --onc-inter-block-gap: 45px;
}

@media (max-width: 999.98px) {
  body.onc-classic.home {
    --onc-inter-block-gap: 28px;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.home {
    --onc-inter-block-gap: 22px;
  }
}

/* Über uns: gleicher vertikaler Rhythmus wie Home */
body.onc-classic.page-id-1212 {
  --onc-inter-block-gap: 45px;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1212 {
    --onc-inter-block-gap: 28px;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1212 {
    --onc-inter-block-gap: 22px;
  }
}

/* Kontakt / Jetzt anfragen (page-id-1213): gleicher vertikaler Rhythmus wie Home */
body.onc-classic.page-id-1213 {
  --onc-inter-block-gap: 45px;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1213 {
    --onc-inter-block-gap: 28px;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1213 {
    --onc-inter-block-gap: 22px;
  }
}

/* Unser Produkt: gleicher vertikaler Rhythmus wie Home (Hero padding-bottom) */
body.onc-classic.page-id-1261 {
  --onc-inter-block-gap: 45px;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1261 {
    --onc-inter-block-gap: 28px;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1261 {
    --onc-inter-block-gap: 22px;
  }
}

body.onc-classic.home #gspb_row-id-gsbp-9d097bc,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc {
  padding-bottom: var(--onc-inter-block-gap) !important;
}

/* Über uns: Hero-H2 — zwei feste Zeilen (Zeile 1 endet mit „Events“), Greenshift-Zeilen darin normal */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line {
  display: block !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line:first-of-type {
  white-space: nowrap !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line:nth-of-type(2) {
  white-space: normal !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .gsap-g-line {
  text-align: left !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line .gsap-g-line {
  display: inline !important;
}

/* Home: gleiche sichtbare Breite wie Navbar-Logo (Banner 16∶9, gleiche max-height wie .onc-brand img) */
body.onc-classic.home,
body.onc-classic.page-id-1210,
body.onc-classic.page-id-1212 {
  --onc-home-logo-h: min(11rem, max(3.5rem, calc((100vw - 35rem) * 0.2)));
  --onc-home-cta-total-w: calc(var(--onc-home-logo-h) * 16 / 9);
}

@media (max-width: 991.98px) {
  body.onc-classic.home,
  body.onc-classic.page-id-1210,
  body.onc-classic.page-id-1212 {
    --onc-home-logo-h: 3rem;
    --onc-home-cta-total-w: min(calc(var(--onc-home-logo-h) * 16 / 9), min(72vw, 420px));
  }
}

body.onc-classic.home #gspb_container-id-gsbp-2966556.gspb_container {
  margin-bottom: 0 !important;
}

/* CTA-Block: Inline margin-bottom 70/50px würde den Abstand Buttons → Counter-Zeile aufblasen */
body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container,
body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container,
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container {
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  align-self: flex-start !important;
  gap: 0.65rem !important;
  /* Fallback: --onc-home-cta-total-w (16∶9); exakt: --onc-home-cta-measured per Skript vom Header-Logo */
  width: min(var(--onc-home-cta-measured, var(--onc-home-cta-total-w)), 100%) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
}

body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > a.gspb-buttonbox,
body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > .gspb-buttonbox.wp-element-button,
body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > a.gspb-buttonbox,
body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > .gspb-buttonbox.wp-element-button,
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > a.gspb-buttonbox,
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper > .gspb-buttonbox.wp-element-button {
  width: 100% !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 420px) {
  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container {
    flex-direction: column !important;
  }

  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

body.onc-classic.home #gspb_row-id-gsbp-a94bee3 {
  margin-top: 0 !important;
  margin-bottom: var(--onc-inter-block-gap) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.onc-classic.home #gspb_row-id-gsbp-5bb80b0 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.onc-classic.home #gspb_text-id-gsbp-817e463 {
  margin-bottom: var(--onc-inter-block-gap) !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 {
  padding-top: 0 !important;
}

/* Home: Kasten „Mehr zur Software? …“ (rechts unten) ausblenden */
body.onc-classic.home #gspb_col-id-gsbp-63873f3 {
  display: none !important;
}

/* Vier Feature-Karten: gleiche Kartenhöhe; Icon-Kreise gelb mit schwarzem Rand */
body.onc-classic #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
  align-items: stretch !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--4 {
  display: flex !important;
  flex-direction: column !important;
}

/* Home: vier Feature-Karten — gleiche Spaltenbreite (Flex + Gap), Tablet 2×2 */
@media (min-width: 1000px) {
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--4 {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 999.98px) and (min-width: 690px) {
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--4 {
    flex: 1 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-82bdfe6.gspb_container,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-190bf0a.gspb_container,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-7cc0f34.gspb_container,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92.gspb_container {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  /* auto auto: Überschrift + Fließtext als kompakter Block rechts neben dem Kreis (kein 1fr, sonst rutscht Text nach unten) */
  grid-template-rows: auto auto !important;
  column-gap: 0.85rem !important;
  row-gap: 0.3rem !important;
  align-items: start !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
}

/* Gelber Kreis links; Überschrift + Fließtext nur in der rechten Spalte (beides seitlich neben dem Kreis) */
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  align-self: start !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-c769d47,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-8750bd9,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-6fdbbcd,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-c7a4e94 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  min-width: 0 !important;
  align-self: start !important;
  text-align: left !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-c769d47 .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-8750bd9 .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-6fdbbcd .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-c7a4e94 .gsap-g-line {
  text-align: left !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-8750bd9,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-8750bd9 .gsap-g-line {
  white-space: nowrap !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_heading-id-gsbp-8750bd9 span {
  display: inline !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-82bdfe6 .gspb_text-id-gsbp-83fa05d,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-190bf0a .gspb_text-id-gsbp-6c211cb,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-7cc0f34 .gspb_text-id-gsbp-21160c6,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92 .gspb_text-id-gsbp-c7a4e95 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-82bdfe6 .gspb_text-id-gsbp-83fa05d .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-190bf0a .gspb_text-id-gsbp-6c211cb .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-7cc0f34 .gspb_text-id-gsbp-21160c6 .gsap-g-line,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92 .gspb_text-id-gsbp-c7a4e95 .gsap-g-line {
  text-align: left !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf .gspb_iconBox__wrapper,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 .gspb_iconBox__wrapper,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 .gspb_iconBox__wrapper,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 .gspb_iconBox__wrapper {
  background-color: #ffeb3b !important;
  border: 2px solid #000000 !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 svg,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 svg path,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 svg,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 svg path {
  fill: #000000 !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 svg,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 svg {
  margin: 0 !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
  display: block !important;
}

body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf img,
body.onc-classic #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 img {
  filter: brightness(0) !important;
}

/* Home Feature-Zeile: kleine gelbe Kreise; Greenshift padding:20px auf Wrapper per !important killen */
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580 .gspb_iconBox__wrapper,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 .gspb_iconBox__wrapper {
  width: 2.125rem !important;
  height: 2.125rem !important;
  min-width: 2.125rem !important;
  min-height: 2.125rem !important;
  max-width: 2.125rem !important;
  max-height: 2.125rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  border-width: 1.5px !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf img,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 img,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf img,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8 img {
  width: 1.125rem !important;
  height: 1.125rem !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* Vierte Highlight-Karte: fehlt in Greenshift-Inline-CSS — hier nachziehen wie Karten 1–3 */
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_col-id-gsbp-c7a4e91.gspb_row__col--4 {
  box-sizing: border-box !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92.gspb_container {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 0.85rem !important;
  row-gap: 0.3rem !important;
  align-items: start !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
  padding: 25px !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92 #gspb_iconBox-id-gsbp-c7a4e93 {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  align-self: start !important;
  display: flex !important;
  justify-content: flex-start !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92 #gspb_heading-id-gsbp-c7a4e94 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  min-width: 0 !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-c7a4e92 #gspb_text-id-gsbp-c7a4e95 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* Taschenrechner-SVG: keine zusätzliche Verschiebung (Grid + Innenpadding regeln die Optik) */
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 svg {
  transform: none !important;
}

/* Alle vier Feature-Überschriften: gleiche Größe/Abstand wie Greenshift für #8750bd9 */
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 {
  font-size: 18px !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
}

body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 span,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 span,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd span,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 span {
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 999.98px) {
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47,
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9,
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd,
  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 {
    font-size: 16px !important;
  }
}

/* Wie Greenshift Karten 1–3: Iconbox flex; unter .entry-content schlägt Blocksy manchmal fluid h3 */
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-714e6bf,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-b40cab8,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-be21580,
body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 #gspb_iconBox-id-gsbp-c7a4e93 {
  display: flex !important;
  justify-content: flex-start !important;
}

body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 .gsap-g-line,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 span,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 span,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd span,
body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 span {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

@media (max-width: 999.98px) {
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 .gsap-g-line,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 .gsap-g-line,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd .gsap-g-line,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 .gsap-g-line,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c769d47 span,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-8750bd9 span,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-6fdbbcd span,
  body.onc-classic:is(.home, .page-id-1210) .entry-content #gspb_row-id-gsbp-59dfc31 h3#gspb_heading-id-gsbp-c7a4e94 span {
    font-size: 16px !important;
  }
}

/* Unser Produkt: Hero weiß (Padding wie Home über :not(.page-id-1213)-Regel oben) */
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc {
  position: relative !important;
  z-index: 1 !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Unser Produkt: Hero-Kasten rechts oben — 1 cm schmaler (rechter Rand nach links) */
@media (min-width: 1000px) {
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-99b27b3.gspb_container {
    width: calc(100% - 1cm) !important;
    max-width: calc(100% - 1cm) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
  }
}

/* Partner-Zeile (#4d8f105) hat z-index:2 + neg. Margin und liegt sonst über der Hero-Karte → „Angebot anfragen“ nicht klickbar */
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-abb83a9 {
  position: relative !important;
  z-index: 3 !important;
}

/*

 * Unser Produkt: enger zum Hero (−5 cm auf Partner-Zeile), aber Inhalt ab Partner-Zeile
 * über dem Hero-Einschub (rechte Karte / Grid) — sonst liegt Punkt 1 optisch „drunter“.
 */
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 {
  position: relative !important;
  z-index: 2 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: -5cm !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 {
    margin-top: -3cm !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 {
    margin-top: -2cm !important;
  }
}

body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .wp-block-columns,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ #gspb_row-id-gsbp-c06cc2a,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-85154ac,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-50e77a8,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-482592d,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-43b879b,
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-9d4ff29 {
  position: relative !important;
  z-index: 2 !important;
}

body.onc-classic.page-id-1261 .entry-content {
  overflow: visible !important;
}

/* Wie Home: mittlere Spalte in der Partner-Zeile leer (kein BonDroid in der Mitte) */
body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 #gspb_col-id-gsbp-9fe3b4e {
  display: none !important;
}

/* Unser Produkt: nummerierte Schritte — gelbe Kreise wie Highlight-Kästen, ohne Layout zu sprengen */
body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep .gs-numhead__circle {
  background-color: #ffeb3b !important;
  background-image: none !important;
  border: 1.5px solid #000000 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  width: 2.125rem !important;
  height: 2.125rem !important;
  min-width: 2.125rem !important;
  min-height: 2.125rem !important;
  max-width: 2.125rem !important;
  max-height: 2.125rem !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000000 !important;
  font-size: 0.9375rem !important;
  line-height: 1 !important;
  overflow: visible !important;
}

body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep .gs-numhead__circle span {
  color: #000000 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-size: inherit !important;
  letter-spacing: -0.03em !important;
}

/* Unser Produkt: nummerierte Punkte — Schrift leicht kleiner als Greenshift, aber gleiche Proportion (Basis 24/22 bzw. 17/22) */
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-85154ac,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-85154ac .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-50e77a8,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-50e77a8 .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-482592d,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-482592d .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-43b879b,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-43b879b .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-9d4ff29,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-9d4ff29 .gsap-g-line {
  font-size: calc(24px * 0.9) !important;
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-85154ac,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-85154ac .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-50e77a8,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-50e77a8 .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-482592d,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-482592d .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-43b879b,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-43b879b .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-9d4ff29,
  body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-9d4ff29 .gsap-g-line {
    font-size: calc(22px * 0.9) !important;
  }
}

body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-85154ac .gspb_heading_subtitle,
body.onc-classic.page-id-1261 #gspb_subheading-id-gsbp-85154ac,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-50e77a8 .gspb_heading_subtitle,
body.onc-classic.page-id-1261 #gspb_subheading-id-gsbp-50e77a8,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-482592d .gspb_heading_subtitle,
body.onc-classic.page-id-1261 #gspb_subheading-id-gsbp-482592d,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-43b879b .gspb_heading_subtitle,
body.onc-classic.page-id-1261 #gspb_subheading-id-gsbp-43b879b,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-9d4ff29 .gspb_heading_subtitle,
body.onc-classic.page-id-1261 #gspb_subheading-id-gsbp-9d4ff29 {
  font-size: calc(17px * 0.9) !important;
  line-height: calc(22px * 0.9) !important;
}

/* Unser Produkt: 2a + 2b — gleicher Abstand wie Punkt 1/3/4 (Greenshift-Layout unverändert) */
body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-50e77a8,
body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-482592d {
  margin-bottom: 40px !important;
}

/* Unser Produkt: „Preisgestaltung“ — Überschrift + Text zentriert */
body.onc-classic.page-id-1261 #gspb_container-id-gsbp-24ccda5,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-a8e2e08,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-1ebecfe-replacement {
  position: static !important;
  left: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: var(--onc-content-max) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.onc-classic.page-id-1261 #gspb_container-id-gsbp-24ccda5 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-48bc4ef,
body.onc-classic.page-id-1261 #gspb_heading-id-gsbp-48bc4ef .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-a8e2e08,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-a8e2e08 .gsap-g-line,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-1ebecfe-replacement,
body.onc-classic.page-id-1261 #gspb_text-id-gsbp-1ebecfe-replacement .gsap-g-line {
  text-align: center !important;
}

/*
 * Über uns (page-id-1212): wie Home — weiße Flächen, gleiche Navbar-Zweiteiligkeit (≥1000px),
 * Hero-Rhythmus, Stat-Karten im gleichen Raster wie die drei Feature-Karten (Zähler = gelber Kreis),
 * Abstände über --onc-inter-block-gap, CTA „Jetzt Anfragen“ wie Hero-Buttons.
 */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc {
  margin-bottom: 0 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
  text-align: left !important;
}

/* Über uns: Intro — volle Contentbreite (kein schmales Lesemaß), eine Spalte */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c {
  column-count: 1 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 30px !important;
}

/*
 * Über uns: Hero-CTA auf gleicher Y-Lage wie Home „Unverbindlich anfragen“.
 * Home hat 3 H2-Zeilen + 2 Intro-Absätze; Über uns 2 Zeilen + 1 Absatz.
 */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-d90b018.gspb_container {
  margin-top: calc(118px - 2.5cm) !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-d90b018.gspb_container {
    margin-top: calc(127px - 2.5cm) !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-d90b018.gspb_container {
    margin-top: calc(109px - 2.5cm) !important;
  }
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--12,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
  width: auto !important;
  max-width: 100% !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc > .gspb_row__content {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 1.25rem 2rem !important;
}

/* Über uns Hero: dasselbe Zwei-Spalten-Raster wie Home (refresh: 1.12fr | 0.88fr); about-2 lädt refresh.css nicht */
@media (min-width: 1000px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc > .gspb_row__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
    gap: clamp(36px, 4.5vw, 72px) !important;
    align-items: start !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--12,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0 !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-2c4a91b.gspb_row__col--6 {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    align-items: flex-start !important;
  }
}

/* Über uns Hero rechts: wie Home — nur ein Bild im Overlay (kein zweites Handy / Mini-App über phone-bondroid) */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  margin: 0 0 5px !important;
  padding: 40px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  isolation: isolate !important;
}

body.gspb-bodyfront.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container {
  backdrop-filter: none !important;
}

@media (min-width: 1000px) {
  body.gspb-bodyfront.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container {
    min-height: 480px !important;
  }
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: url("../../2026/03/friesenbichler.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: 43% 40% !important;
}

/* Name nur auf dem Handy-Bildschirm (nicht die ganze Kachel) — unten mittig */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container .onc-phone-screen-label {
  position: absolute !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  /* Standard: Greenshift 43% 40%, Bild zentriert im sichtbaren Bereich */
  left: 52% !important;
  right: 10% !important;
  top: 26% !important;
  bottom: 18% !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container .onc-phone-hero-caption {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: translate(-0.6cm, 1cm) !important;
  margin: 0 0 2% !important;
  padding: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  font-family: inherit !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-align: center !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

@media (min-width: 1000px) {
  /* Desktop: Mockup 78% 40% — rechter Bildschirm */
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container .onc-phone-screen-label {
    left: 57% !important;
    right: 7% !important;
    top: 25% !important;
    bottom: 17% !important;
  }
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay {
    background-position: center 36% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container .onc-phone-screen-label {
    left: 24% !important;
    right: 24% !important;
    top: 24% !important;
    bottom: 20% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container .onc-phone-hero-caption {
    font-size: 16px !important;
    margin-bottom: 3% !important;
  }
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line .gsap-g-line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819 {
  overflow: visible !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line:nth-of-type(2) {
  padding-inline-end: 0.12em !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__keep {
  white-space: nowrap !important;
  padding-inline-end: 0.08em !important;
}

/* „Unsere Geschichte“: Zwei-Spalten wie Hero — Text links, Logo/Bild rechts */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 > .gspb_row__content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 1.25rem 2rem !important;
}

@media (min-width: 1000px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 > .gspb_row__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
    gap: clamp(36px, 4.5vw, 72px) !important;
    align-items: start !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-500cf21.gspb_row__col--6,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc.gspb_row__col--6 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0 !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-500cf21.gspb_row__col--6,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc.gspb_row__col--6 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_heading-id-gsbp-e7035f1,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc #gspb_heading-id-gsbp-ab3fefd {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 .gspb_text-id-gsbp-1ba44a4,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 .gspb_text-id-gsbp-f892cea {
    margin-top: 0 !important;
    width: 100% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_heading-id-gsbp-e7035f1,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_heading-id-gsbp-e7035f1 .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 .gspb_text-id-gsbp-1ba44a4,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 .gspb_text-id-gsbp-1ba44a4 .gsap-g-line {
    text-align: left !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_heading-id-gsbp-e7035f1 {
    max-width: none !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_button-id-gsbp-2a7d749 {
    justify-content: flex-start !important;
  }
}

/* Grüner Logo-Kreis entfernt */
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-9ff600f.gspb_container {
  display: none !important;
}

@media (min-width: 1000px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc #gspb_heading-id-gsbp-ab3fefd,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc #gspb_heading-id-gsbp-ab3fefd .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc .gspb_text-id-gsbp-f892cea,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc .gspb_text-id-gsbp-f892cea .gsap-g-line {
    text-align: left !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 #gspb_col-id-gsbp-a83bbbc #gspb_heading-id-gsbp-ab3fefd {
    max-width: none !important;
  }
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
  display: inline !important;
}

body.onc-classic.page-id-1212 .gspb_row #gspb_col-id-gsbp-6c4d819.gspb_row__col--12,
body.onc-classic.page-id-1212 .gspb_row #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
  padding-bottom: 0 !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 {
  margin-bottom: var(--onc-inter-block-gap) !important;
  /* WP/Greenshift: preset „palette-color-1“ default #39A751 — sonst grüner Zähler-Ring / -fläche */
  --theme-palette-color-1: #000000 !important;
  --theme-palette-color-2: #000000 !important;
  --wp--preset--color--palette-color-1: #000000 !important;
  --wp--preset--color--palette-color-2: #000000 !important;
}

/* Über uns: kein animierter Farbring an .border-animation; Zähler ohne Grün/ohne Deko-Ring */
body.onc-classic.page-id-1212 .entry-content .border-animation::before,
body.onc-classic.page-id-1212 .entry-content .border-animation::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counter *,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counter span {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterwrap,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterdiv {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] svg,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] canvas {
  display: none !important;
  visibility: hidden !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterwrap::before,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterwrap::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container[class*="gspb_container"]::before,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container[class*="gspb_container"]::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem 1.5rem !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

@media (min-width: 1000px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--3 {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Über uns: Stat-Zeile wie Home-Counter (a94bee3) — große Ziffern, kein gelber Kreis, Karten ohne Innenrahmen */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-82bdfe6.gspb_container,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-b5fee3d.gspb_container,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-3fcaa5a.gspb_container,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 #gspb_container-id-gsbp-ed78c19.gspb_container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.35rem !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] {
  margin: 0 !important;
  align-self: flex-start !important;
  width: 100% !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counterwrap {
  justify-content: flex-start !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counterdiv {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counter,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counter span {
  font-size: clamp(2.25rem, 4.5vw, 3.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Kein Greenshift-Deko-Ring / kein grüner Zähler-Fleck (Palette-1) */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"]::before,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"]::after,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterdiv::before,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counterdiv::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_heading,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_heading .gsap-g-line {
  margin: 0 !important;
  text-align: left !important;
  width: 100% !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_text,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_text .gsap-g-line {
  margin: 0 !important;
  text-align: left !important;
  width: 100% !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-02b6151 {
  margin-bottom: var(--onc-inter-block-gap) !important;
  padding-bottom: var(--onc-inter-block-gap) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/* Peter-Handy-Karte unten entfernt — falls Markup noch eingespielt wird */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-1426a93,
body.onc-classic.page-id-1212 #gspb_col-id-gsbp-9cf47a3,
body.onc-classic.page-id-1212 #gspb_container-id-gsbp-01ed1b9.gspb_container {
  display: none !important;
}


body.onc-classic.page-id-1212 img[src*="header-typ-big-variant-f-eyes-clean-hard"] {
  display: none !important;
}

body.onc-classic.page-id-1212 #gspb_button-id-gsbp-2a7d749 {
  justify-content: flex-start !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
    text-align: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container {
    min-height: 0 !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay {
    background-position: center 36% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-2c4a91b.gspb_row__col--6 {
    flex: 1 1 100% !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  body.onc-classic.page-id-1212 #gspb_button-id-gsbp-2a7d749 {
    justify-content: center !important;
  }

  /* Wie Home-Counter-Zeile: unter 1000px zentrierte Stat-Spalten */
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content > [id^="gspb_col-id-"].gspb_row__col--3 {
    align-items: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container {
    align-items: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] {
    align-self: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counterwrap {
    justify-content: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > [class*="gspb_counter-id"] .gs-counterdiv {
    justify-content: center !important;
  }

  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_heading,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_heading .gsap-g-line,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_text,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_container > .gspb_text .gsap-g-line {
    text-align: center !important;
  }
}

/*
 * Kontakt / Jetzt anfragen (page-id-1213): gleiche Classic-Sprache wie Home/Über uns.
 * Beide Nav-Einträge verweisen auf dieselbe Seite (contact-2).
 */
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 {
  margin-bottom: 0 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding-bottom: var(--onc-inter-block-gap) !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b6c5e4c,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
  text-align: left !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b6c5e4c {
  margin-bottom: 1.25rem !important;
  max-width: 36rem;
}

body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .gspb_text-id-gsbp-b6c5e4c {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_row-id-gsbp-9d097bc {
  padding-top: 0 !important;
  padding-bottom: var(--onc-inter-block-gap) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
}

/* Kontakt: zwei Spalten — linker Block (Karte + Texte) nutzt den Raum bis knapp vor das Formular */
@media (min-width: 1000px) {
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_row-id-gsbp-9d097bc {
    justify-content: flex-start !important;
  }

  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_row-id-gsbp-9d097bc > .gspb_row__content {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    column-gap: 1rem !important;
    row-gap: 1.5rem !important;
  }

  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-ba9be6f.gspb_row__col--6 {
    flex: 0 1 460px !important;
    width: auto !important;
    max-width: 480px !important;
    min-width: 280px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: sticky !important;
    top: calc(80px - 7.5cm) !important;
    align-self: flex-start !important;
  }

  html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_row-id-gsbp-c915455 #gspb_container-id-gsbp-0bee511.gspb_container {
    transform: translateY(-7.5cm) !important;
  }

  body.onc-classic.page-id-1213 #gspb_container-id-gsbp-0bee511.gspb_container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  body.onc-classic.page-id-1213 #gspb_container-id-gsbp-0bee511.gspb_container .fluentform,
  body.onc-classic.page-id-1213 #gspb_container-id-gsbp-0bee511.gspb_container .frm-fluent-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .gspb_container {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Kontakt-Formular (rechter Kasten): wie Hero-CTA „Jetzt anfragen“ — gelb/schwarz, kein WP-Export-Grün */
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: none !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .frm-fluent-form .ff-el-input--label label {
  color: #000000 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons:has(input[name="checkbox_1[]"]) .ff-el-input--label label {
  white-space: nowrap !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 10px !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check label > span,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:not(.ff_item_selected) span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check.ff_item_selected label > span,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff_item_selected span {
  background: #ffeb3b !important;
  background-color: #ffeb3b !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-left: 2px solid #000000 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:not(.ff_item_selected) label > span:hover,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:not(.ff_item_selected) span:hover {
  background: #fff9c4 !important;
  background-color: #fff9c4 !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:not(.ff_item_selected) label:focus-within span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:first-child label > span,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff_list_buttons .ff-el-form-check:last-child label > span {
  border-radius: 999px !important;
  border-left: 2px solid #000000 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff-btn-submit,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container button.ff-btn-submit {
  background: #ffeb3b !important;
  background-color: #ffeb3b !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 15px 30px !important;
  min-height: unset !important;
  box-shadow: none !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container .ff-btn-submit:hover,
html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container button.ff-btn-submit:hover {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_container-id-gsbp-0bee511.gspb_container select.ff-el-form-control {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid rgba(0, 0, 0, 0.35) !important;
  border-radius: 6px !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-b40cab8 .gspb_iconBox__wrapper,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-a53a435 .gspb_iconBox__wrapper,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-9f7ed71 .gspb_iconBox__wrapper {
  background-color: #ffeb3b !important;
  border: 2px solid #000000 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-b40cab8 svg,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-b40cab8 svg path,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-a53a435 svg,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-a53a435 svg path,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-9f7ed71 svg,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_iconBox-id-gsbp-9f7ed71 svg path {
  fill: #000000 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-1c764a8,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-3ecd076,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b70ec86 {
  color: #000000 !important;
}

/* Kontakt: Formular-Kasten (rechte Spalte) — transform siehe @media min-width 1000px */
@media (min-width: 1000px) {
  html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_row-id-gsbp-c915455 #gspb_col-id-gsbp-ba9be6f.gspb_row__col--6 {
    position: sticky !important;
    top: calc(80px - 7.5cm) !important;
    align-self: flex-start !important;
  }

  html body.onc-classic.page-id-1213.gspb-bodyfront #gspb_row-id-gsbp-c915455 #gspb_container-id-gsbp-0bee511.gspb_container {
    transform: translateY(-7.5cm) !important;
  }
}

/* Kontakt: grünes Maskottchen-PNG — Fallback falls Block aus WP wieder eingespielt wird */
body.onc-classic.page-id-1213 img[src*="header-typ-big-variant-f-eyes-clean-hard"] {
  display: none !important;
}

body.onc-classic.page-id-1213 .gspb_text-id-gsbp-f892cea {
  border: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* Kontakt: Intro — Überschrift + Fließtext links, App-Bild rechts */
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 {
  margin-bottom: 0 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 > .gspb_row__content {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  column-gap: clamp(1rem, 3vw, 2.25rem) !important;
  row-gap: 1.5rem !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_col-id-gsbp-a9c01d1 {
  min-width: 0 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_col-id-gsbp-b8d02e2 {
  min-width: 0 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_image-id-gsbp-5b4209a {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_image-id-gsbp-5b4209a img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media (min-width: 1000px) {
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_col-id-gsbp-b8d02e2 {
    flex: 0 1 44% !important;
    max-width: 520px !important;
  }

  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1 #gspb_col-id-gsbp-a9c01d1 {
    flex: 1 1 0% !important;
  }
}

/* Kontakt: zwei Spalten Fragen & Beratung / Unterstützung */
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da {
  margin-top: clamp(1.75rem, 3vw, 2.5rem) !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da > .gspb_row__content {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  column-gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  row-gap: 1.75rem !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da .gspb_heading {
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da .gspb_text-id-gsbp-f04e3d2,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da .gspb_text-id-gsbp-4f40aa5 {
  margin-bottom: 0 !important;
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-a222177,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-f88e3a1,
body.onc-classic.page-id-1213 #gspb_row-id-gsbp-0c742da {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

/* Kontakt: OSM-Karte unter fester Adresse (linker Block) */
body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .onc-contact-map-under-address,
body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .gspb_id-gsbp-57e32e9.onc-contact-map-under-address {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .onc-contact-map-under-address .gspb_map-wrapper,
body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 #gspb_map-gsbp-57e32e9 {
  min-height: 220px !important;
  width: 100% !important;
}

@media (min-width: 1000px) {
  body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 .onc-contact-map-under-address .gspb_map-wrapper,
  body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 #gspb_map-gsbp-57e32e9 {
    min-height: 260px !important;
  }
}

body.onc-classic.page-id-1213 #gspb_row-id-gsbp-94c76c2,
body.onc-classic.page-id-1213 #gspb_col-id-gsbp-6c4d819 #gspb_row-id-gsbp-94c76c2 {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b6c5e4c,
  body.onc-classic.page-id-1213 #gspb_row-id-gsbp-c915455 .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
    text-align: center !important;
  }
}

/* Kontakt: Hero-Zeile c915455 */
body.onc-classic #gspb_row-id-gsbp-c915455 {
  padding-top: 45px !important;
}

@media (max-width: 999.98px) {
  body.onc-classic #gspb_row-id-gsbp-c915455 {
    padding-top: 28px !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic #gspb_row-id-gsbp-c915455 {
    padding-top: 22px !important;
  }
}

#main-container.onc-classic-wrap {
  background: #ffffff !important;
  padding-bottom: 2.5rem;
}

/* ——— Durchgängig weiß / schwarz: Main, Artikel, Greenshift, Forms ——— */

html:has(body.onc-classic) {
  background-color: #ffffff !important;
}

body.onc-classic .site-main,
body.onc-classic main.onc-main-offset,
body.onc-classic #main-container.onc-classic-wrap,
body.onc-classic .ct-container-full,
body.onc-classic article,
body.onc-classic .entry-content,
body.onc-classic .hentry {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
}

body.onc-classic .entry-content h1,
body.onc-classic .entry-content h2,
body.onc-classic .entry-content h3,
body.onc-classic .entry-content h4,
body.onc-classic .entry-content h5,
body.onc-classic .entry-content h6,
body.onc-classic .entry-content p,
body.onc-classic .entry-content li,
body.onc-classic .entry-content blockquote,
body.onc-classic .entry-content td,
body.onc-classic .entry-content th,
body.onc-classic .gspb_heading,
body.onc-classic .gspb_text,
body.onc-classic .gspb_text .gsap-g-line {
  color: #000000 !important;
}

body.onc-classic .entry-content p,
body.onc-classic .entry-content li,
body.onc-classic .gspb_text {
  line-height: 1.65 !important;
}

body.onc-classic .entry-content a:not(.wp-block-greenshift-blocks-buttonbox):not(.gspb-buttonbox):not(.ff-btn):not(.nav-link) {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.onc-classic .gspb_row,
body.onc-classic .gspb_row__content,
body.onc-classic [class*="gspb_row__col"],
body.onc-classic .gspb_col-id-gsbp-6c4d819,
body.onc-classic .gspb_col-id-gsbp-abb83a9 {
  background: transparent !important;
  background-image: none !important;
  color: #000000 !important;
}

body.onc-classic .gspb_container,
body.onc-classic [id^="gspb_container-id-"].gspb_container {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  box-shadow: none !important;
}

body.onc-classic .gspb_container.border-animation,
body.onc-classic [id^="gspb_container-id-"].gspb_container.border-animation {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

/* Rotierender Rand aus Theme-Inline-Styles (.border-animation:after) – wirkt oft wie „komischer“ Overlay-Typ */
body.onc-classic .gspb_container.border-animation::after,
body.onc-classic [id^="gspb_container-id-"].gspb_container.border-animation::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

/* Hero neben Handy: nur noch Telefon-Spalte (rechte Spalte Counter/Karten per HTML entfernt) */
body.onc-classic #gspb_row-id-gsbp-0fd35ad #gspb_col-id-gsbp-232801e.gspb_row__col--6 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container,
body.onc-classic #gspb_container-id-gsbp-96648cf.gspb_container,
body.onc-classic #gspb_container-id-gsbp-1524112.gspb_container,
body.onc-classic #gspb_container-id-gsbp-82bdfe6.gspb_container,
body.onc-classic #gspb_container-id-gsbp-190bf0a.gspb_container,
body.onc-classic #gspb_container-id-gsbp-7cc0f34.gspb_container,
body.onc-classic #gspb_container-id-gsbp-c7a4e92.gspb_container,
body.onc-classic #gspb_container-id-gsbp-b5fee3d.gspb_container,
body.onc-classic #gspb_container-id-gsbp-3fcaa5a.gspb_container,
body.onc-classic #gspb_container-id-gsbp-ed78c19.gspb_container,
body.onc-classic #gspb_container-id-gsbp-fcb13e6.gspb_container {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

/* Handy-Mockup: kein Rahmen / keine Schatten (weder border-animation noch Karten-Style) */
body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container,
body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container.border-animation {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container,
body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay {
  border-radius: 0 !important;
}

/*
 * Handy-Mockup (Desktop): Greenshift-Inline nutzt 43% 40% → viel Luft rechts, Navbar wirkte versetzt.
 * „right center“ war zu extrem: Bild wirkt nach links gezogen und schließt optisch mit der Counter-Kante ab.
 * Kompromiss: weiter nach rechts als 43%, aber nicht am Zellenrand (78% / 40% — guter Mittelweg).
 */
@media (min-width: 1000px) {
  body.onc-classic.home #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_container-id-gsbp-2966556.gspb_container > .gspb_backgroundOverlay {
    background-position: 78% 40% !important;
  }
}

/* Abstand Handy-Mockup → Counter-Zeile: Mockup + Leerzeile + Stats-Zeile (mehrfach gegen Inline-Greenshift) */
body.onc-classic #gspb_container-id-gsbp-2966556.gspb_container {
  margin-bottom: 5px !important;
}

@media (max-width: 999.98px) {
  body.onc-classic #gspb_row-id-gsbp-0fd35ad {
    padding-bottom: 17.5px !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic #gspb_row-id-gsbp-0fd35ad {
    padding-bottom: 12.5px !important;
  }
}

/* Leere Icon-Zeile zwischen Hero und Counter: nur vertikaler „Luft“-Block — auf Home stark entschärfen */
body.onc-classic.home #gspb_row-id-gsbp-4d8f105 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

body.onc-classic.home #gspb_row-id-gsbp-4d8f105 > .gspb_row__content {
  min-height: 0 !important;
}

body.onc-classic #gspb_row-id-gsbp-4d8f105 {
  padding-top: 12.5px !important;
  padding-bottom: 12.5px !important;
}

@media (max-width: 999.98px) {
  body.onc-classic:not(.home) #gspb_row-id-gsbp-4d8f105 {
    margin-bottom: 17.5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic:not(.home) #gspb_row-id-gsbp-4d8f105 {
    margin-bottom: 7.5px !important;
  }
}

/* Counter-Zeile: Rahmen nur um die innere Content-Box (max. Containerbreite), nicht um die volle Zeilenbreite */
body.onc-classic:not(.home) #gspb_row-id-gsbp-a94bee3 {
  margin-top: 5px !important;
}

body.onc-classic #gspb_row-id-gsbp-a94bee3 > .gspb_row__content {
  padding: 1rem 1.25rem 1.25rem !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Über uns: Counter-Kasten — 1 cm schmaler rechts, linke Kante wie Hero/Navbar */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
  padding: 1rem 1.25rem 1.25rem !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  width: calc(100% - 1cm) !important;
  max-width: calc(var(--onc-content-max) - 1cm) !important;
  margin-left: max(0px, calc(50% - var(--onc-content-max) / 2)) !important;
  margin-right: auto !important;
}

@media (max-width: 689.98px) {
  body.onc-classic #gspb_row-id-gsbp-a94bee3 > .gspb_row__content,
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
    padding: 0.85rem 0.75rem 1rem !important;
    border-radius: 8px !important;
  }
}

/* WP-Block-Gap kann zwischen Greenshift-Zeilen zusätzlichen Abstand erzeugen */
body.onc-classic.home .entry-content > #gspb_row-id-gsbp-4d8f105,
body.onc-classic.home .entry-content > #gspb_row-id-gsbp-a94bee3 {
  margin-block-start: 0 !important;
}

body.onc-classic .gspb_iconBox svg path,
body.onc-classic .gspb-buttonbox svg path {
  fill: #000000 !important;
}

/* „Order-Now & BonDroid“: Zeichen-Spans waagrecht; optional Iconbox links (Startseite: BonDroid-Link) */
body.onc-classic .onc-bondroid-heading-with-logo {
  display: grid !important;
  grid-template-columns: minmax(min-content, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
}

body.onc-classic .onc-bondroid-heading-with-logo #gspb_heading-id-gsbp-c3b8fcc {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  white-space: normal !important;
  display: block !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Greenshift/GSAP: oft ein span pro Zeichen mit display:block → erzwingen waagrecht */
body.onc-classic .onc-bondroid-heading-with-logo #gspb_heading-id-gsbp-c3b8fcc span {
  display: inline !important;
}

body.onc-classic .onc-bondroid-heading-with-logo #gspb_heading-id-gsbp-c3b8fcc span.onc-bd-nowrap {
  white-space: nowrap !important;
}

/* Home: logo-bondroid.png (Klick → bondroid.at), kein gelber Kreis */
body.onc-classic.home .onc-bondroid-heading-with-logo,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo {
  grid-template-columns: auto minmax(0, 1fr) !important;
  column-gap: 0.85rem !important;
  align-items: center !important;
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 {
  display: flex !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 .onc-bondroid-heading-logo-wrap,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 .onc-bondroid-heading-logo-wrap {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 a.onc-bondroid-logo-link,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 a.onc-bondroid-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: none transparent !important;
  border: none !important;
  text-decoration: none !important;
  color: inherit !important;
  flex-shrink: 0 !important;
  line-height: 0 !important;
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 a.onc-bondroid-logo-link:focus-visible,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 a.onc-bondroid-logo-link:focus-visible {
  outline: 2px solid #5b9dff !important;
  outline-offset: 3px !important;
  border-radius: 0.2rem !important;
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 112px !important;
  max-width: min(280px, 42vw) !important;
  object-fit: contain !important;
  margin: 0 !important;
}

@media (max-width: 999.98px) {
  body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img,
  body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img {
    max-height: 88px !important;
    max-width: min(220px, 48vw) !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img,
  body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_iconBox-id-gsbp-93f2838 img.onc-bondroid-heading-logo-img {
    max-height: 100px !important;
    max-width: min(260px, 72vw) !important;
  }
}

body.onc-classic.home .onc-bondroid-heading-with-logo #gspb_heading-id-gsbp-c3b8fcc,
body.onc-classic.page-id-1210 .onc-bondroid-heading-with-logo #gspb_heading-id-gsbp-c3b8fcc {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Stats: Zähler gelb mit Kontur; Beschriftungen darunter schwarz */
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gs-counter,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gs-counter span {
  color: #ffeb3b !important;
  -webkit-text-stroke: max(1.5px, 0.065em) #000000 !important;
  paint-order: stroke fill !important;
}

/* >350 und >400: Ziffern schwarz (kein weißer Text, kein schwarzer Kasten) */
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_counter-id-gsbp-b0c7b70 .gs-counter,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_counter-id-gsbp-b0c7b70 .gs-counter span,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_counter-id-gsbp-8bbbdd3 .gs-counter,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_counter-id-gsbp-8bbbdd3 .gs-counter span {
  color: #000000 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
}

body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_text,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_text span,
body.onc-classic #gspb_row-id-gsbp-a94bee3 .gspb_text .gsap-g-line {
  color: #000000 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
}

/* Über uns: Stat-Zeile — gleiche Ziffern-/Beschriftungsfarben wie Home-Stats (>350 / >400) */
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counter,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 [class*="gspb_counter-id"] .gs-counter span {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
}

body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_heading,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_heading .gsap-g-line,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_text,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_text span,
body.onc-classic.page-id-1212 #gspb_row-id-gsbp-59dfc31 .gspb_text .gsap-g-line {
  color: #000000 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
}

/* BonDroid-/Maskottchen-Grafik (grünes Android) unten rechts im CTA-Block — per HTML entfernt, Fallback falls wieder eingespielt */
body.onc-classic #gspb_image-id-gsbp-92e36c0 {
  display: none !important;
}

body.onc-classic #gspb_container-id-gsbp-840ef03.gspb_container {
  background-image: none !important;
}

/*
 * Home, Desktop: Counter + „Funktionen“ + Feature-Karten — gleiche horizontale Lage wie zuvor,
 * um je 1 cm nach links und rechts verbreitert: +2 cm zur Breite, margin-left −1 cm ggü. dem Stand davor.
 */
@media (min-width: 1000px) {
  /*
   * Feature-Zeile steckt in 1eea175 (Inline ~65 %). cqw bezog sich auf diese schmale Spalte → zu schmal.
   * Rechte Spalte (Software-Kasten) ist auf Home ausgeblendet → linke Spalte volle Breite, dann gleiche cqw-Basis wie Counter.
   */
  body.onc-classic.home #gspb_row-id-gsbp-5bb80b0 #gspb_col-id-gsbp-1eea175.gspb_row__col--6,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-5bb80b0 #gspb_col-id-gsbp-1eea175.gspb_row__col--6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-5bb80b0,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-5bb80b0 {
    container-type: inline-size;
  }

  body.onc-classic.home #gspb_row-id-gsbp-5bb80b0 #gspb_heading-id-gsbp-bbdd965,
  body.onc-classic.home #gspb_row-id-gsbp-5bb80b0 #gspb_text-id-gsbp-817e463,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-5bb80b0 #gspb_heading-id-gsbp-bbdd965,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-5bb80b0 #gspb_text-id-gsbp-817e463 {
    width: calc(100cqw - (47cqw - 25px) * 0.22 + 2.75cm) !important;
    max-width: calc(100cqw - (47cqw - 25px) * 0.22 + 2.75cm) !important;
    margin-left: -0.25cm !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-a94bee3,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-a94bee3 {
    container-type: inline-size;
  }

  body.onc-classic.home #gspb_row-id-gsbp-a94bee3 > .gspb_row__content,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-a94bee3 > .gspb_row__content {
    width: calc(100cqw - (47cqw - 25px) * 0.22 + 0.25cm) !important;
    max-width: calc(100cqw - (47cqw - 25px) * 0.22 + 0.25cm) !important;
    margin-left: 1.25cm !important;
    margin-right: auto !important;
  }

  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-59dfc31 {
    container-type: inline-size;
  }

  body.onc-classic:is(.home, .page-id-1210) #gspb_row-id-gsbp-59dfc31 > .gspb_row__content,
  body.onc-classic.page-id-1210 #gspb_row-id-gsbp-59dfc31 > .gspb_row__content {
    width: calc(100cqw - (47cqw - 25px) * 0.22 + 2.75cm) !important;
    max-width: calc(100cqw - (47cqw - 25px) * 0.22 + 2.75cm) !important;
    margin-left: -0.25cm !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* „Aktuelle Highlights“ (#gspb_heading-id-gsbp-bbdd965) — eine Zeile (Inline: max-width:500px) */
body.onc-classic #gspb_heading-id-gsbp-bbdd965 {
  max-width: none !important;
  white-space: nowrap !important;
}

body.onc-classic #gspb_heading-id-gsbp-bbdd965 span {
  display: inline !important;
}

@media (max-width: 689.98px) {
  body.onc-classic #gspb_heading-id-gsbp-bbdd965 {
    font-size: clamp(0.875rem, 3.85vw, 1.5625rem) !important;
  }
}

/* „Wir erweitern die Plattform laufend…“ — eine Zeile (Inline: max-width:650px) */
body.onc-classic #gspb_text-id-gsbp-817e463 {
  max-width: none !important;
  white-space: nowrap !important;
}

body.onc-classic #gspb_text-id-gsbp-817e463 span,
body.onc-classic #gspb_text-id-gsbp-817e463 .gsap-g-line {
  display: inline !important;
}

@media (max-width: 689.98px) {
  body.onc-classic #gspb_text-id-gsbp-817e463 {
    font-size: clamp(0.62rem, 2.35vw, 1.0625rem) !important;
  }
}

body.onc-classic .wp-block-greenshift-blocks-buttonbox.gspb-buttonbox.wp-element-button,
body.onc-classic a.gspb-buttonbox {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: none !important;
}

body.onc-classic .wp-block-greenshift-blocks-buttonbox.gspb-buttonbox.wp-element-button:hover,
body.onc-classic a.gspb-buttonbox:hover {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Hero-CTAs: gleicher Pill-Look, Innenfläche gelb (Home + Unser Produkt „Angebot anfragen“) */
body.onc-classic #gspb_button-id-gsbp-7149dbb > .gspb-buttonbox.wp-element-button,
body.onc-classic #gspb_button-id-gsbp-7149dbb > a.gspb-buttonbox,
body.onc-classic #gspb_button-id-gsbp-9d58194 > .gspb-buttonbox.wp-element-button,
body.onc-classic #gspb_button-id-gsbp-9d58194 > a.gspb-buttonbox,
body.onc-classic #gspb_button-id-gsbp-6025f42 > .gspb-buttonbox.wp-element-button,
body.onc-classic #gspb_button-id-gsbp-6025f42 > a.gspb-buttonbox,
body.onc-classic #gspb_button-id-gsbp-2a7d749 > .gspb-buttonbox.wp-element-button,
body.onc-classic #gspb_button-id-gsbp-2a7d749 > a.gspb-buttonbox {
  padding: 15px 30px !important;
  background: #ffeb3b !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 600 !important;
  min-height: unset !important;
  box-shadow: none !important;
}

body.onc-classic #gspb_button-id-gsbp-7149dbb > .gspb-buttonbox .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-9d58194 > .gspb-buttonbox .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-6025f42 > .gspb-buttonbox .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-2a7d749 > .gspb-buttonbox .gspb-buttonbox-icon svg path {
  fill: #000000 !important;
}

@media (max-width: 999.98px) {
  body.onc-classic #gspb_button-id-gsbp-7149dbb > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-7149dbb > a.gspb-buttonbox,
  body.onc-classic #gspb_button-id-gsbp-9d58194 > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-9d58194 > a.gspb-buttonbox,
  body.onc-classic #gspb_button-id-gsbp-6025f42 > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-6025f42 > a.gspb-buttonbox,
  body.onc-classic #gspb_button-id-gsbp-2a7d749 > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-2a7d749 > a.gspb-buttonbox {
    padding: 13px 23px !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.gspb-bodyfront #gspb_button-id-gsbp-9d58194,
  body.onc-classic #gspb_button-id-gsbp-9d58194 {
    display: flex !important;
    justify-content: center !important;
  }
}

body.onc-classic #gspb_button-id-gsbp-7149dbb > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-9d58194 > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-6025f42 > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path,
body.onc-classic #gspb_button-id-gsbp-2a7d749 > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path {
  fill: #ffffff !important;
}

body.onc-classic .fluentform,
body.onc-classic .frm-fluent-form,
body.onc-classic .ff-el-form-control,
body.onc-classic .ff-el-form-control:focus,
body.onc-classic select.ff-el-form-control,
body.onc-classic textarea.ff-el-form-control {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.35) !important;
}

body.onc-classic .ff-el-input--label label,
body.onc-classic .ff-el-form-check-label span,
body.onc-classic .ff-btn {
  color: #000000 !important;
}

body.onc-classic .ff-el-input--label label {
  font-weight: 600 !important;
}

body.onc-classic .ff-btn-submit {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  font-weight: 700 !important;
}

body.onc-classic.privacy-policy .entry-content h2 {
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
}

/* Rechtliches: Scroll-Anker unter fixer Navbar (siehe Media Queries unten für mobile vs. Desktop). */

body.onc-classic.privacy-policy .onc-nav-meta .nav-link.active {
  background-color: var(--onc-accent-yellow);
  color: #000000 !important;
}

body.onc-classic .gspb_map-wrapper,
body.onc-classic .gspb_osmap {
  background: #ffffff !important;
}

body.onc-classic .gspb_svgBox svg path[stroke] {
  stroke: rgba(0, 0, 0, 0.28) !important;
}

body.onc-classic section.wp-block-greenshift-blocks-row,
body.onc-classic .wp-block-greenshift-blocks-row {
  background: transparent !important;
  background-image: none !important;
  color: #000000 !important;
}

/* Überall Segoe UI-Stack (gegen Blocksy/Fluent/Bootstrap) */
body.onc-classic .site-main,
body.onc-classic .site-main *,
body.onc-classic .entry-content,
body.onc-classic .entry-content *,
body.onc-classic .onc-navbar,
body.onc-classic .onc-navbar *,
body.onc-classic .fluentform,
body.onc-classic .fluentform *,
body.onc-classic .flatpickr-calendar,
body.onc-classic .flatpickr-calendar * {
  font-family: var(--onc-font-family) !important;
}

/*
 * Über uns: Geschichte — volle Contentbreite wie Hero (Counter bleibt −1 cm rechts).
 * Überschreibt ggf. gemeinsame Breiten-Regeln; rechter Rand nicht mit Counter verkleinern.
 */
body.gspb-bodyfront.onc-classic.page-id-1212 .entry-content #gspb_row-id-gsbp-02b6151 > .gspb_row__content {
  width: 100% !important;
  max-width: var(--onc-content-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Blocksy-Header-Regeln aus Refresh ohne Header ignorieren */

/* ─── Mobile / kleine Viewports: Safe Areas, Lesbarkeit, Touch ─────────────── */

@media (max-width: 991.98px) {
  body.onc-classic .onc-navbar {
    padding-left: env(safe-area-inset-left, 0px) !important;
    padding-right: env(safe-area-inset-right, 0px) !important;
    padding-top: max(0.35rem, calc(0.2rem + env(safe-area-inset-top, 0px))) !important;
  }

  body.onc-classic .onc-navbar .onc-nav-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  body.onc-classic .onc-navbar .navbar-toggler {
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.35rem 0.5rem;
    flex-shrink: 0;
    align-self: center;
  }

  /* Langes Menü: scrollbar statt abgeschnittener Links auf kurzen Displays */
  body.onc-classic .onc-navbar .navbar-collapse {
    margin-top: 0.5rem;
    max-height: min(70vh, calc(100dvh - 5.5rem));
    overflow-x: clip;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
}

@media (max-width: 991.98px) {
  .onc-main-offset {
    padding-top: calc(2.75rem + env(safe-area-inset-top, 0px));
  }

  body.onc-classic #main-container.onc-classic-wrap {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
}

/* Kein seitliches „Wackeln“ durch breite Kinder; Inhalt innen padden */
html body.onc-classic {
  overflow-x: clip;
}

body.onc-classic #main-container.onc-classic-wrap,
body.onc-classic .site-main {
  overflow-x: clip;
}

@media (max-width: 999.98px) {
  html body.gspb-bodyfront.onc-classic .entry-content .gspb_row > .gspb_row__content {
    padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  html body.gspb-bodyfront.onc-classic .entry-content > .wp-block-columns,
  html body.gspb-bodyfront.onc-classic .entry-content > .wp-block-group,
  html body.gspb-bodyfront.onc-classic .entry-content > [class*="gspb_heading_sep_gsbp-"] {
    padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 689.98px) {
  html body.gspb-bodyfront.onc-classic .entry-content .gspb_row > .gspb_row__content {
    padding-left: max(1.1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1.1rem, env(safe-area-inset-right, 0px)) !important;
  }
}

/* Über-uns Hero Zeile 1: nowrap am Desktop — auf schmalen Handys umbrechen */
@media (max-width: 639.98px) {
  body.onc-classic.page-id-1212 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2 .onc-about-hero-h2__line:first-of-type,
  body.onc-classic.page-id-1212
    #gspb_row-id-gsbp-9d097bc
    #gspb_heading-id-gsbp-f13b791.onc-about-hero-h2
    .onc-about-hero-h2__line:first-of-type
    .gsap-g-line {
    white-space: normal !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .gsap-g-line {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: manual !important;
    -webkit-hyphens: manual !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}

/* CTA zweispaltig ab ~421px oft zu gedrängt → früher stapeln */
@media (max-width: 519.98px) {
  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container {
    flex-direction: column !important;
  }

  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  body.onc-classic #gspb_button-id-gsbp-7149dbb > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-7149dbb > a.gspb-buttonbox,
  body.onc-classic #gspb_button-id-gsbp-9d58194 > .gspb-buttonbox.wp-element-button,
  body.onc-classic #gspb_button-id-gsbp-9d58194 > a.gspb-buttonbox {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
    min-height: 44px !important;
  }
}

/* Kontakt: iOS-Zoom bei Fokus vermeiden (min. 16px in Eingabefeldern) */
@media (max-width: 689.98px) {
  body.onc-classic textarea.ff-el-form-control,
  body.onc-classic select.ff-el-form-control,
  body.onc-classic input.ff-el-form-control:not([type="checkbox"]):not([type="radio"]) {
    font-size: 16px !important;
  }

  body.onc-classic .ff-btn-submit {
    min-height: 48px;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

body.onc-classic .onc-navbar a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
}

@media (max-width: 991.98px) {
  body.onc-classic.privacy-policy .entry-content h2#impressum,
  body.onc-classic.privacy-policy .entry-content h2#datenschutzerklaerung {
    scroll-margin-top: calc(2.75rem + env(safe-area-inset-top, 0px) + 0.75rem);
  }
}

@media (min-width: 992px) {
  body.onc-classic.privacy-policy .entry-content h2#impressum,
  body.onc-classic.privacy-policy .entry-content h2#datenschutzerklaerung {
    scroll-margin-top: calc(clamp(5rem, 6vw + 2.5rem, 7rem) + 0.75rem);
  }
}

/* ─── Mobile-Fixes (Live): volle Breite, kein Überlappen, lesbare CTAs ─────── */

@media (max-width: 991.98px) {
  html body.onc-classic {
    scrollbar-gutter: auto !important;
  }

  /* Hero-CTAs: nicht Logo-16∶9 (~85px auf Handy) — volle Spaltenbreite */
  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    flex-direction: column !important;
  }

  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container > .gspb_button_wrapper {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  body.onc-classic.home #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1210 #gspb_container-id-gsbp-d90b018.gspb_container,
  body.onc-classic.page-id-1212 #gspb_container-id-gsbp-d90b018.gspb_container {
    justify-content: stretch !important;
  }
}

@media (max-width: 999.98px) {
  /* Greenshift calc(100% - 75px) lässt auf Stack eine schmale Spalte / Leerraum */
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc > .gspb_row__content {
    row-gap: 1.5rem !important;
  }

  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc [id^="gspb_col-id-"].gspb_row__col--6,
  html body.gspb-bodyfront.onc-classic #gspb_row-id-gsbp-9d097bc [id^="gspb_col-id-"].gspb_row__col--12 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  html body.gspb-bodyfront.onc-classic .gspb_row #gspb_col-id-gsbp-6c4d819.gspb_row__col--6 {
    padding-bottom: 0 !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791.onc-home-hero-h2 .onc-home-hero-h2__line,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c,
  body.onc-classic.home #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line {
    text-align: left !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-0fd35ad [id^="gspb_col-id-"].gspb_row__col--6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.onc-classic.home #gspb_row-id-gsbp-0fd35ad #gspb_container-id-gsbp-2966556.gspb_container {
    min-height: 280px !important;
  }

  /* Unser Produkt: Desktop-Überlappung / Versatz auf Mobile abschalten */
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 {
    margin-top: 0 !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    z-index: auto !important;
  }

  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_col-id-gsbp-abb83a9 {
    z-index: auto !important;
  }

  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .wp-block-columns,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ #gspb_row-id-gsbp-c06cc2a,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-85154ac,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-50e77a8,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-482592d,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-43b879b,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 ~ .gspb_heading_sep_gsbp-9d4ff29 {
    z-index: auto !important;
  }

  body.onc-classic.page-id-1261 #gspb_container-id-gsbp-99b27b3.gspb_container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.35rem 1.15rem !important;
    box-sizing: border-box !important;
  }

  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc #gspb_heading-id-gsbp-f13b791 .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c,
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-9d097bc .gspb_text-id-gsbp-b6c5e4c .gsap-g-line,
  body.onc-classic.page-id-1261 #gspb_container-id-gsbp-99b27b3 .gspb_heading,
  body.onc-classic.page-id-1261 #gspb_container-id-gsbp-99b27b3 .gspb_text,
  body.onc-classic.page-id-1261 #gspb_button-id-gsbp-6025f42 {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  body.onc-classic.page-id-1261 #gspb_button-id-gsbp-6025f42 > .gspb-buttonbox,
  body.onc-classic.page-id-1261 #gspb_button-id-gsbp-6025f42 > a.gspb-buttonbox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 [id^="gspb_col-id-"].gspb_row__col--2 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
  }

  body.onc-classic.page-id-1261 #gspb_image-id-gsbp-2d5216d,
  body.onc-classic.page-id-1261 #gspb_image-id-gsbp-2d5216d img {
    max-width: 100% !important;
    height: auto !important;
  }

  body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-50e77a8,
  body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-482592d,
  body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-85154ac,
  body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-43b879b,
  body.onc-classic.page-id-1261 .entry-content .gspb_heading_sep_gsbp-9d4ff29 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 689.98px) {
  body.onc-classic.page-id-1261 #gspb_row-id-gsbp-4d8f105 [id^="gspb_col-id-"].gspb_row__col--2 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.onc-classic #gspb_row-id-gsbp-a94bee3 [id^="gspb_col-id-"].gspb_row__col--3 {
    width: 100% !important;
    max-width: 100% !important;
  }
}