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/stadionzeitung-vorwort.php

@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Vorwort-Seite der Stadionzeitung (Live-Seite, wie Tabelle/Termine/News) —
+ * schlichte weiße Content-Seite, keine fotografische Ausnahme wie das Cover.
+ * Der Text selbst ist KEIN Skript-Input: er wird im Chat gepflegt (wie
+ * data/events.json/news.json) und lebt im `vorwort`-Feld der Ausgabe in
+ * data/stadionzeitung.json (siehe bin/stadionzeitung-add.php).
+ *
+ * Fließtext bewusst in einer Serifenschrift (--ff-serif, PT Serif) statt
+ * --ff-body — einzige Stelle im Projekt mit einer dritten Schriftart: ein
+ * Vorwort ist ein redaktioneller Brief, keine UI, eine Lese-Serif passt hier
+ * besser als die Website-Grotesk. Überschrift bewusst NICHT in Versalien
+ * (anders als der Cover-Masthead) — ein Begrüßungssatz in Großbuchstaben
+ * wirkt geschrien, hier soll es wie eine echte Zeitschriften-Headline lesen.
+ * Vereins-Hero-Bild (dieselbe Quelle wie Startseite/Cover) blendet unten ein,
+ * wie im ursprünglichen Canva-Vorwort — füllt die sonst leere Fläche unter
+ * dem Fließtext, ohne die Lesbarkeit oben zu stören. Läuft über einen weißen
+ * Gradient-Layer (__bg-fade) statt mask-image auf dem Foto selbst — druckt
+ * zuverlässig mit (siehe CSS-Kommentar), erscheint also auch im PDF.
+ *
+ * Props: $issue (Eintrag aus data/stadionzeitung.json: vorwort?, verfasser_photo?)
+ */
+$issue = $issue ?? [];
+$vorwort = $issue['vorwort'] ?? null;
+if (!$vorwort) {
+    return;
+}
+$heading = (string) ($vorwort['heading'] ?? '');
+$paragraphs = $vorwort['paragraphs'] ?? [];
+$closing = (string) ($vorwort['closing'] ?? '');
+$signeeName = (string) ($vorwort['signee_name'] ?? '');
+$signeeRole = (string) ($vorwort['signee_role'] ?? '');
+$verfasserPhoto = $issue['verfasser_photo'] ?? null;
+$heroImage = json_load('home')['hero']['image'] ?? null;
+?>
+<div class="stadionzeitung-vorwort">
+<?php if ($heroImage): ?>
+<?php component('img', ['image' => $heroImage, 'sizes' => '480px', 'class' => 'stadionzeitung-vorwort__bg']); ?>
+    <div class="stadionzeitung-vorwort__bg-fade" aria-hidden="true"></div>
+<?php endif; ?>
+    <header class="stadionzeitung-vorwort__head">
+        <p class="stadionzeitung-vorwort__kicker">Vorwort</p>
+        <img class="stadionzeitung-vorwort__logo" src="<?= e(asset('img/logo.svg')) ?>" alt="" width="75" height="97">
+    </header>
+<?php if ($heading !== ''): ?>
+    <h2 class="stadionzeitung-vorwort__heading"><?= e($heading) ?></h2>
+<?php endif; ?>
+<?php foreach ($paragraphs as $paragraph): ?>
+    <p class="stadionzeitung-vorwort__text"><?= e($paragraph) ?></p>
+<?php endforeach; ?>
+<?php if ($signeeName !== ''): ?>
+    <footer class="stadionzeitung-vorwort__signature">
+<?php if ($verfasserPhoto): ?>
+<?php component('img', ['image' => $verfasserPhoto, 'sizes' => '80px', 'class' => 'stadionzeitung-vorwort__portrait']); ?>
+<?php endif; ?>
+        <div class="stadionzeitung-vorwort__signature-text">
+<?php if ($closing !== ''): ?>
+            <p class="stadionzeitung-vorwort__closing"><?= e($closing) ?></p>
+<?php endif; ?>
+            <p class="stadionzeitung-vorwort__signee"><?= e($signeeName) ?></p>
+<?php if ($signeeRole !== ''): ?>
+            <p class="stadionzeitung-vorwort__role"><?= e($signeeRole) ?></p>
+<?php endif; ?>
+        </div>
+    </footer>
+<?php endif; ?>
+</div>