/* Fonts self-hosted (statt Google-CDN — keine IP-Übermittlung an Google).
   Variable Fonts, latin + latin-ext, aus /fonts/. */
@font-face{
  font-family:'Oswald'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('/fonts/oswald-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Oswald'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('/fonts/oswald-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Instrument Sans'; font-style:normal; font-weight:400 600; font-display:swap;
  src:url('/fonts/instrumentsans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Instrument Sans'; font-style:normal; font-weight:400 600; font-display:swap;
  src:url('/fonts/instrumentsans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --bg:#f7f6f2; --surface:#ffffff; --ink:#342d55; --body:#3b3556;
  --accent:#246492; --accent-deep:#1e5480; --muted:#78738b; --rule:#e2e0e6; --rule-strong:#c9c6d2;
  --on-accent:#ffffff;
  --shadow:0 1px 2px rgba(52,45,85,.05),0 10px 30px rgba(52,45,85,.07);
  --disp:'Oswald','Barlow Condensed','Arial Narrow',system-ui,sans-serif;
  --sans:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
/* Platz für den Scrollbalken immer reservieren — sonst springt das zentrierte
   Layout zwischen scrollenden und nicht scrollenden Seiten um ein paar Pixel */
html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--bg)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Weicher Übergang bei Seitenwechseln (Cross-Fade statt hartem Neuaufbau);
   Browser ohne View-Transitions ignorieren das einfach */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  /* Sticky Footer: Footer immer an der Unterkante, auch wenn der Inhalt kürzer als der Viewport ist */
  min-height:100dvh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3{color:var(--ink);margin:0}
.disp{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.005em;
  line-height:.98;text-wrap:balance}
a{color:inherit}
.accent{color:var(--accent)}
em{color:var(--muted);font-style:italic}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}
.wrap.narrow{max-width:760px}
.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}

/* tag */
.tag{display:inline-flex;align-items:stretch;font-family:var(--disp);font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;border-radius:4px;overflow:hidden;flex:0 0 auto}
.tag .t-l{background:var(--ink);color:var(--bg);padding:.32rem .6rem}
.tag .t-r{background:var(--accent);color:var(--on-accent);padding:.32rem .55rem}
.tag.on-blue .t-l{background:#fff;color:var(--accent)}
.tag.on-blue .t-r{background:rgba(255,255,255,.22);color:#fff}

/* ---- topbar with BIGGER nav ---- */
.topbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.topbar-inner{max-width:1120px;margin:0 auto;padding:.9rem clamp(1.25rem,5vw,2.5rem);
  display:flex;align-items:center;gap:1.2rem;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--disp);font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;font-size:1.8rem;text-decoration:none;color:var(--ink)}
.brand-logo{height:67px;width:auto;display:block}
.brand .tld{color:var(--accent)}
.brand-sub{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:.85rem;line-height:1.25;color:var(--accent);padding-left:.9rem;
  border-left:2px solid var(--rule-strong);align-self:center}
.nav{display:flex;gap:.2rem;align-items:center;margin-left:auto}
.navlink,.navtrigger{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.03em;
  font-size:1.4rem;text-decoration:none;color:var(--ink);padding:.5rem .8rem;border-radius:8px;
  white-space:nowrap;background:none;border:none;cursor:pointer;line-height:1;
  display:inline-flex;align-items:center;gap:.35rem;transition:color .2s,background .2s}
.navlink:hover,.navtrigger:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.navlink.active,.navtrigger.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.caret{font-size:.62em;opacity:.65;margin-top:.12em}
/* dropdown */
.navitem{position:relative}
.navitem.has-drop::after{content:'';position:absolute;top:100%;left:0;right:0;height:.6rem}
.dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:270px;background:var(--surface);
  border:1px solid var(--rule);border-radius:11px;box-shadow:var(--shadow);padding:.4rem;
  display:none;flex-direction:column;gap:.05rem;z-index:120}
.navitem:hover .dropdown,.navitem:focus-within .dropdown{display:flex}
.dropdown a{font-family:var(--sans);text-transform:none;font-weight:500;font-size:.98rem;color:var(--ink);
  text-decoration:none;padding:.55rem .75rem;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s}
.dropdown a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.burger{display:none;border:1px solid var(--rule-strong);background:transparent;color:var(--ink);
  width:44px;height:42px;border-radius:9px;cursor:pointer;font-size:1.3rem}
/* mobile menu */
body.no-scroll{overflow:hidden}
.nav-mobile{display:none;flex-direction:column;padding:.4rem clamp(1.25rem,5vw,2.5rem) 1.2rem;
  max-height:calc(100dvh - 80px);overflow-y:auto}
.nav-mobile.open{display:flex}
.nav-mobile .m-top{font-family:var(--disp);text-transform:uppercase;font-size:1.3rem;font-weight:500;
  color:var(--ink);text-decoration:none;padding:.6rem 0;border-top:1px solid var(--rule)}
.nav-mobile .m-top.active{color:var(--accent)}
.nav-mobile .m-group{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.nav-mobile .m-h{font-family:var(--disp);text-transform:uppercase;font-size:1.3rem;font-weight:500;
  color:var(--ink);padding:.6rem 0 .3rem}
.nav-mobile .m-group a{font-family:var(--sans);text-transform:none;font-size:1.05rem;font-weight:500;
  color:var(--body);text-decoration:none;padding:.4rem 0 .4rem 1rem}
.nav-mobile .m-group a:hover{color:var(--accent)}
@media (max-width:940px){.nav{display:none}.burger{display:block}.brand{font-size:1.55rem}.brand-logo{height:55px}}

/* ---- hero (index) ---- */
.hero{position:relative;padding:clamp(2.5rem,6vw,4rem) 0 0;overflow:hidden}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.hero-wahl{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  color:var(--ink);font-size:.95rem}
.hero h1{font-size:clamp(2.8rem,10vw,6.2rem);margin:1.6rem 0 0;color:var(--ink)}
.subrule{width:56px;height:4px;background:var(--accent);margin:1.8rem 0 .9rem}
.hero-sub{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--ink);
  font-size:clamp(1rem,2.6vw,1.35rem);letter-spacing:.02em;line-height:1.15}
.band{position:relative;margin-top:clamp(2.5rem,6vw,4rem);background:var(--accent);color:#fff;
  clip-path:polygon(0 clamp(2rem,4vw,2.8rem),100% 0,100% 100%,0 100%);padding:clamp(4rem,7vw,5rem) 0 clamp(2rem,4vw,3rem)}
.band h2{color:#fff;font-size:clamp(1.3rem,3vw,1.9rem)}
.band .lede{color:rgba(255,255,255,.9);margin:.8rem 0 0;font-size:1.02rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.6rem;font-size:.9rem;color:rgba(255,255,255,.85)}
.hero-meta b{color:#fff;font-family:var(--disp);font-weight:700;font-size:1.15rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;font-size:.9rem;
  letter-spacing:.02em;padding:.72rem 1.2rem;border-radius:7px;text-transform:uppercase;font-family:var(--disp);
  transition:transform .15s,background .2s,border-color .2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-lg{font-size:1.15rem;padding:.75rem 1.9rem;border-radius:9px}
.cta-row .btn-lg{padding-left:4rem;padding-right:4rem}
@media (max-width:600px){.cta-row .btn-lg{width:100%;justify-content:center;padding-left:1.6rem;padding-right:1.6rem}}
.btn.primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}
.btn.on-blue{background:#fff;color:var(--accent);border:1px solid #fff}
.btn.on-blue.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}

/* ---- sections ---- */
section[id]{scroll-margin-top:70px;padding:clamp(3rem,7vw,5rem) 0}
main>section[id]+section[id]{border-top:1px solid var(--rule)}
.sec-head{display:flex;align-items:flex-start;gap:1.1rem;margin-bottom:2.2rem}
.sec-num{font-family:var(--disp);font-weight:700;font-size:1.05rem;color:#fff;background:var(--accent);
  border-radius:6px;min-width:2.2rem;height:2.2rem;padding:0 .5rem;display:grid;place-items:center;flex:0 0 auto}
.sec-head h2{font-size:clamp(1.9rem,5vw,3rem)}
.sec-head p{margin:.5rem 0 0;color:var(--muted);font-size:.98rem;max-width:100ch;line-height:1.5}

/* ---- fragen overview grid (index) ---- */
.qgrid{display:flex;flex-direction:column;gap:1rem}
.qcard-link{display:flex;flex-direction:row;align-items:center;gap:1.5rem;background:var(--surface);
  border:1px solid var(--rule);border-radius:12px;padding:2rem 1.8rem;box-shadow:var(--shadow);
  text-decoration:none;border-left:5px solid var(--accent);transition:transform .15s,border-color .2s}
.qcard-link:hover{transform:translateY(-3px)}
.qcard-link .tag{align-self:flex-start;font-size:.9rem}
.qc-main{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}
.qcard-link .qtopic{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:700}
.qcard-link .qtitle{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:var(--ink);
  font-size:2.1rem;line-height:1.03;letter-spacing:.01em}
.qcard-link .qgo{flex:0 0 auto;font-family:var(--disp);text-transform:uppercase;font-weight:600;
  color:var(--accent);font-size:.95rem;letter-spacing:.03em;white-space:nowrap}
@media (max-width:640px){.qcard-link{flex-wrap:wrap;gap:.7rem}.qcard-link .qgo{width:100%}
  .qc-main{flex-basis:100%}}

/* ---- promo (index) ---- */
.promo-list{display:flex;flex-direction:column;gap:1rem}
.promo{background:var(--accent);border-radius:14px;padding:clamp(1.6rem,4vw,2.4rem);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.promo h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.promo-date{flex:0 0 auto;background:#fff;color:var(--accent);border-radius:10px;
  width:92px;padding:1rem .8rem;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.1rem;align-self:center}
.promo-date .d{font-family:var(--disp);font-weight:700;font-size:2.6rem;line-height:1}
.promo-date .m{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.promo>div:not(.promo-date){flex:1 1 24ch}
@media (max-width:520px){.promo-date{flex-direction:row;width:auto;gap:.5rem;padding:.6rem .9rem}}

/* ---- timeline ---- */
.timeline{border-left:2px solid var(--rule);margin-left:.5rem;padding-left:1.7rem;
  display:flex;flex-direction:column;gap:1.7rem}
.tl-item{position:relative}
.tl-item::before{content:'';position:absolute;left:-1.79rem;top:.35rem;width:11px;height:11px;
  border-radius:50%;background:var(--bg);border:3px solid var(--accent);transform:translateX(-50%)}
.tl-item .yr{font-family:var(--disp);font-weight:700;color:var(--accent);font-size:1.15rem}
.tl-item h3{font-size:1.15rem;margin:.15rem 0 .3rem}
.tl-item p{margin:0;color:var(--muted);font-size:.92rem;max-width:62ch}

/* ---- question hero ---- */
.qhero{background:var(--surface);border-bottom:1px solid var(--rule);
  padding:clamp(1.4rem,3vw,2rem) 0 clamp(2rem,4vw,2.6rem)}
.back{display:inline-block;font-family:var(--disp);text-transform:uppercase;font-weight:500;
  letter-spacing:.04em;color:var(--muted);text-decoration:none;font-size:.9rem;margin-bottom:1.4rem}
.back:hover{color:var(--accent)}
.qhero-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.qtopic-lg{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;
  color:var(--accent);font-weight:600;font-size:.85rem;margin:1.4rem 0 .5rem}
.qhero h1{font-size:clamp(2.2rem,7vw,4.4rem);color:var(--ink);line-height:1.3}
.steps{display:flex;gap:.5rem;margin-top:1.8rem}
.step{width:2.1rem;height:2.1rem;border-radius:7px;display:grid;place-items:center;text-decoration:none;
  font-family:var(--disp);font-weight:600;font-size:.95rem;color:var(--muted);
  border:1px solid var(--rule-strong);background:transparent;transition:all .2s}
.step:hover{border-color:var(--accent);color:var(--accent)}
.step.on{background:var(--accent);border-color:var(--accent);color:#fff}
/* Steps in der Kopfzeile neben dem Frage-Tag */
.qhero-top .tag{height:2rem}
.qhero-top .tag .t-l,.qhero-top .tag .t-r{display:inline-flex;align-items:center}
.steps-top{margin-top:0;gap:.35rem;margin-right:auto}
.steps-top .step{width:2rem;height:2rem;border-radius:4px;font-size:.85rem;font-weight:700}

/* ---- question full text ---- */
.qfull{border:1px solid var(--rule);border-radius:12px;padding:1.5rem 1.7rem;margin-bottom:1.8rem;
  background:var(--surface);box-shadow:var(--shadow)}
.qfull p{margin:0 0 .7rem;font-size:1.3rem;line-height:1.4;color:var(--ink);font-weight:500}
.qfull .subq{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.qfull .subq li{font-size:1.22rem;line-height:1.4;color:var(--body);padding-left:2.1rem;position:relative}
.qfull .subq li b{position:absolute;left:0;top:0;font-family:var(--disp);font-weight:700;color:var(--accent);font-size:1.15rem}

/* ---- question card with dark bar (Blocklayout) ---- */
.qfull.qfull-bar{padding:0;overflow:hidden;border-left:5px solid var(--accent)}
.qf-bar{background:var(--ink);color:#9fc4de;font-family:var(--disp);text-transform:uppercase;
  letter-spacing:.14em;font-weight:600;font-size:.95rem;padding:.85rem 1.7rem}
.qf-body{padding:1.3rem 1.7rem 1.5rem}

/* ---- party answer blocks (Fragenseite, Blocklayout) ---- */
.pblock{background:var(--surface);border:1px solid var(--rule);border-left:5px solid var(--pc,var(--accent));
  border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:1rem}
.pb-bar{display:flex;align-items:center;gap:1.1rem;padding:.8rem 1.4rem;
  background:color-mix(in srgb,var(--pc,var(--accent)) 9%,var(--surface));border-bottom:1px solid var(--rule)}
.pb-logo{flex:0 0 auto;display:grid;place-items:center;width:112px;height:46px}
.pb-logo img{max-height:32px;max-width:100px;width:auto;height:auto;display:block}
.pb-logo img[src$="gruene.svg"]{max-height:40px} /* kompaktes Stapel-Logo optisch angleichen */
.pb-long{margin:0 0 0 auto;color:var(--ink);font-family:var(--sans);font-weight:600;
  font-size:1.02rem;text-align:right}
.pb-body{padding:1.1rem 1.4rem 1.2rem}
.pb-body p{margin:0;font-size:.98rem;color:var(--body)}
.pb-body p+p{margin-top:.8rem}
.pb-body p+p.pt{margin-top:.45rem}

/* ---- HU position block (dunkler Balken, greift Footer/HU-Logo auf) ---- */
.hu-block{background:var(--surface);border:1px solid var(--rule);border-left:5px solid var(--accent);
  border-radius:12px;overflow:hidden;margin-top:2.4rem;box-shadow:var(--shadow)}
.hu-head{display:flex;align-items:center;gap:1rem;background:var(--ink);padding:.8rem 1.7rem;
  min-height:calc(46px + 1.6rem);box-sizing:border-box}
.hu-mark{height:42px;width:auto;display:block}
.hu-eyebrow{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;
  font-weight:600;font-size:.95rem;color:#9fc4de;margin-left:.5rem}
.hu-body{padding:1.3rem 1.7rem 1.5rem}
.hu-body p{margin:0;font-size:.98rem;color:var(--body)}
.hu-body p+p{margin-top:.8em}

/* ---- pagers ---- */
.pagers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.pager{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;background:var(--surface);
  border:1px solid var(--rule);border-radius:11px;padding:1rem 1.2rem;box-shadow:var(--shadow);
  transition:border-color .2s,transform .15s}
.pager:hover{border-color:var(--accent);transform:translateY(-2px)}
.pager span{font-family:var(--disp);text-transform:uppercase;font-size:.78rem;letter-spacing:.04em;color:var(--muted)}
.pager b{font-family:var(--disp);text-transform:uppercase;color:var(--ink);font-weight:700;font-size:1.05rem;line-height:1.05}
.pager.next{text-align:right}
@media (max-width:520px){.pagers{grid-template-columns:1fr}.pager.next{text-align:left}}

/* ---- event ---- */
.event-list{display:flex;flex-direction:column;gap:1rem}
.event{background:var(--surface);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:118px 1fr;overflow:hidden;scroll-margin-top:90px}
.event-date{background:var(--accent);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.1rem}
.event-date .d{font-family:var(--disp);font-weight:700;font-size:2.6rem;line-height:1}
.event-date .m{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.event-body{padding:1.1rem 1.7rem 1.2rem}
.event-body h3{font-size:1.7rem;margin:.1rem 0 .35rem}
.event-body p{margin:0 0 .6rem;color:var(--muted);font-size:.95rem}
.event-body .who{color:var(--body)}
.event-body .btn{padding-left:3rem;padding-right:3rem}
.event-body .eyebrow{display:block;margin-bottom:.35rem}
.event-body h3{margin-top:0}
.ev-speakers{list-style:none;margin:0 0 .7rem;padding:0}
/* feste Namensspalte, damit die Beschreibungen bündig untereinander stehen */
.ev-speakers li{display:grid;grid-template-columns:10.5rem 1fr;align-items:baseline;gap:.15rem .7rem;padding:.24rem 0;border-top:1px solid var(--rule)}
.ev-speakers li:last-child{border-bottom:1px solid var(--rule)}
.ev-speakers b{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:1.05rem;letter-spacing:.02em;color:var(--ink);white-space:nowrap}
.ev-speakers span{color:var(--muted);font-size:.92rem}
.ev-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.ev-meta li{color:var(--body);font-size:.95rem;padding-left:1rem;position:relative}
.ev-meta li::before{content:"";position:absolute;left:0;top:.48em;width:.42rem;height:.42rem;background:var(--accent);border-radius:50%}
.ev-meta a,.ev-speakers span a,.event-body p a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media (max-width:520px){.event{grid-template-columns:1fr}.event-date{flex-direction:row;gap:.6rem;padding:.9rem}
  .ev-speakers li{grid-template-columns:1fr;gap:0}}

/* ---- parteien (Blocklayout wie Fragenseiten) ---- */
.pb-body .pb-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--rule)}
.pb-answered{color:var(--muted);font-size:.9rem}
.pb-foot a{font-size:.95rem;font-weight:600;color:var(--accent);text-decoration:none;
  text-transform:uppercase;letter-spacing:.03em;font-family:var(--disp);white-space:nowrap}
.pb-foot a.pb-dl{margin-left:auto}
.pb-foot a:hover{text-decoration:underline}
/* Kurzprofil-Faktenliste (Parteien-Seite) */
.pb-body .imp-rows{margin-top:0;font-size:.95rem}

/* ---- about / impressum ---- */
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}
.about p{margin:0 0 1rem;font-size:1rem;color:var(--body)}
.impressum{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1.3rem 1.4rem;
  font-size:.88rem;color:var(--muted);box-shadow:var(--shadow)}
.impressum h3{font-size:.72rem;color:var(--ink);margin:0 0 .9rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.impressum b{color:var(--ink);font-weight:600}
.impressum p{margin:0 0 .6rem}
/* Label/Wert-Zeilen: Doppelpunkte und Werte jeweils in eigener linksbündiger Spalte */
.imp-rows{display:grid;grid-template-columns:max-content 1fr;column-gap:.7rem;row-gap:.45rem;margin:.9rem 0 0}
.imp-rows dt{color:var(--ink);font-weight:600}
.imp-rows dt::after{content:':'}
.imp-rows dd{margin:0;min-width:0;overflow-wrap:anywhere}
.side-col{display:flex;flex-direction:column;gap:1.2rem;min-width:0}
/* Fließtext-Seiten (Datenschutz): volle wrap-Breite */
.prose p{margin:0 0 1rem;font-size:1rem;color:var(--body)}
.prose ul{margin:0 0 1rem;padding-left:1.3rem;font-size:1rem}
.prose li{margin-bottom:.4rem}
.prose h3{margin:1.8rem 0 .6rem}
.prose h3:first-child{margin-top:0}
.about-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;
  padding:1.6rem 1.7rem;box-shadow:var(--shadow)}
.about-card .hulogo-img{margin-bottom:1.7rem}
.about-card p{margin:0 0 1rem;font-size:1rem;color:var(--body)}
/* Überschrift optisch an ihren Text binden: viel Luft davor, wenig danach */
.about-card h3{font-size:.72rem;color:var(--ink);margin:1.9rem 0 .45rem;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700}
.about-card h3:first-child{margin-top:0}
/* Liste schließt an den Doppelpunkt-Satz an wie eine Fließtextzeile (nicht wie neuer Absatz) */
.about-card .imp-rows{font-size:.95rem;margin-top:-.7rem}
.imp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
/* Zeilenumbruch nur im Mobile-Layout (gleicher Breakpoint wie .imp-grid) */
.br-m{display:none}
@media (max-width:680px){.imp-grid{grid-template-columns:1fr}.br-m{display:inline}}
/* Kontakt-/Newsletter-Formulare */
.cform{display:flex;flex-direction:column;gap:.7rem;margin-top:.2rem}
.cform input,.cform textarea{font-family:var(--sans);font-size:.95rem;padding:.65rem .8rem;
  border-radius:9px;border:1px solid var(--rule-strong);background:var(--bg);color:var(--ink);width:100%}
.cform textarea{min-height:120px;resize:vertical}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.cform button{cursor:pointer;font-family:var(--sans);align-self:flex-end;min-width:12rem;justify-content:center;margin-top:.4rem}
.nl-row{display:flex;gap:.5rem}
.nl-row input{flex:1;min-width:0}
.nl-row button{align-self:auto;flex:0 0 auto;margin-top:0}
.form-note{display:none;font-weight:600;color:var(--accent-deep)}
.form-note.err{color:#b23333}
.hp{position:absolute;left:-9999px;opacity:0;height:0;pointer-events:none}
.hulogo{display:inline-flex;flex-direction:column;background:var(--accent);color:#fff;font-weight:600;
  line-height:1.05;padding:.5rem .7rem;border-radius:3px;font-size:.85rem;margin-bottom:.9rem}
.hulogo-img{display:block;height:auto;border-radius:3px}
@media (max-width:680px){.about{grid-template-columns:1fr}}

/* ---- downloads ---- */
.dl-grid{display:flex;flex-direction:column;gap:.8rem}
.dl{display:flex;align-items:center;gap:1.4rem;background:var(--surface);border:1px solid var(--rule);
  border-left:5px solid var(--accent);border-radius:12px;padding:1.3rem 1.5rem;text-decoration:none;
  box-shadow:var(--shadow);transition:transform .15s,border-color .2s}
.dl:hover{transform:translateY(-2px)}
.dl.inline{margin-top:2rem}
.dl .ico{width:52px;height:52px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-weight:700;font-size:.82rem;font-family:var(--disp)}
.dl .ico-img{background:none;border-radius:0}
.dl .ico-img img{width:100%;height:100%;object-fit:contain;display:block}
.dl .dt{font-weight:700;font-size:1.25rem;display:block;color:var(--ink)}
.dl .ds{font-size:.9rem;color:var(--muted)}

/* ---- footer ---- */
footer{background:var(--ink);color:rgba(255,255,255,.75);padding:2.6rem 0 2.4rem;margin-top:2rem}
.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center;
  font-size:.82rem;letter-spacing:.03em}
.foot-brand{display:flex;align-items:center;gap:1rem}
.foot-logo{height:34px;width:auto;opacity:.95}
footer .fl{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:#fff;font-size:1.1rem}
footer .fl .tld{color:#9fc4de}
footer a{color:rgba(255,255,255,.75);text-decoration:none}
footer a:hover{color:#fff}
.mocknote{max-width:1120px;margin:0 auto;padding:1.2rem clamp(1.25rem,5vw,2.5rem) 0}
.mocknote span{display:inline-block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.6);border:1px dashed rgba(255,255,255,.3);border-radius:20px;padding:.3rem .8rem}

/* reveal */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ===================================================================
   MOBILE POLISH  —  alle mobilspezifischen Feinheiten an EINEM Ort.
   Neue Komponenten im gleichen flex/grid+gap+clamp-Muster bauen,
   dann braucht es hier meist keine Ergänzung.
   =================================================================== */

/* Lange deutsche Komposita nie über den Rand schieben */
html{overflow-wrap:break-word}
.qfull p,.qfull .subq li,.tl-item p,.about p,.sec-head p,.event-body p,
.pb-body p,.hu-body p{hyphens:auto}

/* ---- Tablet / großes Handy ---- */
@media (max-width:600px){
  section[id]{padding:clamp(2.2rem,7vw,3rem) 0}
  .sec-head{margin-bottom:1.6rem}
  .hero{padding-top:1.8rem}

  /* Fragen-Übersichtskarten */
  .qcard-link{padding:1.4rem 1.2rem;gap:1rem}
  .qcard-link .qtitle{font-size:1.55rem}
  .qcard-link .qtopic{font-size:.72rem;letter-spacing:.1em}

  /* Fragenseite: Wortlaut + Position */
  .qfull{padding:1.2rem 1.2rem}
  .qfull p{font-size:1.14rem}
  .qfull .subq li{font-size:1.08rem;padding-left:1.7rem}
  .qfull .subq li b{font-size:1.05rem}
  .qtopic-lg{letter-spacing:.08em}

  /* Partei-Antwortblöcke + Frage-Balken */
  .pb-bar{padding:.65rem 1rem;gap:.8rem}
  .pb-long{font-size:.88rem}
  .pb-logo{width:82px;height:40px}
  .pb-logo img{max-height:28px;max-width:82px}
  .pb-logo img[src$="gruene.svg"]{max-height:35px}
  .qf-bar{padding:.7rem 1.2rem;letter-spacing:.1em}
  .qf-body{padding:1.1rem 1.2rem 1.2rem}
  .pb-name{font-size:1.25rem}
  .pb-body{padding:.9rem 1rem 1rem}

  /* Parteien-Kurzprofile: Faktenliste + Fußzeilen-Links stapeln */
  .pb-body .imp-rows{grid-template-columns:1fr;row-gap:.1rem}
  .pb-body .imp-rows dd{margin-bottom:.55rem}
  .pb-body .imp-rows dd:last-child{margin-bottom:0}
  .pb-body .pb-foot{flex-direction:column;align-items:flex-start;gap:.55rem}
  .pb-foot a.pb-dl{margin-left:0}
  .hu-mark{height:36px}
  .hu-head{padding:.65rem 1.2rem;min-height:calc(40px + 1.3rem)}
  .hu-body{padding:1.1rem 1.2rem 1.2rem}
}

/* ---- Kleines Handy ---- */
@media (max-width:400px){
  .topbar-inner{padding:.7rem 1rem;gap:.6rem}
  .brand-logo{height:50px}
  .brand-sub{font-size:.72rem;padding-left:.6rem}
  .hero h1{font-size:2.6rem}
  .qhero h1{font-size:2rem}
  .qcard-link .qtitle{font-size:1.4rem}
  .steps{gap:.35rem}
  .step{width:1.95rem;height:1.95rem;font-size:.88rem}
  .btn-lg{font-size:1.05rem;padding:.85rem 1.4rem}

  /* Kontakt-/Newsletter-Buttons: volle Reihe statt gequetschtem Input */
  .nl-row{flex-wrap:wrap}
  .nl-row input{flex:1 1 100%}
  .cform button{min-width:0;width:100%}
}