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

app/components/detail-head.php

@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Schmaler Kopf einer Detailseite (statt hero): Rückweg, h1, optionaler
+ * Entwurf-Badge, Meta-Zeile. Props:
+ *   $back      array{href, label} — Rückweg auf die Übersicht (Pflicht)
+ *   $title     string — die h1 der Seite (Pflicht)
+ *   $badge     string (optional) — Auszeichnung neben dem Titel, z. B. 'Entwurf'
+ *   $date_iso  string (optional) — für <time datetime>
+ *   $date_text string (optional) — sichtbares Datum (german_date()/german_date_range())
+ *   $location  string (optional) — Ort, erscheint mit Nadel-Icon hinter dem Datum
+ *
+ * Gemeinsam genutzt von der Veranstaltungs- und der News-Artikel-Seite. Beide
+ * haben bewusst KEINEN hero: ein Archiv-Eintrag hat kein eigenes Titelbild, und
+ * beim News-Artikel trägt der Aufmacher im Artikelkörper das Bild (Blog-Optik)
+ * statt eines cover-beschnittenen Hintergrunds.
+ *
+ * Der Kopf der Stadionzeitungs-Ausgabe (.stadionzeitung-issue-head) bleibt
+ * bewusst eine eigene Fassung und wird hier NICHT mitbedient: er ist
+ * Viewer-Chrome, kein Artikelkopf — Drei-Zonen-Grid, Titel als <p> (die
+ * Seitenbilder tragen die Ausgabe), Druck-Knopf, zwei Badge-Varianten und zwei
+ * eigene @media-print-Regeln. Ihn in dieselbe Komponente zu zwingen, hieße eine
+ * Prop-Matrix für zwei Layouts zu bauen.
+ */
+$back = $back ?? [];
+$title = (string) ($title ?? '');
+$badge = (string) ($badge ?? '');
+$dateIso = (string) ($date_iso ?? '');
+$dateText = (string) ($date_text ?? '');
+$location = (string) ($location ?? '');
+$hasMeta = $dateText !== '' || $location !== '';
+?>
+        <header class="detail-head">
+            <div class="container detail-head__inner">
+<?php if (!empty($back['href'])): ?>
+                <a class="detail-head__back" href="<?= e($back['href']) ?>">
+                    <?= icon('chevron-left') ?> <?= e($back['label'] ?? 'Zurück') ?>
+                </a>
+<?php endif; ?>
+                <h1 class="detail-head__title">
+                    <?= e($title) ?>
+<?php if ($badge !== ''): ?>
+                    <span class="detail-head__badge"><?= e($badge) ?></span>
+<?php endif; ?>
+                </h1>
+<?php if ($hasMeta): ?>
+                <p class="detail-head__meta">
+<?php if ($dateText !== ''): ?>
+                    <time<?= $dateIso !== '' ? ' datetime="' . e($dateIso) . '"' : '' ?>><?= e($dateText) ?></time>
+<?php endif; ?>
+<?php if ($location !== ''): ?>
+<?php if ($dateText !== ''): ?>
+                    <span class="detail-head__sep" aria-hidden="true">·</span>
+<?php endif; ?>
+<?php /* Icon und Ort in EINEM span, sonst bricht die Zeile am Handy zwischen
+         Nadel und Ortsname um. */ ?>
+                    <span class="detail-head__ort"><?= icon('geo-alt') ?> <?= e($location) ?></span>
+<?php endif; ?>
+                </p>
+<?php endif; ?>
+            </div>
+        </header>