Stadionzeitung, Veranstaltungen, News-Artikel, Lightbox und Anzeigen-Verteilung

Stadionzeitung: Live-Seiten (Tabellen, Ergebnisse, Vorschau, Termine, News,
Kontakt, Historie, Sportheim, Partner, Momente, Impressum), automatisches Cover,
Swipe-Viewer mit Vollbildmodus und die Druckfassung als Falt-Heft. Anzeigen
kommen jetzt aus dem Bestand und werden gleichmäßig verteilt, nie mehr als zwei
hintereinander (vorher vier Blöcke à fünf). Die Doppelseiten-Regel rechnet das
Skript selbst, statt sie von Hand zu prüfen.

Veranstaltungen: Bereich /veranstaltungen mit Detailseite pro Fest, Lebenszyklus
über das Datum (Ankündigung vor dem Fest, Rückblick danach), Galerie mit
Lightbox. veranstaltungen.json ist dritte Termin-Quelle, damit ein Fest nie
doppelt gepflegt wird.

News-Artikel als dritte dynamische Prefix-Route, gemeinsamer detail-head.

Behobene Fehler:
- Wappen-Kontexte setzten Zeilen-Layout auf .crest statt auf die Zeile; das
  Wappen wurde zum Grid, Vereinsname und Tore rutschten darunter zusammen
  (Ergebnis-Rückblick, Vorschau, Cover).
- --header-h (60px) unterschätzt die Kopfleiste um 32px (Logo 72px + 20px
  Versatz): neues abgeleitetes --header-space, sonst klebten Zurück-Links
  unter dem Logo.
- base_url in der Produktions-Config ohne www, während .htaccess auf www
  umleitet; preflight prüft das jetzt.
- .lightbox brauchte display:none mit (0,2,0), sonst lag das Overlay offen.

Neue Werkzeuge: bin/anzeige-add.php (Anzeigen-Bestand), bin/veranstaltung-bilder.php
(Plakate und Galerien, Alt-Texte folgen der Quelldatei), bin/qr.php (Druck-QR mit
Warnung, wenn base_url nicht auf die echte Domain zeigt).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7

public/assets/css/layout.css

@@ -22,7 +22,7 @@
 /* --- Header --- */
 .site-header {
     position: absolute;
-    inset: 20px 0 auto 0;
+    inset: var(--header-top) 0 auto 0;
     z-index: 10;
 }
 
@@ -76,6 +76,13 @@
     margin-left: auto;
 }
 
+/* CTAs im Menü-Overlay: nur im Burger-Modus sichtbar (dort ersetzen sie die
+   Header-Buttons — Best Practice: mobil kein Dauer-Button neben dem Burger,
+   die Handlungsaufrufe stehen prominent am Ende des Menüs). */
+.site-nav__ctas {
+    display: none;
+}
+
 .site-nav__toggle {
     display: none;
 }
@@ -262,12 +269,22 @@
         justify-content: space-between;
     }
 
+    /* Header-CTAs weichen in den Burger (site-nav__ctas) — kein Dauer-Button
+       neben dem Burger, der Header bleibt ruhig: Logo links, Burger rechts. */
     .site-header__actions {
-        order: 2;
-        margin-left: auto;
-        /* CTAs bleiben über dem Menü-Overlay sichtbar */
-        position: relative;
-        z-index: 30;
+        display: none;
+    }
+
+    .site-nav__ctas {
+        display: flex;
+        flex-direction: column;
+        gap: var(--space-s);
+        margin-top: var(--space-2xl);
+    }
+
+    .site-nav__ctas .btn {
+        justify-content: center;
+        font-size: var(--btn-font-lg);
     }
 
     /* Logo/Brand ebenfalls über dem Overlay halten — Orientierung bei offenem Menü. */
@@ -337,6 +354,10 @@
         inset: 0;
         z-index: 20;
         flex-direction: column;
+        /* Desktop-Leiste wrappt (horizontale Nav) — im Overlay MUSS das aus,
+           sonst bricht die Spalte bei Überlänge (offenes Untermenü + CTAs)
+           in eine zweite Spalte um, statt zu scrollen. */
+        flex-wrap: nowrap;
         justify-content: flex-start;
         align-items: stretch;
         gap: 0;
@@ -492,15 +513,6 @@
     .site-header__name {
         display: none;
     }
-
-    /* CTA(s) kompakter neben dem Burger. */
-    .site-header__actions a:not(:last-child) {
-        display: none;
-    }
-
-    .site-header__actions .btn {
-        font-size: var(--btn-font-sm);
-    }
 }
 
 /* --- Back-to-top --- */