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/layout.css

@@ -26,19 +26,18 @@
     z-index: 10;
 }
 
-/* Desktop: Logo links | Nav exakt zentriert | CTAs rechts */
+/* Desktop: Logo + Schriftzug links | Nav-Punkte und CTA rechtsbündig zusammen */
 .site-header__inner {
-    display: grid;
-    grid-template-columns: 1fr auto 1fr;
+    display: flex;
     align-items: center;
     gap: 1.5rem;
     min-height: var(--header-h);
 }
 
 .site-header__brand {
-    justify-self: start;
     display: flex;
     align-items: center;
+    gap: 0.75rem;
     text-decoration: none;
     color: var(--clr-text);
 }
@@ -49,16 +48,25 @@
     filter: drop-shadow(var(--shadow));
 }
 
+.site-header__name {
+    font-family: var(--ff-heading);
+    font-size: var(--fs-675);
+    line-height: 0.85;
+    text-transform: uppercase;
+    white-space: nowrap;
+    text-shadow: var(--shadow);
+}
+
 .site-header__actions {
-    justify-self: end;
     display: flex;
     align-items: center;
     gap: 0.75rem;
 }
 
 /* --- Navigation --- */
+/* margin-left:auto schiebt Nav + nachfolgende CTAs als Block nach rechts */
 .site-nav {
-    justify-self: center;
+    margin-left: auto;
 }
 
 .site-nav__toggle {
@@ -208,6 +216,7 @@
 
     .site-nav {
         order: 3;
+        margin-left: 0;
     }
 
     .site-nav__toggle {
@@ -329,14 +338,18 @@
 }
 
 @media (max-width: 600px) {
-    /* Schmale Screens: CTA(s) kompakter neben dem Burger. */
+    /* Schmale Screens: Schriftzug ausblenden (Logo + aria-label bleiben). */
+    .site-header__name {
+        display: none;
+    }
+
+    /* CTA(s) kompakter neben dem Burger. */
     .site-header__actions a:not(:last-child) {
         display: none;
     }
 
     .site-header__actions .btn {
-        font-size: var(--fs-400);
-        padding: 8px 14px;
+        font-size: var(--btn-font-sm);
     }
 }
 
@@ -394,21 +407,31 @@
 
 .site-footer__grid {
     display: grid;
-    grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
-    gap: 3rem;
+    grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
+    gap: 2.5rem 3rem;
     padding-block: 4.5rem 3.5rem;
 }
 
-@media (max-width: 992px) {
+/* Brand-Block bleibt links stehen, Nav-Spalten rücken rechts daneben */
+@media (max-width: 1024px) {
+    .site-footer__grid {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .site-footer__brand {
+        grid-column: 1 / -1;
+    }
+}
+
+@media (max-width: 768px) {
     .site-footer__grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }
 
-@media (max-width: 600px) {
+@media (max-width: 500px) {
     .site-footer__grid {
         grid-template-columns: 1fr;
-        gap: 2.5rem;
+        gap: 2.25rem;
     }
 }
 
@@ -454,6 +477,16 @@
     position: relative;
 }
 
+.site-footer__heading a {
+    color: inherit;
+    text-decoration: none;
+    transition: color var(--transition);
+}
+
+.site-footer__heading a:hover {
+    color: var(--clr-accent);
+}
+
 .site-footer__heading::after {
     content: '';
     position: absolute;
@@ -500,12 +533,20 @@
 
 .site-footer__list a:hover,
 .site-footer__address a:hover,
-.site-footer__social a:hover {
+.site-footer__social a:hover,
+.site-footer__legal a:hover {
     color: var(--clr-text);
     text-decoration: underline;
     text-underline-offset: 0.25em;
 }
 
+/* Zusatzlinks (Startseite, Mitglied werden) unter dem Kontakt-Block */
+.site-footer__list--extra {
+    margin-top: 1.25rem;
+    padding-top: 1.25rem;
+    border-top: 1px solid var(--clr-glass-border);
+}
+
 /* Bottom-Bar */
 .site-footer__bottom {
     border-top: 1px solid var(--clr-glass-border);
@@ -525,6 +566,21 @@
     margin: 0;
 }
 
+.site-footer__legal {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem 1.5rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.site-footer__legal a {
+    color: var(--clr-text-muted);
+    text-decoration: none;
+    transition: color var(--transition);
+}
+
 /* Verbände-Zeile bleibt ab Tablet-Breite einzeilig (wrappt als Ganzes in die nächste Reihe) */
 @media (min-width: 768px) {
     .site-footer__memberships {