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

public/assets/js/persons-tabs.js

@@ -0,0 +1,66 @@
+(function () {
+    'use strict';
+
+    // Tab-Umschaltung der Ansprechpartner-Bereiche (Fußball/Turnen). Ohne JS
+    // bleibt die Leiste hidden und beide Sektionen stehen untereinander —
+    // reine Progressive Enhancement (gleiches Muster wie news-filter.js).
+    // Deep-Links (#kontakt-turnen) aktivieren den passenden Tab.
+    function init(root) {
+        var bar = root.querySelector('[data-persons-tabs-bar]');
+        if (!bar) { return; }
+
+        var buttons = [].slice.call(bar.querySelectorAll('[data-tab-target]'));
+        if (buttons.length < 2) { return; }
+
+        var sections = buttons.map(function (btn) {
+            return root.querySelector('#' + btn.getAttribute('data-tab-target'));
+        });
+        if (sections.some(function (s) { return !s; })) { return; }
+
+        // Sichtbare Sektions-Überschriften weichen den Tabs (bleiben für
+        // Screenreader/Outline als visually-hidden erhalten).
+        root.querySelectorAll('.persons h2').forEach(function (h) {
+            h.classList.add('visually-hidden');
+        });
+
+        function activate(index, writeHash) {
+            buttons.forEach(function (btn, i) {
+                btn.setAttribute('aria-pressed', i === index ? 'true' : 'false');
+                sections[i].hidden = i !== index;
+            });
+            // Aktiven Bereich in die URL spiegeln (replaceState statt Hash-
+            // Zuweisung: kein Scroll-Sprung, kein History-Eintrag pro Klick) —
+            // #kontakt-turnen ist damit direkt teilbar.
+            if (writeHash) {
+                window.history.replaceState(null, '', '#' + buttons[index].getAttribute('data-tab-target'));
+            }
+        }
+
+        buttons.forEach(function (btn, i) {
+            btn.addEventListener('click', function () { activate(i, true); });
+            btn.addEventListener('keydown', function (e) {
+                var next = null;
+                if (e.key === 'ArrowRight') { next = (i + 1) % buttons.length; }
+                if (e.key === 'ArrowLeft')  { next = (i - 1 + buttons.length) % buttons.length; }
+                if (e.key === 'Home')       { next = 0; }
+                if (e.key === 'End')        { next = buttons.length - 1; }
+                if (next !== null) { e.preventDefault(); buttons[next].focus(); }
+            });
+        });
+
+        // Deep-Link auf eine Sektion (#kontakt-turnen) → passenden Tab öffnen.
+        function fromHash() {
+            var id = window.location.hash.replace('#', '');
+            var index = buttons.findIndex(function (btn) {
+                return btn.getAttribute('data-tab-target') === id;
+            });
+            activate(index >= 0 ? index : 0);
+        }
+
+        window.addEventListener('hashchange', fromHash);
+        bar.hidden = false;
+        fromHash();
+    }
+
+    document.querySelectorAll('[data-persons-tabs]').forEach(init);
+}());