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/department-choice.php

@@ -5,12 +5,16 @@ declare(strict_types=1);
 /**
  * Abteilungs-Auswahl: gleichwertige Karten, die auf Anker derselben Seite springen.
  * Props:
- *   $choice array{title?, intro?, items: [{kicker?, title, text, label, anchor}]}
+ *   $choice array{title?, intro?, items: [{kicker?, title, text, label, anchor, image?}]}
  *   $anchor string (optional, Sektions-ID)
+ *   $title_hidden bool — Titel nur für Screenreader ausgeben (hält die Heading-Kette
+ *          h1 → h2 → h3 intakt, wenn die Karten optisch für sich sprechen)
+ * $item['image'] optional: {base, widths, alt} — Bildband oben, wie team-cards.
  * Bewusst eigenes <a href="#…">-Markup (nicht die cta-Komponente): cta() schickt
  * jeden Slug durch url() und würde aus "#anker" ein "/#anker" (Startseite) machen.
  */
 $anchor = $anchor ?? null;
+$title_hidden = !empty($title_hidden);
 if (empty($choice['items'])) {
     return;
 }
@@ -18,7 +22,7 @@ if (empty($choice['items'])) {
         <section class="section department-choice"<?= $anchor ? ' id="' . e($anchor) . '"' : '' ?>>
             <div class="container">
 <?php if (!empty($choice['title'])): ?>
-                <h2 class="department-choice__title"><?= e($choice['title']) ?></h2>
+                <h2 class="<?= $title_hidden ? 'visually-hidden' : 'department-choice__title' ?>"><?= e($choice['title']) ?></h2>
 <?php endif; ?>
 <?php if (!empty($choice['intro'])): ?>
                 <p class="department-choice__intro"><?= e($choice['intro']) ?></p>
@@ -26,12 +30,19 @@ if (empty($choice['items'])) {
                 <ul class="department-choice__grid" role="list">
 <?php foreach ($choice['items'] as $item): ?>
                     <li class="department-choice__card">
+<?php if (!empty($item['image']['base'])): ?>
+                        <div class="department-choice__media">
+<?php component('img', ['image' => $item['image'], 'sizes' => '(max-width: 600px) 100vw, 50vw', 'class' => 'department-choice__img']); ?>
+                        </div>
+<?php endif; ?>
+                        <div class="department-choice__body">
                         <h3 class="department-choice__heading"><?= e($item['title']) ?></h3>
 <?php if (!empty($item['subtitle'])): ?>
                         <p class="department-choice__subtitle"><?= e($item['subtitle']) ?></p>
 <?php endif; ?>
                         <p class="department-choice__text"><?= e($item['text']) ?></p>
                         <a class="btn department-choice__btn" href="#<?= e($item['anchor']) ?>"><?= e($item['label']) ?><?= icon('arrow-right', 'department-choice__arrow') ?></a>
+                        </div>
                     </li>
 <?php endforeach; ?>
                 </ul>