/* ═══════════════════════════════════════════════════════════════════════════
   ci-2030-zg-kmu.css — Zielgruppen-Schicht KMU
   VERSION 20260926a   <- bei jeder Aenderung hochzaehlen; der ?v= in den beiden
                          Templates muss denselben Wert tragen

   Scope: .zg-kmu (CI-Konventionen §1b). Geladen von den zwei Seiten der
   Zielgruppe, je mit eigenem <link>:
     /loesungen/kmu              pagemanager/td-zg-kmu.tpl        (.zg-kmu-landing)
     /loesungen/kmu/thur-vdc     pagemanager/td-zg-kmu-thur-vdc.tpl (.zg-kmu-vdc)

   Inhalt: der Section-Rhythmus und die Inhaltsbreite der Familie, je als Token
   plus Regel fuer die Base-Bausteine .sec und .td-container. Die Landing baut
   ihre Kapitel mit eigenen Klassen (.kmu-*) und nutzt das Token dort direkt; die
   VDC-Seite laeuft seit Runde 2 auf .sec/.td-container und bekommt Rhythmus und
   Breite ueber die Regeln unten (Entscheid ANEB 26.09.2026: die Seite gehoert zur
   KMU-Familie, homepage#84). Einen Reset gibt es in der Familie nicht mehr.

   Namensraum --zg-kmu-* fuer alles, was hier einmal steht. --td-* ist die globale
   CI und wird nie lokal ueberschrieben, um eine Zielgruppen-Variante zu erzeugen
   (Entscheid ANEB 25.09.2026, wie bei --zg-entwickler-*).

   Nicht hierher: Regeln oder Werte einer einzelnen Seite. Die gehoeren ins
   Seiten-CSS, auch wenn sie gerade nur auf einer Seite der Familie vorkommen.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Section-Rhythmus der KMU-Familie ─────────────────────────────────────
   Die Foundation kennt 56/84/104 px (mobil 40/56/72). Die KMU-Familie geht
   darueber: die Landing erzaehlt in vier Kapiteln (Problem -> Loesung -> Stufen
   -> Vertrauen), und die groessere Pause dazwischen ist die Erzaehlpause, die
   die Dramaturgie traegt. Sie ist damit keine Zufallsgroesse, sondern die Luft,
   die das Gestaltungsprinzip fuer KMU verlangt: «viel Luft, klare Hierarchie,
   wenig visuelles Rauschen».

   In der Landing standen vorher 120/120/124/128 nebeneinander (mobil
   84/84/88/96/88) - historische Werte, die dasselbe meinten. Seit dem 13.08.
   ist es EIN Wert, seit dem 25.09. steht er hier statt lokal.

   Wer den Rhythmus aendert, aendert dieses Token - nicht die einzelne Section.
   Mehr Luft in einer EINZELNEN Sektion kommt ueber die Base-Modifikatoren
   (`.sec--spacious`), nicht ueber ein lokales Ueberschreiben. */
.zg-kmu { --zg-kmu-sec: 120px; }
@media (max-width:1023px) { .zg-kmu { --zg-kmu-sec: 96px; } }
@media (max-width:767px)  { .zg-kmu { --zg-kmu-sec: 84px; } }

/* Regel dazu fuer Seiten auf den Base-Bausteinen (.sec): die Familie ersetzt den
   Standard-Rhythmus der Base. Die Modifikatoren .sec--compact/.sec--spacious
   bleiben ausgenommen und wirken weiter wie in der Base. */
.zg-kmu .sec:where(:not(.sec--compact, .sec--spacious)) { padding-block: var(--zg-kmu-sec); }

/* ── Inhaltsbreite der KMU-Familie ────────────────────────────────────────
   1120 px Text- und Bildbreite, wie die Kapitel der Landing (.kmu-*__inner).
   .td-container rechnet den Base-Rand (--td-page-gutter) dazu, damit die
   Inhaltsbreite genau 1120 px bleibt. */
.zg-kmu { --zg-kmu-breite: 1120px; }
.zg-kmu .td-container { max-width: calc(var(--zg-kmu-breite) + 2 * var(--td-page-gutter)); }