/* Eigenes Blatt fuer /fuer-betriebe/ (eingebunden ueber BETRIEBE_SEITE_KOPF
 * in website/build/betriebe-seite.ts, mit Versionsstempel im Query, weil
 * Caddy dieses Blatt eine Stunde lang cachen laesst).
 *
 * Warum nicht in style.css: dort steht die Buehne der Kundenseiten, und
 * die Seite fuer Betriebe traegt seit 23.09.2026 ebenfalls body.buehne-seite.
 * Alles, was die Betriebsseite mit den Kundenseiten teilt (Kopf, Girlande,
 * Kapitel-Stempel, Szenen, .fb-held, .fb-drei, .fb-abzeichen-paar,
 * .fb-schluss, .lp-anim, .lp-karte ...), steht deshalb in style.css. Hier
 * steht nur, was es SONST NIRGENDS gibt.
 *
 * Verlauf 27.09.2026: morgens stand hier die Diashow ("boardschau") samt
 * einem toten Block alter .fb-*-Regeln in einem nie geschlossenen
 * @media (prefers-reduced-motion); mittags die Bildstrecke aus sechs
 * Screenshots; seit dem Abend die Buehne der Stadtseiten als Abschnitt
 * in der Seitenmitte (Daniel: die gebauten Elemente der Landingpage sollen
 * die Bilder ersetzen). Uebrig bleiben die paar Regeln unten.
 */

/* ===== Die Buehne als Abschnitt in der Seitenmitte ====================== */

/* Der Szenenblock ist am Kopf der Stadtseiten gebaut (style.css, Abschnitt
   1 und die Choreografie): dort zieht ein negativer Rand ihn unter die
   Girlande, und die erste Szene traegt oben ein Polster fuer Girlande und
   Kopfzeile, in der die Wortmarke steht. Mitten auf der Betriebsseite gibt
   es beides nicht: ueber dem Block steht der Abschnitt "Warum", die
   Wortmarke ist laengst weggescrollt. Also kein negativer Rand und statt
   des Kopfzeilen-Polsters nur der Rand, den die anderen Szenen auch haben.
   Die Specificity (zwei Klassen) schlaegt die :where()-Regeln der Buehne,
   auch die in der Medienabfrage der Choreografie. */
.buehne-abschnitt {
  margin-top: 0;
}

.buehne-abschnitt .szene-stapel {
  padding-top: clamp(8px, 2vh, 24px);
}

/* Die Ueberschrift der ersten Szene ist auf den Stadtseiten die h1 und
   entsprechend gross (bis 5,8rem). Hier ist sie eine h2 mitten auf der
   Seite und darf die Ueberschrift der Seite nicht ueberragen: dieselbe
   Groesse wie .fb-titel im Kopf. Mehr Platz fuer die Figur auf kleinen
   Bildschirmen gibt es damit obendrein. */
.buehne-abschnitt .titel-gross {
  font-size: clamp(2.3rem, 6vw, 4.2rem);
}