/* CD-1 — Countdown-Overlay im Seitenkopf (Milestone CD-1, 2026-09-11). Eingebunden nur fuer die Kategorien mit{CD|...}-Platzhalter ueber $addCssFiles in include/sws.php (derzeit idcat 35). NICHT in main.css/responsive.css ergaenzen:beide tragen einen AUTO-GENERATED-Kopf und werden regeneriert. */ .kopfCountdown{/* Bezugsrahmen des Overlays ist das Bild selbst, nicht der Bildcontainer:Letzterer ist so breit wie der Viewport und schneidet das Bild seitlich ab (overflow:hidden). */ position:relative;flex:0 0 auto;/* Bildbreite je Breakpoint. Das Kopfbild wird ueber die Bildklasse c1o ausgeliefert;laut srcset der Live-Seite (geprueft 11.09.2026) sind das 1920/1610/1260/760/480 px. Bis hinunter zu 480px Viewport stimmt dieser Wert mit --width-max ueberein (responsive.css:1920/1610/1260/760), darunter nicht mehr (Bild 480px, --width-max 760px) — dieser eine Sonderfall wird in der Media Query am Dateiende gesetzt. */ --kopfCountdown-bildbreite:var(--width-max);/* Schriftgrad proportional zur Bildbreite, damit der Text auf jedem Breakpoint an derselben Stelle des Motivs endet. 0.0417 = 80px / 1920px — 80px ist --font-size-contentheader des groessten Breakpoints und entspricht der HGK-Vorlage (Versalhoehe dort ~50px bei 1920px Bildbreite). Obergrenze aus dem Motiv:Der Roboterkopf beginnt bei 69,0 % der Bildbreite (gemessen an der Bilddatei, 11.09.2026). Zeile 1 ist in der dreistelligen Phase 21 Zeichen lang;gemessene mittlere Zeichenbreite k = 0,475 em (Roboto 700, wdth 75, Versalien):0,26 + 21 * 0,475 * 0,0417 = 0,676 -> Text endet bei 67,6 % < 69,0 %. Passt. */ --kopfCountdown-schriftfaktor:0.0417}.kopfCountdown > p{position:absolute;left:26%;/* HGK-Vorlage, ausgemessen 11.09.2026:linke Textkante x ~ 500px von 1920px */ top:20%;/* HGK-Vorlage, ausgemessen 11.09.2026:Versal-Oberkante y ~ 140px von 650px = 21,5 %, abzueglich des Zeilenbox-Ueberstands ueber der Versalhoehe (~1,5 %) */ margin:0;/* norm.css gibt <p> vertikale Margins, die hier top verschieben wuerden */ color:var(--color-white);font-size:calc(var(--kopfCountdown-bildbreite) * var(--kopfCountdown-schriftfaktor));line-height:1.15;/* HGK-Vorlage:Zeilenabstand 92px bei 80px Schriftgrad */ font-weight:700;font-variation-settings:var(--font-condensed);/* "wdth" 75 wie die uebrigen Kopf-Ueberschriften */ text-transform:uppercase;white-space:nowrap;/* Zeilenumbruch ausschliesslich ueber das <br> nach "bis zur" */ /* Lesbarkeit auf dem hellen Verlauf. Herleitung:Weiss erreicht auf der Textflaeche der HGK-Grafik nur 2,1:1 (hellster Punkt rgb(124,189,195)) bis 2,7:1 im Mittel;WCAG 2.1 SC 1.4.3 verlangt fuer grossen Text mindestens 3:1. Rechnerisch genuegen 25 % Deckkraft in --color-darkblue (#00224e), um selbst den hellsten Punkt auf 3,28:1 zu bringen. Drei Lagen mit dichtem Kern und weichem Auslauf halten das im Umfeld der Glyphen ein, ohne als Schlagschatten sichtbar zu werden (gemessen am Rendering 11.09.2026:Median im Glyphenumfeld 2,2:1 ohne, 4,6:1 mit Halo). */ text-shadow:0 0 0.08em rgba(0,34,78,.9), 0 0 0.2em rgba(0,34,78,.8), 0 0 0.45em rgba(0,34,78,.6)}@media screen and (max-width:1019px){.kopfCountdown > p{/* Mobil buendig mit der linken Kante der blauen Box statt bei 26 %:Bild und Box sind beide zentriert, die Boxkante liegt bei (Bildbreite - --width-content) / 2 — 202px (26,6 %) bei 760px Bildbreite, 62px (12,9 %) bei 480px. */ left:calc((100% - var(--width-content)) / 2)}}@media screen and (max-width:479px){/* Hier liefert die Bildklasse c1o die 480px-Variante, waehrend --width-max noch 760px ist. */ .kopfCountdown{--kopfCountdown-bildbreite:480px}}