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/hero.php

@@ -5,21 +5,30 @@ declare(strict_types=1);
 /**
  * Vollflächiger Hero mit Hintergrundbild/-video, Titel, Intro und CTAs.
  * Props: $hero (array aus home.json: title, text, image, video?, ctas, align?, compact?,
- *               display?, kicker?, scroll_target?)
- * align-Varianten: 'center' (mittig zentriert), 'bottom-left' (Default).
+ *               display?, kicker?, scroll_target?), $upcoming (optional, s. home.php:
+ *               die nächsten Termine aus upcoming_highlights() — Spiele und Vereins-Events
+ *               gemischt, gerendert über die hero-upcoming-Komponente)
+ * align-Varianten: 'center' (mittig zentriert, Konvention für alle Unterseiten seit 27.07.2026),
+ * 'bottom-left' (ältere Variante, technischer Fallback — für neue Seiten nicht mehr verwenden).
  * compact: true → niedrigere Variante für Unterseiten-Header.
  * display: true → großer Editorial-Look (Riesen-Titel, Outline-Tagline, Kicker, Scroll-Cue).
  *
  * KONVENTION (siehe CLAUDE.md → Hero-Regel): display + kicker + tagline + video sind der
  * Startseite vorbehalten. Unterseiten-Heros sind einheitlich „Überschrift + Teaser":
- * nur title + text, dazu compact: true und align: 'bottom-left'. Kein kicker/tagline,
+ * nur title + text, dazu compact: true und align: 'center'. Kein kicker/tagline,
  * ctas nur als Ausnahme.
+ *
+ * Liegt mindestens ein Termin in $upcoming, läuft der Display-Hero zweispaltig statt
+ * zentriert („hero--duo"): links Titel/Text/CTAs linksbündig, rechts die Termin-Karte als
+ * Live-Aufhänger. Ohne Termine (Sommerpause) bleibt es beim zentrierten Hero ohne Karte.
  */
-$align = in_array($hero['align'] ?? '', ['center', 'bottom-left'], true) ? $hero['align'] : 'bottom-left';
+$align = in_array($hero['align'] ?? '', ['center', 'bottom-left'], true) ? $hero['align'] : 'center';
 $compact = !empty($hero['compact']);
 $display = !empty($hero['display']);
+$upcoming = $upcoming ?? [];
+$duo = $display && $upcoming !== [];
 ?>
-        <section class="hero<?= $align === 'center' ? ' hero--center' : '' ?><?= $compact ? ' hero--compact' : '' ?><?= $display ? ' hero--display' : '' ?>">
+        <section class="hero<?= $duo ? '' : ($align === 'center' ? ' hero--center' : '') ?><?= $compact ? ' hero--compact' : '' ?><?= $display ? ' hero--display' : '' ?><?= $duo ? ' hero--duo' : '' ?>">
             <div class="hero__media" aria-hidden="true">
 <?php component('img', ['image' => $hero['image'], 'sizes' => '100vw', 'eager' => true, 'class' => 'hero__img']); ?>
 <?php if (!empty($hero['video'])): ?>
@@ -27,7 +36,26 @@ $display = !empty($hero['display']);
                 <video class="hero__video" src="<?= e(asset($hero['video'])) ?>" autoplay muted loop playsinline preload="none" tabindex="-1"></video>
 <?php endif; ?>
             </div>
-            <div class="container hero__content">
+            <div class="container hero__content<?= $duo ? ' hero__content--duo' : '' ?>">
+<?php if ($duo): ?>
+                <div class="hero__primary">
+<?php if (!empty($hero['kicker'])): ?>
+                    <p class="hero__kicker"><?= e($hero['kicker']) ?></p>
+<?php endif; ?>
+                    <h1 class="hero__title"><?= e($hero['title']) ?><?php if (!empty($hero['tagline'])): ?> <span class="hero__tagline"><?= e($hero['tagline']) ?></span><?php endif; ?></h1>
+<?php if (!empty($hero['text'])): ?>
+                    <p class="hero__text"><?= e($hero['text']) ?></p>
+<?php endif; ?>
+<?php if (!empty($hero['ctas'])): ?>
+                    <div class="hero__actions">
+<?php foreach ($hero['ctas'] as $cta): ?>
+<?php component('cta', ['cta' => $cta]); ?>
+<?php endforeach; ?>
+                    </div>
+<?php endif; ?>
+                </div>
+<?php component('hero-upcoming', ['items' => $upcoming]); ?>
+<?php else: ?>
 <?php if (!empty($hero['kicker'])): ?>
                 <p class="hero__kicker"><?= e($hero['kicker']) ?></p>
 <?php endif; ?>
@@ -41,6 +69,7 @@ $display = !empty($hero['display']);
 <?php component('cta', ['cta' => $cta]); ?>
 <?php endforeach; ?>
                 </div>
+<?php endif; ?>
 <?php endif; ?>
             </div>
 <?php if ($display): ?>