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/person-grid.php

@@ -11,12 +11,18 @@ declare(strict_types=1);
  *   $intro       string — Intro-Text überschreiben (Default aus JSON; '' = ausblenden).
  *   $anchor      string — Sektions-ID (Default 'ansprechpartner').
  *   $tinted      bool   — aufgehelltes Vollbreite-Band (Default true).
- *   $columns     int    — Spaltenanzahl auf Desktop (null = automatisch bis 5).
+ *   $group_by_department bool — Karten nach Abteilung untergruppieren
+ *                (Zwischenüberschrift je Abteilung, Karten dann ohne eigenen
+ *                Abteilungs-Kicker; löst die Waisen-Optik bei 5 Karten im
+ *                4er-Raster). Reihenfolge = JSON-Reihenfolge.
+ *   $embedded    bool — nur Panel (div + h2 + Grid) statt eigener section,
+ *                für Seiten, die mehrere Grids in EINER Sektion bündeln
+ *                (/ansprechpartner mit Bereichs-Tabs). tinted/anchor der
+ *                Sektion liefert dann die Seite.
  */
 $data = json_load('ansprechpartner');
 $anchor = $anchor ?? 'ansprechpartner';
 $tinted = $tinted ?? true;
-$columns = $columns ?? null;
 $title = $title ?? $data['title'];
 $intro = $intro ?? ($data['intro'] ?? '');
 
@@ -37,19 +43,50 @@ if (!empty($names)) {
 if ($persons === []) {
     return;
 }
-?>
+
+if (!empty($embedded)): ?>
+        <div class="persons persons--embedded" id="<?= e($anchor) ?>">
+            <h2><?= e($title) ?></h2>
+            <ul class="persons__grid">
+<?php foreach ($persons as $person): ?>
+                <li>
+<?php component('person-card', ['person' => $person]); ?>
+                </li>
+<?php endforeach; ?>
+            </ul>
+        </div>
+<?php return; endif; ?>
         <section class="section persons<?= $tinted ? ' section--tinted' : '' ?>" id="<?= e($anchor) ?>">
             <div class="container">
                 <h2><?= e($title) ?></h2>
 <?php if ($intro !== ''): ?>
                 <p class="persons__intro"><?= e($intro) ?></p>
 <?php endif; ?>
-                <ul class="persons__grid<?= $columns ? ' persons__grid--cols-' . (int)$columns : '' ?>">
+<?php if (!empty($group_by_department)): ?>
+<?php
+    $byDepartment = [];
+    foreach ($persons as $person) {
+        $byDepartment[$person['department'] ?? ''][] = $person;
+    }
+?>
+<?php foreach ($byDepartment as $departmentLabel => $departmentPersons): ?>
+                <h3 class="persons__group-title"><?= e($departmentLabel) ?></h3>
+                <ul class="persons__grid persons__grid--grouped">
+<?php foreach ($departmentPersons as $person): ?>
+                    <li>
+<?php component('person-card', ['person' => $person, 'level' => 'h4', 'hide_department' => true]); ?>
+                    </li>
+<?php endforeach; ?>
+                </ul>
+<?php endforeach; ?>
+<?php else: ?>
+                <ul class="persons__grid">
 <?php foreach ($persons as $person): ?>
                     <li>
 <?php component('person-card', ['person' => $person]); ?>
                     </li>
 <?php endforeach; ?>
                 </ul>
+<?php endif; ?>
             </div>
         </section>