/* Bühne 960×550 mittig wie im Original (Tabelle 100 % × 100 %).
   Große Fenster: mitwachsen, bis die Höhe ausgefüllt ist, höchstens --max-faktor (Redaktion → Einstellungen, Vorgabe 1,5).
   Kleiner als 960 nur, wenn das Fenster schmaler ist (Handy): dann auf die Breite eingepasst wie bisher. */
html, body { margin: 0; height: 100%; background: #fff; }
main { display: grid; place-items: center; min-height: 100%; }
#stage { pointer-events: none; display: block; width: min(100vw, max(960px, min(100vh * 960 / 550, calc(960px * var(--max-faktor, 1.5))))); height: auto; aspect-ratio: 960 / 550; overflow: hidden; user-select: none; }
#stage foreignObject div { -webkit-font-smoothing: antialiased; }
#stage input, #stage textarea { font: inherit; color: inherit; }
/* Inhalt als Text (index.php) für Suchmaschinen und Bildschirmleser: unsichtbar, ohne JavaScript sichtbar */
.lesetext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Alle Schriften des Originals → PT Sans / PT Sans Narrow (OFL, fonts/*-OFL.txt), je Quelle mit eigener Größe (player.js GLATT):
   SP Home 8 px → x-Höhe wie die Pixelschrift (146 %); Verdana 10 px ("sound") → so groß wie das Menü;
   _sans/Arial (Bausteine) 1:1; Arial Narrow 30 px (Überschriften) → gleiche Breite */
@font-face { font-family: "Jotzo Glatt"; src: url(../fonts/pt-sans-regular.woff2) format("woff2"); size-adjust: 146%; font-display: block; }
@font-face { font-family: "Jotzo Glatt Bold"; src: url(../fonts/pt-sans-bold.woff2) format("woff2"); size-adjust: 163%; font-display: block; }
@font-face { font-family: "Jotzo Glatt Verdana"; src: url(../fonts/pt-sans-regular.woff2) format("woff2"); size-adjust: 117%; font-display: block; }
@font-face { font-family: "Jotzo Normal"; src: url(../fonts/pt-sans-regular.woff2) format("woff2"); font-display: block; }
@font-face { font-family: "Jotzo Normal"; src: url(../fonts/pt-sans-bold.woff2) format("woff2"); font-weight: 700; font-display: block; }
@font-face { font-family: "Jotzo Titel"; src: url(../fonts/pt-sans-narrow-regular.woff2) format("woff2"); size-adjust: 104.5%; font-display: block; }
/* Fließtexte aus der Redaktion: Fett wie im Original in der fetten Schrift, Links anklickbar */
#stage .fliesstext b { font-family: "Jotzo Glatt Bold", sans-serif; font-weight: normal; }
#stage .fliesstext a { color: inherit; pointer-events: auto; }