/* bs-design · content-width.css · gemeinsamer Content-Breite-Token (10.10.2026, Cockpit 7 §5 E10)
 *
 * Befund (gemessen 10.10.2026 bei 834 / 1024 px): Das Hello-Theme kappt .site-main stufenweise
 * auf 500 / 600 / 800 / 1140 px (Breakpoints 576 / 768 / 992 / 1200). Auf dem Tablet stehen
 * Startseite, Magazin, Anfahrt, Rechtstexte und Trainerseiten deshalb in 600 bzw. 800 px mit
 * 130 bis 330 px Rand je Seite, waehrend Kurs-LP, Events und Kursplan (eigene Templates ohne
 * .site-main-Kappe) breit laufen. GF 11.07.: "Abstaende rechts und links aufm Tablet viel zu weit".
 *
 * Loesung: EIN Token fuer alle Direct-Build-Seiten im Theme-Container. Ab 576 px laeuft
 * .site-main bis --bs-content-max (= bisherige Hello-Desktopbreite 1140 px), haelt aber
 * --bs-content-gutter Abstand zum Fensterrand. Ab 1200 px aendert sich nichts (min() = 1140).
 * Die Lesebreite bleibt Sache der inneren Bausteine (.bs-container 680/760/1180 px usw.).
 * Unter 576 px bleibt das Theme (10 px Innenabstand) unveraendert.
 *
 * Ausnahme: Seiten mit FluentCart-Ausgabe in .site-main (Kasse, Warenkorb, Konto, Bestellbestaetigung)
 * behalten die Theme-Breite, damit der Bezahlweg nicht ungeprueft umbricht (gemessen 10.10.: genau
 * diese vier Seiten treffen den :has()-Ausschluss, Startseite/Magazin/Anfahrt/Rechtstexte/Team/Hub nicht).
 * Kennt ein Browser :has() nicht, verwirft er die ganze Regel: dann gilt die alte Theme-Breite (sicherer Rueckfall).
 *
 * Spezifitaet: Hello nutzt  body:not([class*=elementor-page-]) .site-main  (0,2,1);
 * das vorangestellte html hebt sie darueber, damit die Regel unabhaengig von der Ladereihenfolge gewinnt.
 */
:root {
  --bs-content-max: 1140px;
  --bs-content-gutter: clamp(16px, 3vw, 32px);
}
@media (min-width: 576px) {
  html body:not([class*=elementor-page-]) .site-main:not(:has([class*="fluent-cart"], [class*="fct_"], [class*="fct-"])) {
    max-width: min(var(--bs-content-max), calc(100% - 2 * var(--bs-content-gutter)));
  }
}