Neue Seiten: Mitglied/Partner werden, Sportheimbuchung & Ansprechpartner

Mitglied werden: Hub-Seite mit Online-Anmeldung (membership-form +
membership-submit-Action, Honeypot + Time-Trap), Abteilungswahl
(department-choice), Beitragstabelle (fee-table) und Turn-Aufnahmeantrag
als PDF-Download. Daten in data/mitglied-werden.json.

Partner werden & Sportheimbuchung: neue Seiten samt Routing und Navigation.

Ansprechpartner: echter Hero (Vereinsgelände), Bereiche aus dem group-Feld
der Single Source (Fußball / Turnen) zu zwei Sektionen gebündelt, Disziplin
als Karten-Überschrift. Fehlende Turn-Disziplin-Leads (Frisque, Lorz,
Kornatz, Trotzke) aus den Turnen-Unterseiten extrahiert und in
data/ansprechpartner.json ergänzt (allgemeine Turnabteilungs-Mail als
Kontakt). WhatsApp für alle Personen mit Telefonnummer. person-grid:
kompaktere Karten, Hairline unter der Bereichsüberschrift, 5 Spalten am
Desktop. Startseite auf die Haupt-Ansprechpartner je Bereich begrenzt.

Dazu: neue Icons (check-circle, download, file-earmark-text, whatsapp),
Anpassungen an Header/Footer/CTA/age-groups sowie tokens/layout/utilities.

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

public/assets/css/tokens.css

@@ -30,6 +30,7 @@
     --fs-500: 1.125rem;                                /* 18px Navigation      */
     --fs-600: 1.3125rem;                               /* 21px Body            */
     --fs-650: 1.75rem;                                 /* 28px Zwischengröße (z.B. Footer-Headings) */
+    --fs-675: 2.125rem;                                /* 34px Header-Wortmarke */
     --fs-700: clamp(2rem, 1.2rem + 3.5vw, 3.125rem);   /* 50px h3              */
     --fs-800: clamp(2.25rem, 1.3rem + 4.5vw, 3.75rem); /* 60px h2              */
     --fs-900: clamp(3rem, 1.75rem + 5.5vw, 6rem);        /* 96px h1            */
@@ -38,6 +39,14 @@
     --fw-regular: 400;
     --fw-bold: 700;
 
+    /* --- Buttons --- */
+    --btn-font:     1rem;            /* 16px – Default (moderat) */
+    --btn-font-sm:  var(--fs-300);   /* 13px – dezente Buttons */
+    --btn-font-lg:  var(--fs-500);   /* 18px – Hero-CTAs */
+    --btn-pad-y:    0.625em;         /* skaliert mit font-size */
+    --btn-pad-x:    1.25em;
+    --btn-line:     1.2;
+
     /* --- Form & Tiefe --- */
     --radius-btn:  8px;
     --radius-card: 15px;
@@ -49,7 +58,7 @@
     --container-pad: 1rem;
     --space-section: 5rem;
     --header-h: 60px;
-    --logo-h: 97px;
+    --logo-h: 72px;
 
     /* --- Bewegung --- */
     --transition: 300ms ease;