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/veranstaltung-galerie.php

@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Bildergalerie einer Veranstaltung: Raster aus Vorschaubildern, Klick öffnet
+ * das Bild groß. Props:
+ *   $bilder array [{base, widths, alt, source?}, …] (script-verwaltet,
+ *           bin/veranstaltung-bilder.php)
+ *   $title  string (optional, Default 'Bilder')
+ *
+ * Progressive enhancement: jedes Vorschaubild ist ein normaler Link auf die
+ * größte Variante der Datei — ohne JS führt der Klick einfach zum Bild. Mit JS
+ * fängt assets/js/lightbox.js den Klick ab und zeigt es im Overlay
+ * (Vor/Zurück, Pfeiltasten, Esc). Das Overlay-Markup steht am Ende und ist
+ * `hidden`, bis JS es übernimmt.
+ *
+ * Die Overlay-Grafik erbt ihr srcset vom angeklickten Vorschaubild (siehe
+ * lightbox.js) — deshalb braucht der Link hier keine zweite Bildliste.
+ */
+$bilder = $bilder ?? [];
+$title = $title ?? 'Bilder';
+
+if ($bilder === []) {
+    return;
+}
+
+$anzahl = count($bilder);
+?>
+        <section class="section veranstaltung-galerie" id="bilder" data-lightbox-gallery>
+            <div class="container">
+                <h2><?= e($title) ?></h2>
+                <ul class="veranstaltung-galerie__grid">
+<?php foreach ($bilder as $i => $bild): ?>
+<?php
+    $gross = asset($bild['base'] . '-' . max($bild['widths']) . '.jpg');
+?>
+                    <li class="veranstaltung-galerie__item">
+                        <a class="veranstaltung-galerie__link" href="<?= e($gross) ?>" data-lightbox="<?= $i ?>">
+<?php component('img', [
+    'image' => $bild,
+    'sizes' => '(max-width: 600px) 45vw, (max-width: 992px) 30vw, 22vw',
+    'class' => 'veranstaltung-galerie__img',
+]); ?>
+                            <span class="visually-hidden">(größer ansehen)</span>
+                        </a>
+                    </li>
+<?php endforeach; ?>
+                </ul>
+            </div>
+<?php component('lightbox-overlay', ['label' => $title, 'count' => $anzahl]); ?>
+        </section>