/*
Theme Name: SG Herdorf
Theme URI: https://www.sg-herdorf.de/
Author: Fuehrwitz Medien
Description: WordPress-Theme auf Basis der gelieferten SG-Herdorf-HTML-Vorlage.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sg-herdorf
*/

@font-face{font-family:'Anton';src:url('assets/fonts/anton-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'RockSalt';src:url('assets/fonts/RockSalt-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Material Symbols Outlined';src:url('assets/fonts/material-symbols-rounded.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block;}

:root{
  --black:#0A0A09;--b2:#111110;--b3:#181815;--b4:#1E1E1B;
  --s6:#2E2E29;--s5:#3A3A34;--s4:#555550;--s3:#878780;--s2:#B8B8B0;--s1:#DEDED8;
  --W:#FFFFFF;
  --green:#3E8F00;--gd:#2A6200;--gdd:#1A3D00;--gl:#5CB800;
  --blue:#033B85;--bd:#022860;--bl:#1A5BC4;
  --FH:'Anton',sans-serif;--FS:'RockSalt',cursive;--FU:system-ui,-apple-system,sans-serif;
  --NAV:68px;--MW:1200px;
}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--FU);color:var(--s1);background:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{max-width:var(--MW);margin:0 auto;padding:0 28px;}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}

/* ── HEADING PATTERN ─────────────────────────────────────
   RockSalt and Anton always contrast:
   Dark bg:  script=WHITE, Anton=BLACK fill + thin WHITE stroke
   Light bg: script=BLACK, Anton=WHITE fill + thin BLACK stroke
─────────────────────────────────────────────────────── */
.sh{display:inline-block;overflow:visible;}
/* Dark background */
.sh-s{
  font-family:var(--FS)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font-size:clamp(26px,3.5vw,48px);display:block;line-height:1.2;
  padding-top:8px;margin-bottom:-10px;position:relative;z-index:2;overflow:visible;
}
.sh-h{
  font-family:var(--FH);font-size:clamp(34px,5vw,62px);line-height:.95;
  color:#0A0A09;-webkit-text-stroke:1.15px #FFFFFF;paint-order:stroke fill;
  position:relative;z-index:1;margin:0;
}
/* Light/stone: script=BLACK, Anton=WHITE fill + BLACK stroke */
.sh-s--dark{color:#1E1E1B!important;-webkit-text-fill-color:#1E1E1B!important;}
.sh-h--dark{color:#FFFFFF;-webkit-text-stroke:.8px #1E1E1B;paint-order:stroke fill;}
.sh--center{display:block;text-align:center;overflow:visible;}

/* ── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--FU);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:13px 26px;cursor:pointer;border:none;transition:.2s;border-radius:22px;}
.btn-blue{background:var(--blue);color:var(--W);}
.btn-blue:hover{background:var(--bl);transform:translateY(-2px);box-shadow:0 8px 24px rgba(3,59,133,.35);}
.btn-green{background:var(--green);color:var(--W);}
.btn-green:hover{background:var(--gl);transform:translateY(-2px);box-shadow:0 8px 24px rgba(62,143,0,.3);}
/* Hero = semi-transparent */
.btn-hero-blue{background:rgba(3,59,133,.55);color:var(--W);border:1px solid rgba(3,59,133,.8);backdrop-filter:blur(6px);}
.btn-hero-blue:hover{background:rgba(3,59,133,.85);transform:translateY(-2px);box-shadow:0 8px 24px rgba(3,59,133,.35);}
.btn-hero-green{background:rgba(62,143,0,.55);color:var(--W);border:1px solid rgba(62,143,0,.8);backdrop-filter:blur(6px);}
.btn-hero-green:hover{background:rgba(62,143,0,.85);transform:translateY(-2px);box-shadow:0 8px 24px rgba(62,143,0,.3);}

/* ── NAV – WHITE ─── */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--NAV);background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;backdrop-filter:blur(14px);box-shadow:0 2px 16px rgba(0,0,0,.1);}
.nav-inner{width:100%;max-width:var(--MW);margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-brand img{height:44px;width:auto;}
.nav-brand-name{font-family:var(--FH);font-size:24px;color:var(--b4);line-height:1;}
.nav-links{list-style:none;display:flex;align-items:center;}
.nav-links a{display:flex;align-items:center;height:var(--NAV);padding:0 13px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.5);border-bottom:2px solid transparent;margin-bottom:-1px;transition:.18s;}
.nav-links a:hover{color:var(--black);border-bottom-color:rgba(0,0,0,.15);}
.nav-links a.active{color:var(--black);border-bottom-color:var(--green);}
.nav-ctas{display:flex;gap:10px;}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--b4);margin:5px 0;transition:.25s;}
.mob-nav{display:none;position:fixed;top:var(--NAV);left:0;right:0;z-index:999;background:rgba(255,255,255,.98);border-top:1px solid rgba(0,0,0,.08);flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.12);backdrop-filter:blur(14px);}
.mob-nav.open{display:flex;}
.mob-nav a{padding:14px 28px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.06);transition:.18s;}
.mob-nav a:hover{color:var(--black);background:rgba(0,0,0,.03);}

/* ── HERO ─── */
#hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--NAV);}
.hero-img{position:absolute;inset:0;}
.hero-img img{width:100%;height:100%;object-fit:cover;animation:hzoom 14s ease-out forwards;}
@keyframes hzoom{from{transform:scale(1.05);}to{transform:scale(1.0);}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.4) 38%,rgba(0,0,0,.08) 65%,transparent 100%),linear-gradient(to right,rgba(0,0,0,.22) 0%,transparent 55%);}
.hero-content{position:relative;z-index:1;width:100%;padding:80px 0 72px;}
.hero-heading{display:inline-block;}
.hero-willkommen{font-family:var(--FS)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-size:clamp(22px,3.15vw,42px);display:block;line-height:1.05;text-shadow:0 2px 20px rgba(0,0,0,.4);margin-bottom:-8px;position:relative;z-index:2;white-space:nowrap;animation:hup .9s ease both;}
.hero-h1{font-family:var(--FH);font-size:clamp(48px,9vw,118px);line-height:.9;letter-spacing:1px;white-space:nowrap;color:#0A0A09;-webkit-text-stroke:1.15px #FFFFFF;paint-order:stroke fill;text-shadow:0 4px 40px rgba(0,0,0,.3);display:block;position:relative;z-index:1;animation:hup .9s .1s ease both;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;animation:hup .9s .3s ease both;margin-top:36px;}
.hero-scroll{position:absolute;right:40px;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);animation:bob 2.2s ease-in-out infinite;}
.hero-scroll-line{width:1px;height:36px;background:linear-gradient(rgba(255,255,255,.2),transparent);}
@keyframes hup{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}

/* ── NEWS – STONE LIGHT ─── */
#news{padding:96px 0;position:relative;overflow:hidden;background-color:#E8E6E0;}
.news-stone-bg{position:absolute;inset:0;background-image:none;background-size:cover;background-position:center;opacity:.09;pointer-events:none;z-index:0;}
.news-stone-tint{position:absolute;inset:0;background:linear-gradient(160deg,rgba(232,230,224,.91),rgba(220,218,212,.88));pointer-events:none;z-index:0;}
.news-inner{position:relative;z-index:1;}
.news-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:16px;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(0,0,0,.15);}
.nc{background:rgba(240,239,236,.96);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .25s;position:relative;}
.nc:focus-visible{outline:3px solid var(--green);outline-offset:4px;z-index:3;}
.nc:hover{transform:translateY(-3px);z-index:1;box-shadow:0 8px 32px rgba(0,0,0,.14);}
.nc--lead{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;}
.nc-img{overflow:hidden;position:relative;aspect-ratio:16/9;}
.nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.nc:hover .nc-img img{transform:scale(1.04);}
.nc--lead .nc-img{aspect-ratio:auto;min-height:260px;}
.nc-img-placeholder{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1209,#1a3d10 55%,#033B85);}
.nc-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.nc--lead .nc-body{padding:36px;justify-content:center;}
.nc-tag{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;display:inline-block;background:var(--b3);color:var(--s2);border-radius:3px;}
.nc-tag--g{background:var(--gdd);color:#7CCC1A;}
.nc-date{font-size:11px;color:var(--s4);}
.nc h3,.nc h2{font-family:var(--FH);font-size:20px;color:var(--b4);line-height:1.05;}
.nc--lead h3,.nc--lead h2{font-size:28px;}
.nc p{font-size:13px;line-height:1.7;color:var(--s4);}
.nc-more{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gd);display:inline-flex;align-items:center;gap:6px;margin-top:auto;}
.nc-more .material-symbols-outlined{font-size:15px;transition:transform .2s;}
.nc:hover .nc-more .material-symbols-outlined{transform:translateX(4px);}
.news-foot{text-align:center;margin-top:36px;}

/* ── MANNSCHAFTEN – DARK ─── */
#mannschaften{padding:96px 0;background-color:var(--b2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E"),linear-gradient(180deg,#111110,#0e0e0d);}
.mann-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:52px;background:var(--s6);}
.mc{background:var(--b2);overflow:hidden;border-top:3px solid var(--s6);transition:border-color .25s;display:flex;flex-direction:column;}
.mc:hover{border-top-color:var(--green);}
.mc--2:hover{border-top-color:var(--blue);}
.mc-photo{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--b2);}
.mc-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s;}
.mc:first-child .mc-photo img{object-position:center center;}
.mc--2 .mc-photo img{object-position:center 38%;}
.mc:hover .mc-photo img{transform:scale(1.02);}
.mc-body{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mc-name{font-family:var(--FH);font-size:28px;color:var(--W);}
.mc-link{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-radius:22px;transition:background .18s,transform .18s;}
.mc-link--g{background:var(--gdd);color:var(--gl);}
.mc-link--g:hover{background:var(--green);color:var(--W);transform:translateY(-1px);}
.mc-link--b{background:var(--bd);color:var(--bl);}
.mc-link--b:hover{background:var(--blue);color:var(--W);transform:translateY(-1px);}

/* ── SPIELSTÄTTEN – DARK ─── */
#spielstaetten{padding:96px 0;background-color:#131311;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.11'/%3E%3C/svg%3E"),linear-gradient(135deg,#131311,#0f0f0e);}
.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--s6);margin-top:52px;}
.stc{position:relative;overflow:hidden;cursor:pointer;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;}
.stc-bg{position:absolute;inset:0;}
.stc-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.stc:hover .stc-bg img{transform:scale(1.05);}
.stc-over{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.28) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:background .25s;}
.stc:hover .stc-over{background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.1) 100%);}
.stc-label{font-size:9px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gl);}
.stc-label--blue{color:var(--bl);}
.stc-name{font-family:var(--FH);font-size:28px;color:var(--W);line-height:1;margin-top:5px;}
.stc-detail{font-size:12px;color:rgba(255,255,255,.5);margin-top:6px;line-height:1.5;}
.stc-arrow{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--W);margin-top:14px;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(6px);transition:.25s;}
.stc:hover .stc-arrow{opacity:1;transform:none;}

/* ── GESCHICHTE – STONE LIGHT ─── */
#geschichte{padding:96px 0;position:relative;overflow:hidden;background-color:#DEDED8;}
.gesch-stone-bg{position:absolute;inset:0;background-image:none;background-size:cover;background-position:top right;opacity:.10;pointer-events:none;z-index:0;}
.gesch-stone-tint{position:absolute;inset:0;background:linear-gradient(160deg,rgba(222,222,216,.93),rgba(210,210,203,.89));pointer-events:none;z-index:0;}
.gesch-inner{position:relative;z-index:1;}
.gesch-wm{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--FH);font-size:240px;color:rgba(0,0,0,.035);pointer-events:none;line-height:1;white-space:nowrap;z-index:1;}
/* Timeline */
.tl{padding-left:26px;position:relative;max-width:680px;margin:52px auto 0;}
.tl-track{position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(0,0,0,.13);}
.tl-progress{position:absolute;left:0;top:0;width:2px;height:0%;background:var(--green);transition:height .1s linear;}
.tl-item{padding-bottom:28px;position:relative;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-32px;top:5px;width:12px;height:12px;border-radius:50%;background:#DEDED8;border:1px solid rgba(0,0,0,.2);transition:.25s;}
.tl-item:hover .tl-dot{border-color:rgba(0,0,0,.4);}
.tl-item.hl .tl-dot{border-color:var(--green);background:var(--gdd);}
.tl-year{font-family:var(--FH);font-size:21px;color:var(--b4);}
.tl-item.hl .tl-year{color:var(--black);}
.tl-txt{font-size:13px;color:rgba(0,0,0,.55);margin-top:4px;line-height:1.65;}
.tl-item.hl .tl-txt{color:rgba(0,0,0,.7);}
.tl-tag{display:inline-block;margin-top:6px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;background:var(--gdd);color:var(--gl);border-radius:2px;}
.tl-tag--b{background:var(--bd);color:var(--bl);}

/* ── SPONSOREN – STONE LIGHT ─── */
#sponsoren{padding:80px 0;position:relative;overflow:hidden;background-color:#E0DEDA;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);}
.sp-stone-bg{position:absolute;inset:0;background-image:none;background-size:cover;background-position:bottom left;opacity:.08;pointer-events:none;z-index:0;}
.sp-stone-tint{position:absolute;inset:0;background:linear-gradient(160deg,rgba(224,222,218,.92),rgba(214,212,207,.88));pointer-events:none;z-index:0;}
.sp-inner{position:relative;z-index:1;}
.sp-head{text-align:center;margin-bottom:44px;}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(0,0,0,.12);}
.sp-card{background:rgba(240,239,236,.93);padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;cursor:pointer;transition:background .25s,border-top-color .25s,box-shadow .25s;border-top:2px solid transparent;}
.sp-card--sonnen{background:#ffffff;}
.sp-card--fortax{background:#ffffff;}
.sp-card--kaktus{background:#ffffff;}
.sp-card--eder{background:#ffffff;}
.sp-card--ebeling{background:#ffffff;}
.sp-card--concept{background:#ffffff;}
.sp-card:hover{background:rgba(255,255,255,.99);border-top-color:var(--green);box-shadow:0 4px 20px rgba(0,0,0,.1);}
.sp-logo{max-width:170px;max-height:74px;width:auto;height:auto;object-fit:contain;}
.sp-cta{text-align:center;margin-top:40px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.sp-cta p{font-size:13px;color:rgba(0,0,0,.5);max-width:400px;line-height:1.6;}

/* ── SG KREISEL – DARK ─── */
#sg-kreisel{padding:96px 0;background-color:var(--b2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E"),linear-gradient(160deg,#111110,#0f0f0e);}
.kreisel-wrap{max-width:640px;}
.kreisel-script{font-family:var(--FS)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-size:50px;display:block;margin-bottom:4px;line-height:1.1;}
.kreisel-desc{font-size:14px;line-height:1.85;color:var(--s3);margin-top:16px;}

/* ── FOOTER ─── */
footer{background-color:var(--black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E"),linear-gradient(180deg,#0a0a09,#080807);border-top:1px solid var(--s6);padding:64px 0 28px;}
footer,footer p,footer a,footer span,footer h4{color:#FFFFFF;}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.foot-brand{display:flex;flex-direction:column;gap:14px;}
.foot-logo-row{display:flex;align-items:center;gap:12px;}
.foot-logo-row img{height:50px;width:auto;}
.foot-brand-name{font-family:var(--FH);font-size:22px;color:var(--W);line-height:1;}
.foot-desc{font-size:12px;line-height:1.7;color:#FFFFFF;}
.foot-col h4{font-size:9px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#FFFFFF;margin-bottom:14px;border-bottom:1px solid var(--s6);padding-bottom:10px;}
.foot-links{list-style:none;display:flex;flex-direction:column;gap:9px;}
.foot-links a{font-size:12px;color:#FFFFFF;transition:opacity .18s;display:flex;align-items:center;gap:6px;}
.foot-links a .material-symbols-outlined{font-size:14px;}
.foot-links a:hover{opacity:.72;}
.foot-bottom{border-top:1px solid var(--s6);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.foot-bottom p{font-size:11px;color:#FFFFFF;}
.foot-legal{display:flex;gap:20px;}
.foot-legal a{font-size:11px;color:#FFFFFF;transition:opacity .18s;}
.foot-legal a:hover{opacity:.72;}

/* ── RESPONSIVE ─── */
@media(max-width:1024px){
  .nc--lead{grid-column:1/-1;grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  :root{--NAV:60px;}
  .nav-links,.nav-ctas{display:none;}
  .hamburger{display:block;}
  #hero{align-items:flex-end;}
  .hero-shade{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.15) 75%,transparent 100%);}
  .hero-content{padding:0 0 76px;}
  .hero-heading{display:block;}
  .hero-willkommen{font-size:clamp(20px,6.2vw,32px)!important;margin-bottom:-5px;white-space:normal;}
  .hero-h1{font-size:clamp(42px,13vw,70px);white-space:normal;-webkit-text-stroke:1.15px #FFFFFF;}
  .hero-btns{margin-top:24px;gap:10px;}
  .hero-btns .btn{font-size:10px;padding:11px 20px;}
  .hero-scroll{display:none;}
  .mann-grid,.news-grid,.st-grid{grid-template-columns:1fr;}
  .nc--lead{grid-template-columns:1fr;}
  .sp-grid{grid-template-columns:repeat(2,1fr);}
  .foot-grid{grid-template-columns:1fr;}
  .mc-photo{aspect-ratio:16/9;}
}
@media(max-width:420px){
  .hero-willkommen{font-size:clamp(18px,5.8vw,28px)!important;}
  .hero-h1{font-size:clamp(36px,12vw,56px);}
  .sp-grid{grid-template-columns:1fr 1fr;}
}

.admin-bar #nav{top:32px;}
@media(max-width:782px){.admin-bar #nav{top:46px;}}
.wp-page-hero{min-height:78vh;padding:210px 0 110px;background:var(--b2);position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.wp-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.18));z-index:1;}
.wp-page-hero-img{position:absolute;inset:0;}
.wp-page-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.wp-page-hero .container{position:relative;z-index:2;}
.wp-page-hero .sh-s{font-size:clamp(34px,5vw,72px);margin-bottom:-12px;}
.wp-page-hero .sh-h{font-size:clamp(64px,11vw,142px);line-height:.88;max-width:1100px;}
.wp-content-section{padding:82px 0;background:#DEDED8;color:var(--b4);}
.wp-content-grid{display:block;max-width:900px;}
.wp-content{font-size:19px;line-height:1.9;color:rgba(0,0,0,.72);}
.wp-content p{margin:0 0 1.35em;}
.wp-content h2,.wp-content h3{font-family:var(--FH);line-height:1;color:var(--b4);margin:1.2em 0 .5em;}
.wp-content h2{font-size:clamp(48px,6vw,78px)}.wp-content h3{font-size:clamp(34px,4vw,48px)}
.wp-content ul,.wp-content ol{margin:0 0 1.35em 1.2em;}
.wp-content a{color:var(--gd);text-decoration:underline;text-underline-offset:3px;}
.error-hero .wp-page-hero-img img{object-position:center center;}
.error-content{text-align:center;}
.error-content p{font-size:22px;color:rgba(0,0,0,.72);}
.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px;}
.error-actions .btn{text-decoration:none;color:#fff;}
.player-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px;background:rgba(0,0,0,.12);}
.player-list li{background:rgba(240,239,236,.96);padding:16px 18px;font-size:18px;font-weight:800;color:var(--b4);display:flex;justify-content:space-between;gap:18px;}
.player-meta{font-size:12px;color:rgba(0,0,0,.52);white-space:nowrap;}
@media(max-width:1100px){
  .nav-links a{padding:0 8px;font-size:10px;letter-spacing:1px;}
  .nav-brand-name{font-size:22px;}
  .container{padding:0 22px;}
  .sp-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .wp-content-grid{max-width:100%;}
  .wp-page-hero{min-height:64vh;padding:160px 0 74px;}
  .wp-page-hero .sh-h{font-size:clamp(52px,13vw,96px);}
  .wp-page-hero .sh-s{font-size:clamp(28px,8vw,52px);}
  .news-grid{grid-template-columns:1fr 1fr;}
  .nc--lead{grid-column:1/-1;}
  .mann-grid,.st-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .container{padding:0 18px;}
  #news,#mannschaften,#spielstaetten,#geschichte,#sg-kreisel{padding:70px 0;}
  #sponsoren{padding:64px 0;}
  .news-grid,.sp-grid{grid-template-columns:1fr;}
  .nc--lead{display:flex;}
  .nc--lead .nc-img{aspect-ratio:16/10;min-height:0;}
  .nc--lead .nc-body{padding:24px;}
  .mc-body{align-items:flex-start;flex-direction:column;padding:24px;}
  .mc-photo{aspect-ratio:16/9;}
  .stc{min-height:280px;}
  .wp-page-hero{min-height:52vh;padding:128px 0 58px;}
  .wp-page-hero .sh-s{font-size:clamp(24px,8vw,38px);margin-bottom:-6px;}
  .wp-page-hero .sh-h{font-size:clamp(42px,14vw,66px);line-height:.92;overflow-wrap:anywhere;}
  .wp-content-section{padding:46px 0;}
  .wp-content{font-size:16px;line-height:1.75;overflow-wrap:anywhere;}
  .wp-content p{margin-bottom:1.15em;}
  .wp-content h2{font-size:clamp(31px,10vw,44px);line-height:1.02;margin:1.05em 0 .45em;}
  .wp-content h3{font-size:clamp(26px,8vw,36px);}
  .wp-content a{word-break:break-word;}
  .error-content{text-align:left;}
  .error-content p{font-size:18px;}
  .error-actions{justify-content:flex-start;align-items:flex-start;flex-direction:column;}
  .player-list li{font-size:16px;display:block;}
  .player-meta{display:block;margin-top:4px;}
}