/* Gemeinsamer Rahmen mit der Startseite: Kopf (.site-head) und Fuß (.site-foot), übernommen aus
   src/landing/styles.css („Kopf“, „Fuß“) und auf die Planung zugeschnitten. Nutzt nur die App-Tokens
   (--brand, --brand-fg, --ink, --muted …). Planer: kompakter Kopf mit Logo und „Für Vereine“;
   Vereinsinstanz (.site-head--verein, gesetzt von config.js): Vereinsname links, „bereitgestellt von VFRplan“.
   Ein Farbschema-Umschalter bleibt der vorhandene #theme-switch (Schlüssel vfrplan:thema wie die Startseite). */

/* ---------- Kopf ---------- */
/* In der Planung nicht klebend: dort kleben bereits Eingabekopf und Übersicht */
.site-head { position: relative; z-index: 900; background: color-mix(in srgb, var(--surface) 92%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--rule); font-family: var(--f-body); }
.site-head__inner { max-width: 80rem; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px); min-height: 52px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; }
.site-head__logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--brand-fg); margin-right: auto; min-height: 44px; }
.site-head__logo svg { width: 26px; height: 26px; flex: none; }
.site-head__logo b { font: 700 23px/1 var(--f-display); letter-spacing: -0.015em; color: var(--ink); }
.site-head__logo b i { font-style: normal; color: var(--brand-fg); }
.site-head__nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 22px; }
.site-head__nav a { color: var(--text); text-decoration: none; font-size: 15px; display: inline-flex; align-items: center; min-height: 44px; }
.site-head__nav a:hover { color: var(--brand-fg); }
.site-head__meta { font-size: 13px; color: var(--muted); }
.site-head__meta a { color: var(--muted); }
.site-head__meta a:hover { color: var(--brand-fg); }
/* Vereinsinstanz: Vereinsname statt Wortmarke, VFRplan nur als Hinweis rechts */
.site-head--verein .site-head__logo b { font-size: 21px; }
.site-head--verein .site-head__nav { display: none; }

/* ---------- Fuß (kompakt, führt den bisherigen App-Fuß zusammen) ---------- */
footer.site-foot { max-width: none; margin-top: 8px; padding: 24px 0 32px; border-top: 1px solid var(--rule); background: var(--surface); color: var(--muted); font: 400 13px/1.6 var(--f-body); }
.site-foot__inner { max-width: 80rem; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px); display: grid; gap: 10px; }
.site-foot__inner > p { margin: 0; max-width: 90ch; }
.site-foot a { color: var(--muted); }
.site-foot a:hover { color: var(--brand-fg); }
.site-foot__haftung { color: var(--text); }
.site-foot .footer-bottom { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--rule); }