/* =============================================================
   theme-a4.css — A4-quer-Druck-Variante (additiv, NICHT Default).
   =============================================================

   Wird ausschliesslich geladen, wenn deck-stage.js den URL-Parameter
   ?mode=a4 erkennt. Alle Selektoren sind mit `.mode-a4` praefixiert,
   damit kein Bleed-Through in den 16:9-Default moeglich ist.

   Aspect: 297 x 210 mm = 1.4143:1
   PDF-Render: 3508 x 2480 px (A4 quer @ 300 dpi, druckqualitaet)

   Strategie: Die einzige strukturelle Aenderung gegenueber 16:9 ist
   die Slide-Hoehe (1080 -> 1358). Breite bleibt bei 1920. Da das
   bestehende Theme bereits ein elegantes Anker-System hat
   (Footer absolut bei bottom: 44px, SigLine ueber H2-min-heights
   stabilisiert), passen sich alle Standard-Slides automatisch an
   die neue Hoehe an. Top-Bar (.eyebrow), Header-Unterkante
   (SigLine), Footer (.chrome) sitzen weiterhin auf konsistenten
   Y-Positionen ueber alle Standard-Slides hinweg.

   Anker-Werte (Top, Header-Unterkante, SigLine, Footer) werden
   durch das vorhandene .slide-head-Layout und .chrome-Positioning
   getragen. Sie wandern beim A4-Switch NICHT - was ueber 16:9
   konsistent war, bleibt ueber A4 konsistent.

   Eingefroren: 2026-05-06. Wer die Hoehe aendert, denkt vorher
   ueber den A4-Aspect nach (1.4143). Andere Aspect-Werte brechen
   den randlosen Druck.
*/

/* -------------------------------------------------------------
   Slide-Container im A4-Modus: Hoehe von 1080 auf 1358 anheben.
   Breite bleibt 1920, damit die Inhalte 1:1 die gleiche horizontale
   Komposition haben wie in der 16:9-Variante.

   1920 / 1.4143 = 1357.85 -> 1358
   ------------------------------------------------------------- */
.mode-a4 .slide {
  height: 1358px !important;
}

/* -------------------------------------------------------------
   Divider-Slides:
   Nutzen .slide ohne .slide-head und .frame mit
   justify-content: center. Der zusaetzliche vertikale Platz
   (1358 - 1080 = 278 px) verteilt sich automatisch gleichmaessig
   oben und unten - kein Override noetig. Innerhalb des Divider-Typs
   bleibt die Zentrierung konsistent, weil alle Divider dasselbe
   Flex-Layout nutzen.
   ------------------------------------------------------------- */

/* -------------------------------------------------------------
   Standard-Slides:
   Nutzen die A4-Slide-Hoehe via flex: 1 in .frame und bottom: 44px
   in .chrome (beides aus theme.css). Footer-Position ist damit
   stabil. Header-Position braucht zusaetzliche Sicherung in A4
   - siehe naechster Block.
   ------------------------------------------------------------- */

/* -------------------------------------------------------------
   Content-Vertikal-Zentrierung im A4-Modus:

   A4 quer hat 278 px mehr vertikalen Platz als 16:9 (1358 vs 1080).
   Der Header sitzt oben fix, der Footer unten fix - dazwischen
   entsteht bei content-leichten Slides (z.B. Body-Text + Card)
   ein grosser Whitespace zwischen Content-Ende und Footer.

   Auto-Margin auf dem ersten Geschwister nach .slide-head verteilt
   den freien Raum symmetrisch oben und unten -> Content sitzt
   vertikal zentriert. Bei content-vollen Slides (Charts mit flex:1)
   ist kein freier Raum vorhanden, kein Effekt.

   !important ist noetig, weil viele Slides marginTop als
   Inline-Style auf dem Content-Container haben (z.B. 8 px,
   24 px, 16 px). Inline-Styles haben hoehere Spezifitaet als
   externe Selektoren - aber !important in externem Stylesheet
   schlaegt Inline-Styles ohne !important (CSS-Cascade-Spec).

   Greift nur im A4-Modus, das 16:9-Standard-Layout bleibt unberuehrt.
   ------------------------------------------------------------- */
.mode-a4 .frame > .slide-head + * {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* -------------------------------------------------------------
   Header-Anker fuer alle Standard-Content-Slides:

   Konsistente Y-Position von Eyebrow, Headline-Unterkante und
   SigLine wird inzwischen direkt in theme.css ueber Descendant-
   Selektoren (.slide-head .eyebrow, .slide-head h1/h2) gewaehrleistet.
   Damit gilt der Anker im 16:9- UND A4-Modus identisch - kein
   zusaetzlicher A4-Override mehr noetig.

   Voraussetzung: Slide-Templates verwenden keine inline-marginTop-
   Styles auf h1/h2 in slide-head (eingehalten seit 2026-05-06).

   Spezial-Layouts ohne .slide-head (Cover, Divider, Pull-Quote,
   Porträt, Video) sind von der Regel automatisch ausgenommen,
   weil der Selektor sie nicht trifft.
   ------------------------------------------------------------- */
