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/lightbox-overlay.php

@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Overlay für die Bild-Großansicht. Props:
+ *   $label string       Bezeichnung des Dialogs (Screenreader)
+ *   $count int          Anzahl der Bilder — bei genau einem gibt es weder
+ *                       Zähler noch Vor/Zurück (wäre beides sinnlos)
+ *
+ * Gehört IMMER in denselben [data-lightbox-gallery]-Container wie die
+ * zugehörigen Bildlinks (assets/js/lightbox.js sucht von dort aus). Steht
+ * `hidden` im Markup, bis JS es übernimmt — ohne JS bleiben die
+ * Vorschaubilder normale Links auf die Bilddatei.
+ */
+$label = $label ?? 'Bild in Großansicht';
+$count = $count ?? 0;
+$mehrere = $count > 1;
+?>
+            <div class="lightbox" role="dialog" aria-modal="true" aria-label="<?= e($label) ?>" data-lightbox-dialog hidden>
+<?php /* Keine sichtbare Bildunterschrift (Beschluss 30.07.2026): der Alt-Text
+         trägt die Beschreibung. sizes steht statisch, das srcset erbt das Bild
+         vom angeklickten Vorschaubild (lightbox.js). */ ?>
+                <img class="lightbox__img" src="" alt="" sizes="100vw" data-lightbox-img>
+<?php if ($mehrere): ?>
+                <p class="lightbox__counter" aria-live="polite">
+                    <span data-lightbox-current>1</span> von <?= (int) $count ?>
+                </p>
+<?php endif; ?>
+                <button class="btn btn--icon lightbox__btn lightbox__close" type="button" data-lightbox-close aria-label="Ansicht schließen">
+                    <?= icon('x-lg') ?>
+                </button>
+<?php if ($mehrere): ?>
+                <button class="btn btn--icon lightbox__btn lightbox__prev" type="button" data-lightbox-prev aria-label="Vorheriges Bild">
+                    <?= icon('chevron-left') ?>
+                </button>
+                <button class="btn btn--icon lightbox__btn lightbox__next" type="button" data-lightbox-next aria-label="Nächstes Bild">
+                    <?= icon('chevron-right') ?>
+                </button>
+<?php endif; ?>
+            </div>