/* P3 (10.11.2026) – Wünsche des Vereins:
   1. Logo im Kopf rund 50 % größer, Text daneben entsprechend größer; im Fuß Logo und Text so groß wie im Kopf.
      Schmale Breiten maßvoll (Kopf bleibt bedienbar, nichts läuft über).
   2. Abschnitt Partner und Verbände (nur sichtbar, wenn Einträge gepflegt sind).
   3. Hinweis „öffnet in neuem Fenster“ bei externen Shops. */
:root{--kopf:124px}
.site-header{height:124px}
.site-header nav a{padding:50px 0}
.site-header .brand img,.footer-brand img{height:108px;width:auto;padding:0;background:none}
.site-header .brand span,.footer-brand span{font-size:21px;line-height:1.15}
.footer-brand{gap:20px}
@media(max-width:1200px){:root{--kopf:112px}
.site-header{height:112px}
.site-header nav a{padding:44px 0}
.site-header .brand img,.footer-brand img{height:96px}
.site-header .brand span,.footer-brand span{font-size:16px}}
@media(max-width:1024px){.site-header .brand img,.footer-brand img{height:90px}}
@media(max-width:900px){:root{--kopf:96px}
.site-header{height:96px}
.site-header nav a{padding:36px 0}
.site-header .brand img,.footer-brand img{height:80px}
.footer-brand span{font-size:15px}}
@media(min-width:681px) and (max-width:740px){.site-header .brand img,.footer-brand img{height:70px}}
@media(max-width:680px){:root{--kopf:88px}
.site-header{height:88px}
.site-header nav{top:88px;max-height:calc(100dvh - 88px)}
.site-header nav a{padding:18px 0}
.site-header .brand img,.footer-brand img{height:72px}
.site-header .brand span{font-size:13px;max-width:150px}
.footer-brand span{font-size:13px}}
@media(max-width:400px){.site-header .brand img,.footer-brand img{height:64px}
.site-header .brand span{font-size:12px;max-width:140px}
.footer-brand span{font-size:12px}}
@media(max-width:360px){.site-header .brand span{display:none}}

/* Partner und Verbände */
.wsg-partner-liste{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.wsg-partner-eintrag a,.wsg-partner-eintrag>span{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:22px;border:1px solid var(--line);color:var(--blue);font-weight:700;overflow-wrap:anywhere}
.wsg-partner-eintrag img{max-width:100%;height:64px;width:auto;object-fit:contain}

/* Externe Shops: neues Fenster */
.wsg-extern-hinweis{font-size:13px;margin-top:14px;color:var(--muted)}
.button .wsg-extern-pfeil{flex-shrink:0}

/* P3c (10.11.2026): Text neben dem Fußlogo wie im Kopf („Dein Sportverein / in Dahme-Spreewald“), gleiche Schrift, Schreibweise und Größe wie oben.
   Größen je Breite kommen aus den gemeinsamen Regeln oben (.site-header .brand span,.footer-brand span). Farbe bleibt hell auf dunklem Fuß. */
.footer-brand span{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em}

/* P3c (10.11.2026): Social-Links im Fuß (nur belegte Abteilungsprofile) und im Kontaktfeld der Abteilungen. */
.wsg-social-eintrag .wsg-extern-pfeil{width:14px;height:14px;flex-shrink:0}
.wsg-social .wsg-extern-hinweis{margin:0;width:100%;font-size:11px;color:#ccd3e0}
.wsg-abteilung-social{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--blue);margin:0 0 6px;overflow-wrap:anywhere}
.wsg-abteilung-social svg{width:22px;height:22px;flex-shrink:0}
.wsg-abteilung-social .wsg-extern-pfeil{width:14px;height:14px}
.wsg-abteilung-social:hover{color:var(--red)}
.contact-panel .wsg-extern-hinweis{margin:0 0 20px;font-size:12px}
/* p3d (10.11.2026, Alpha): Text neben dem Wappen in allen Breiten zeigen. Ältere Regeln
   blendeten ihn oben bei 681–1024 px und unten bei 681–1200 px aus. */
@media (min-width:361px){.footer-brand span{display:block}}
@media (min-width:681px) and (max-width:1024px){.site-header .brand{flex-shrink:0;gap:10px}.site-header .brand img{height:64px;width:auto}.site-header .brand span{display:block;flex:0 0 auto;width:132px;max-width:none;font-size:11px;line-height:1.2;hyphens:none;overflow-wrap:normal}.site-header nav a{font-size:11px}}
/* p3d: Zwischen 681 und 900 px passte das Menü schon vorher nicht neben Wappen und Knopf.
   Dort jetzt dasselbe Klappmenü wie am Handy, damit der Text neben dem Wappen Platz hat. */
@media (min-width:681px) and (max-width:900px){
.header-actions{gap:8px}
.menu-toggle{display:block}
.site-header nav{display:none;position:fixed;top:var(--wsg-kopf-h,90px);left:0;right:0;background:#fff;padding:20px var(--gutter) 35px;box-shadow:0 20px 30px #052f4926;max-height:calc(100dvh - 90px);overflow:auto}
.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
.site-header nav a{font-size:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.site-header nav a:after{display:none}
.site-header .brand span{width:auto;font-size:13px}
}
/* p3d (10.11., Alpha): Gruppenbild auf „Der Verein“ schnitt auf breiten Bildschirmen die Köpfe ab.
   Ausschnitt nach oben, damit Gesichter immer sichtbar sind. */
.wide-photo img[src*="0ed3ca90008f51ff"]{object-position:center 8%}