Feinschliff: Navigation, Hero-Center, Personen-Karten & Tokens

Querschnitt-Verbesserungen ohne eigenes Feature:
- Navigation: Untermenü-Trenner (separator) + Mitmachen-Link, rote Akzent-Leiste
- Startseiten-Hero zentriert (align center, ohne Hero-CTAs); .hero--center-Styles
- person-card/person-grid: Kontakt-Layout, 3-Spalten-Raster (Startseite)
- jsonld: geo aus club.json; cta unterstützt #hash-Anker
- verein: hartcodierten Maps-Link/Inline-CTA entfernt, .facility zentriert
- tokens: Sepia-Farben für Timeline; base: globale p-max-width entfernt
- historie: Timeline um 2024/2025 ergänzt
- Icons link-45deg (Footer) und robot (meta) nachgereicht

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HGzc6GhWhmLJt1jC2q1SRZ

app/components/person-grid.php

@@ -11,10 +11,12 @@ 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).
  */
 $data = json_load('ansprechpartner');
 $anchor = $anchor ?? 'ansprechpartner';
 $tinted = $tinted ?? true;
+$columns = $columns ?? null;
 $title = $title ?? $data['title'];
 $intro = $intro ?? ($data['intro'] ?? '');
 
@@ -42,7 +44,7 @@ if ($persons === []) {
 <?php if ($intro !== ''): ?>
                 <p class="persons__intro"><?= e($intro) ?></p>
 <?php endif; ?>
-                <ul class="persons__grid">
+                <ul class="persons__grid<?= $columns ? ' persons__grid--cols-' . (int)$columns : '' ?>">
 <?php foreach ($persons as $person): ?>
                     <li>
 <?php component('person-card', ['person' => $person]); ?>