/* ==========================================================================
   e.V.-Vorstand · Website (Startseite + antrag.ev-vorstand.de) · Schrift: System-Schriftstack (I7)
   Farbschema „Slipstream“: Navy #222743 · Hellblau #BCDBF7 · Indigo #5367C2 ·
   Himmelblau #7BCAEF · Limette #B5E86A · Petrol #7BCBB0 · Orange #EF873D · Rot #DF5034
   Bedeutung der Farben: Limette = Ja/Hauptaktion · Rot = Nein · Orange =
   eingeschränkt/zurückgestellt · Himmelblau = Termine · Indigo = Bedienung
   ========================================================================== */

:root{
  color-scheme:light;
  --bg:#F6F9FE;
  --bg-alt:#EDF3FC;
  --wash-blue:#E4EFFC;
  --wash-warm:#FDF1E7;
  --surface:#FFFFFF;
  --surface-2:#F3F6FC;
  --ink:#222743;
  --text:#333A58;
  --muted:#5B6384;
  --line:#DAE2F0;
  --line-strong:#B6C2DA;
  --grid:rgba(34,39,67,.065);
  --focus:#5367C2;
  --link:#3F52AE;
  --cta:#B5E86A; --cta-hover:#C2EE80; --cta-edge:#8CC044; --on-cta:#222743;
  --lime:#B5E86A;   --lime-ink:#3E6A12;   --lime-tint:#EDF8DC;
  --teal:#7BCBB0;   --teal-ink:#1B6D56;   --teal-tint:#E0F3EC;
  --sky:#7BCAEF;    --sky-ink:#19638A;    --sky-tint:#E0F2FC;
  --peri:#5367C2;   --peri-ink:#3F52AE;   --peri-tint:#E5E9F8;  --on-peri:#FFFFFF;
  --orange:#EF873D; --orange-ink:#9C4A0C; --orange-tint:#FDEBDD;
  --red:#DF5034;    --red-ink:#AE3019;    --red-tint:#FBE2DC;
  --grey:#A7B0C8;   --grey-ink:#545C7B;   --grey-tint:#EBEEF5;
  --on-chalk:#222743;
  --marker:rgba(181,232,106,.8);
  --stick:#D5C29E;
  --phone-frame:#1A1F38;
  --board-bg:#222743; --board-ink:#F5F8FE; --board-muted:#B1BBD8; --board-line:rgba(245,248,254,.13); --board-chip:rgba(245,248,254,.07);
  --footer-bg:#222743; --footer-ink:#E7EDF9; --footer-muted:#A7B2D2; --footer-line:rgba(231,237,249,.14);
  --mark-bg:#222743; --mark-fg:#FFFFFF; --mark-check:#B5E86A;
  --shadow-s:0 1px 2px rgba(34,39,67,.06),0 2px 10px rgba(34,39,67,.05);
  --shadow-l:0 2px 4px rgba(34,39,67,.05),0 20px 50px -14px rgba(34,39,67,.25);
  --r-s:8px; --r-m:14px; --r-l:22px;
  --top-h:68px;
  --f-display:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --f-text:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#151A31;
    --bg-alt:#191F39;
    --wash-blue:#172442;
    --wash-warm:#221F35;
    --surface:#1D2442;
    --surface-2:#232B4C;
    --ink:#F3F6FD;
    --text:#D3D9EC;
    --muted:#9DA7C9;
    --line:#2E3862;
    --line-strong:#434F80;
    --grid:rgba(243,246,253,.045);
    --focus:#9BA8F2;
    --link:#AEB9F6;
    --cta:#B5E86A; --cta-hover:#C4EF84; --cta-edge:#7EA93F; --on-cta:#151A31;
    --lime:#B5E86A;   --lime-ink:#C9EE94;   --lime-tint:#27331E;
    --teal:#85D1B7;   --teal-ink:#9FDDC7;   --teal-tint:#173530;
    --sky:#86CFF1;    --sky-ink:#A8DDF6;    --sky-tint:#17304A;
    --peri:#7C8CE3;   --peri-ink:#B1BBF5;   --peri-tint:#262E5E;  --on-peri:#151A31;
    --orange:#F29656; --orange-ink:#F7B585; --orange-tint:#3B2819;
    --red:#E86A51;    --red-ink:#F29A88;    --red-tint:#3E2023;
    --grey:#7C86A8;   --grey-ink:#B7BFD9;   --grey-tint:#272F52;
    --on-chalk:#151A31;
    --marker:rgba(181,232,106,.36);
    --stick:#8A7C62;
    --phone-frame:#46518A;
    --board-bg:#0E1328; --board-ink:#F3F6FD; --board-muted:#A2ACCF; --board-line:rgba(243,246,253,.11); --board-chip:rgba(243,246,253,.06);
    --footer-bg:#0C1024; --footer-ink:#D3D9EC; --footer-muted:#8E99BD; --footer-line:rgba(211,217,236,.12);
    --mark-bg:#B5E86A; --mark-fg:#151A31; --mark-check:#151A31;
    --shadow-s:0 1px 2px rgba(0,0,0,.35);
    --shadow-l:0 2px 6px rgba(0,0,0,.3),0 24px 60px -16px rgba(0,0,0,.65);
  }
}
:root[data-theme="dark"]{
    color-scheme:dark;
    --bg:#151A31;
    --bg-alt:#191F39;
    --wash-blue:#172442;
    --wash-warm:#221F35;
    --surface:#1D2442;
    --surface-2:#232B4C;
    --ink:#F3F6FD;
    --text:#D3D9EC;
    --muted:#9DA7C9;
    --line:#2E3862;
    --line-strong:#434F80;
    --grid:rgba(243,246,253,.045);
    --focus:#9BA8F2;
    --link:#AEB9F6;
    --cta:#B5E86A; --cta-hover:#C4EF84; --cta-edge:#7EA93F; --on-cta:#151A31;
    --lime:#B5E86A;   --lime-ink:#C9EE94;   --lime-tint:#27331E;
    --teal:#85D1B7;   --teal-ink:#9FDDC7;   --teal-tint:#173530;
    --sky:#86CFF1;    --sky-ink:#A8DDF6;    --sky-tint:#17304A;
    --peri:#7C8CE3;   --peri-ink:#B1BBF5;   --peri-tint:#262E5E;  --on-peri:#151A31;
    --orange:#F29656; --orange-ink:#F7B585; --orange-tint:#3B2819;
    --red:#E86A51;    --red-ink:#F29A88;    --red-tint:#3E2023;
    --grey:#7C86A8;   --grey-ink:#B7BFD9;   --grey-tint:#272F52;
    --on-chalk:#151A31;
    --marker:rgba(181,232,106,.36);
    --stick:#8A7C62;
    --phone-frame:#46518A;
    --board-bg:#0E1328; --board-ink:#F3F6FD; --board-muted:#A2ACCF; --board-line:rgba(243,246,253,.11); --board-chip:rgba(243,246,253,.06);
    --footer-bg:#0C1024; --footer-ink:#D3D9EC; --footer-muted:#8E99BD; --footer-line:rgba(211,217,236,.12);
    --mark-bg:#B5E86A; --mark-fg:#151A31; --mark-check:#151A31;
    --shadow-s:0 1px 2px rgba(0,0,0,.35);
    --shadow-l:0 2px 6px rgba(0,0,0,.3),0 24px 60px -16px rgba(0,0,0,.65);
}

/* ---------- Grundlagen ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-text);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);color:var(--ink);text-wrap:balance;font-optical-sizing:auto}
h2{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.75rem);line-height:1.1;letter-spacing:-.022em;font-weight:700}
h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.2;letter-spacing:-.012em;font-weight:700}
h4{font-size:1.06rem;line-height:1.25;letter-spacing:-.005em;font-weight:700}
p{margin:0}
a{color:var(--link);text-underline-offset:.18em}
b,strong{color:var(--ink);font-weight:600}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
::selection{background:var(--marker);color:var(--ink)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.mono{font-family:var(--f-mono);font-size:.88em;letter-spacing:-.01em;overflow-wrap:anywhere}
.nobr{white-space:nowrap}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--bg);padding:.6em 1em;border-radius:10px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* Kleine Stimmkarte vor jeder Rubrik */
.eyebrow{display:inline-flex;align-items:center;gap:.6em;text-wrap:balance;font-family:var(--f-text);font-weight:600;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:var(--eb-ink,var(--muted))}
.eyebrow::before{content:"";width:.66em;height:.86em;border-radius:2px;background:var(--eb-card,var(--grey));transform:rotate(-9deg);flex:none}
.eb-lime{--eb-ink:var(--lime-ink);--eb-card:var(--lime)}
.eb-teal{--eb-ink:var(--teal-ink);--eb-card:var(--teal)}
.eb-sky{--eb-ink:var(--sky-ink);--eb-card:var(--sky)}
.eb-peri{--eb-ink:var(--peri-ink);--eb-card:var(--peri)}
.eb-orange{--eb-ink:var(--orange-ink);--eb-card:var(--orange)}
.eb-red{--eb-ink:var(--red-ink);--eb-card:var(--red)}

.lead{font-size:clamp(1.07rem,1rem + .35vw,1.22rem);line-height:1.58;color:var(--text);max-width:40em}
.marker{color:inherit;background:linear-gradient(180deg,transparent 60%,var(--marker) 60%,var(--marker) 92%,transparent 92%);padding-inline:.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---------- Schaltflächen ---------- */
.btn{--btn-bg:transparent;--btn-ink:var(--ink);--btn-bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.7em 1.3em;border-radius:999px;border:1.5px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-ink);font:600 1rem/1.2 var(--f-text);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.btn--cta{--btn-bg:var(--cta);--btn-ink:var(--on-cta);--btn-bd:var(--cta-edge);box-shadow:0 2px 0 var(--cta-edge)}
.btn--cta:hover{--btn-bg:var(--cta-hover)}
.btn--ghost{--btn-bd:var(--line-strong)}
.btn--ghost:hover{--btn-bg:var(--surface)}
.btn--dark{--btn-bg:var(--ink);--btn-ink:var(--bg);--btn-bd:var(--ink)}
.btn--sm{min-height:40px;padding:.5em 1.05em;font-size:.95rem}
.btn--quiet{min-height:40px;padding:.5em .85em;font-size:.95rem;font-weight:600}
.btn--quiet:hover{--btn-bg:var(--surface-2);transform:none}
.btn--tiny{min-height:34px;padding:.35em .8em;font-size:.88rem;font-weight:600;--btn-bd:var(--line-strong)}
.btn--tiny:hover{--btn-bg:var(--surface)}
@media (max-width:400px){.btn{white-space:normal;text-align:center}}
.btn .sm{display:none}
@media (max-width:480px){.btn .lg{display:none}.btn .sm{display:inline}}

/* ---------- Kopfzeile ---------- */
.pre{background:var(--board-bg);color:var(--board-ink)}
.pre__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;min-height:38px;padding-block:7px;font-size:.88rem;line-height:1.35;text-align:center}
.pre__bar > .i{color:var(--lime);flex:none}
.pre__bar a{display:inline-flex;align-items:center;gap:.35em;color:var(--lime);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.pre__bar a:hover{text-decoration-thickness:2px}
@media (max-width:560px){.pre__long,.pre__bar > .i{display:none}.pre__bar{font-size:.84rem;gap:2px 8px}}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){
  .top{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
}
.top__bar{position:relative;display:flex;align-items:center;gap:18px;min-height:var(--top-h)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;color:var(--ink);text-decoration:none}
.brand__mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mark-bg);color:var(--mark-fg);flex:none}
.brand__mark svg{width:22px;height:22px}
.brand__mark .ck{stroke:var(--mark-check);stroke-width:2.3}
.brand__name{font-family:var(--f-display);font-weight:700;font-size:1.22rem;letter-spacing:-.015em;line-height:1}
.brand__sub{font-size:.82rem;color:var(--muted);font-weight:500;padding-left:12px;margin-left:2px;border-left:1px solid var(--line-strong);line-height:1.2}
.top__nav{display:flex;align-items:center;gap:2px;margin-inline:auto}
.top__nav a{padding:.45em .62em;border-radius:999px;color:var(--text);text-decoration:none;font-weight:500;font-size:.94rem;white-space:nowrap}
.top__nav a:hover{background:var(--surface-2);color:var(--ink)}
.top__nav .top__nav-login{display:none;width:100%;align-items:center;gap:.5em;padding:.75em .5em;border:0;background:none;font:600 1.02rem/1.3 var(--f-text);color:var(--ink);text-align:left;cursor:pointer}
@media (max-width:1360px) and (min-width:1241px){.top__nav a{font-size:.9rem;padding:.45em .5em}.top__bar{gap:14px}}
.top__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.top__nav + .top__actions{margin-left:0}
.top__menu{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.top__menu .i{width:22px;height:22px}
.loginpanel{position:absolute;top:calc(100% + 8px);right:clamp(16px,4vw,32px);z-index:45;width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l)}
.loginpanel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.loginpanel__h{font-family:var(--f-display);font-weight:700;font-size:1.12rem;color:var(--ink)}
.loginpanel__x{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}
.loginpanel__intro{font-size:.92rem;color:var(--muted)}
.loginpanel .finder__row .input{font-family:var(--f-mono);font-size:1.05rem;letter-spacing:.1em}
.loginpanel .result{padding:12px}
.loginpanel .results{max-height:min(50vh,360px);overflow:auto}
.loginpanel__alt{padding-top:10px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
@media (max-width:1240px){
  .top__nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px clamp(16px,4vw,32px) 18px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-l)}
  .top[data-open] .top__nav{display:flex}
  .top__nav a{padding:.75em .5em;border-radius:10px;font-size:1.02rem}
  .top__nav .top__nav-login{display:flex;margin-top:6px;border-top:1px solid var(--line);padding-top:1em}
  .top__login{display:none}
  .top__menu{display:inline-flex}
}
@media (max-width:900px){.top__side{display:none}}
@media (max-width:420px){.brand__sub{display:none}}
@media (max-width:380px){.top__bar{gap:10px}.top__actions{gap:6px}.brand{gap:8px}.brand__name{font-size:1.1rem}}

/* ---------- Abschnitte ---------- */
.section{padding-block:clamp(64px,8vw,112px)}
.section--alt{background:var(--bg-alt)}
.section--warm{background:var(--wash-warm)}
.section--sky{background:var(--wash-blue)}
.section__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:760px;margin-bottom:clamp(32px,4.5vw,56px)}
.split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,5vw,80px);align-items:start}
.split > :first-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.prose{display:flex;flex-direction:column;gap:16px;max-width:62ch}
@media (max-width:880px){.split{grid-template-columns:1fr}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,84px) clamp(48px,7vw,100px)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%)}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,5vw,64px);align-items:center}
.hero__text{display:flex;flex-direction:column;align-items:flex-start}
.hero__title{margin-top:18px;font-size:clamp(2.2rem,1.3rem + 3.5vw,3.8rem);line-height:1.06;letter-spacing:-.025em;font-weight:700;hyphens:manual}
.hero__text .lead{margin-top:22px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__facts{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:10px 28px;font-size:.94rem;color:var(--muted)}
.hero__facts li{display:flex;align-items:center;gap:.55em}
.hero__facts .i{color:var(--peri-ink)}
@media (max-width:940px){.hero__grid{grid-template-columns:1fr}}
@media (max-width:540px){.hero__facts{grid-template-columns:1fr}}

/* Bühne: Stimmkarten, Handy, Hinweiskarten */
.stage{position:relative;width:100%;max-width:560px;margin-inline:auto;container-type:inline-size;padding-block:6px 20px}
.paddles{position:absolute;left:0;right:0;bottom:0;width:100%;height:92%;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.pd__stick{fill:var(--stick)}
.pd__card{stroke:rgba(34,39,67,.1);stroke-width:1}
.pd--lime{fill:var(--lime)} .pd--teal{fill:var(--teal)} .pd--sky{fill:var(--sky)} .pd--peri{fill:var(--peri)} .pd--orange{fill:var(--orange)} .pd--red{fill:var(--red)}
.pd{animation:raise 1s cubic-bezier(.2,.75,.25,1) both}
.pd2{animation-delay:.08s}.pd3{animation-delay:.16s}.pd4{animation-delay:.24s}.pd5{animation-delay:.32s}.pd6{animation-delay:.4s}
@keyframes raise{from{transform:translateY(90px)}to{transform:translateY(0)}}

.phone{--scr-bg:#FFFFFF;--scr-bg2:#F2F5FB;--scr-ink:#222743;--scr-text:#3A4262;--scr-muted:#697291;--scr-line:#DDE4F0;--scr-brand:#222743;--scr-lime:#B5E86A;--scr-lime-t:#EDF8DC;--scr-lime-ink:#3E6A12;--scr-red:#AE3019;
  position:relative;z-index:1;width:50cqw;margin-inline:auto;font-size:calc(50cqw / 22);aspect-ratio:9 / 17.4;border-radius:2.3em;background:#101427;padding:.55em;box-shadow:var(--shadow-l)}
.phone__screen{height:100%;border-radius:1.8em;overflow:hidden;background:var(--scr-bg);color:var(--scr-text);display:flex;flex-direction:column;line-height:1.35}
.app-bar{display:flex;align-items:center;gap:.55em;padding:1.25em 1.1em .8em;background:var(--scr-brand);color:#F3F6FD}
.app-logo{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;background:var(--scr-lime);color:var(--scr-brand);font-weight:700;font-size:.8em;flex:none}
.app-club{font-weight:600;font-size:.8em;line-height:1.2}
.app-body{flex:1;display:flex;flex-direction:column;gap:.6em;padding:.95em 1.1em 1.1em}
.app-crumb{font-family:var(--f-mono);font-size:.7em;color:var(--scr-muted)}
.app-title{font-family:var(--f-display);font-weight:700;font-size:1.22em;line-height:1.12;color:var(--scr-ink);letter-spacing:-.01em}
.app-meta{font-size:.76em;color:var(--scr-muted)}
.app-meta b{color:var(--scr-ink)}
.app-reco{display:flex;align-items:center;gap:.5em;padding:.6em .75em;border-radius:.7em;background:var(--scr-lime-t);color:var(--scr-lime-ink);font-size:.76em}
.app-reco b{color:var(--scr-lime-ink)}
.app-reco .i{width:1.2em;height:1.2em;stroke-width:2.4}
.app-round{display:flex;justify-content:space-between;align-items:baseline;margin-top:.2em;font-size:.74em;font-weight:700;color:var(--scr-ink)}
.app-due{font-weight:600;color:var(--scr-red)}
.app-tally{display:grid;grid-template-columns:repeat(5,1fr);gap:.28em}
.app-tally span{height:.5em;border-radius:99px;background:var(--scr-line)}
.app-tally .on{background:var(--scr-lime)}
.app-count{font-size:.7em;color:var(--scr-muted)}
.app-votes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em}
.app-votes li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em}
.ava{width:2.1em;height:2.1em;border-radius:50%;display:grid;place-items:center;font-size:.68em;font-weight:700;background:var(--scr-bg2);color:var(--scr-ink);letter-spacing:.02em}
.who{font-size:.78em;font-weight:600;color:var(--scr-ink);line-height:1.2}
.who small{display:block;font-weight:450;font-size:.9em;color:var(--scr-muted);margin-top:.12em}
.vt{font-size:.68em;font-weight:700;padding:.28em .7em;border-radius:99px}
.vt--ja{background:var(--scr-lime-t);color:var(--scr-lime-ink)}
.vt--open{border:1px dashed #B6C2DA;color:var(--scr-muted)}
.app-mine{margin-top:auto;padding-top:.75em;border-top:1px solid var(--scr-line);display:flex;flex-direction:column;gap:.5em}
.app-mine__h{font-size:.74em;font-weight:700;color:var(--scr-ink)}
.app-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em}
.app-choice span{padding:.6em 0;border-radius:.6em;border:1px solid var(--scr-line);text-align:center;font-size:.72em;font-weight:600;color:var(--scr-text)}
.app-choice .on{background:var(--scr-lime-t);border-color:#8CC044;color:var(--scr-lime-ink)}
.app-submit{display:block;padding:.8em;border-radius:.7em;text-align:center;background:var(--scr-brand);color:#fff;font-size:.8em;font-weight:700}

.float{position:absolute;z-index:2;display:flex;align-items:flex-start;gap:.75em;max-width:46cqw;padding:.85em 1em;border-radius:1.1em;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l);font-size:2.35cqw;line-height:1.35}
.stage__pad{height:13cqw}
.float--termin{left:0;bottom:2cqw}
.float--antrag{right:0;top:3cqw}
.float__icon{width:2.4em;height:2.4em;border-radius:.75em;display:grid;place-items:center;flex:none}
.float__icon .i{width:1.3em;height:1.3em}
.fi-sky{background:var(--sky-tint);color:var(--sky-ink)}
.fi-orange{background:var(--orange-tint);color:var(--orange-ink)}
.float__t{font-weight:700;color:var(--ink);font-size:.95em}
.float__x{font-size:.88em;color:var(--text)}
.float__s{font-size:.8em;color:var(--muted)}
@container (max-width:470px){
  .phone{width:68cqw;font-size:calc(68cqw / 22)}
  .stage__pad{height:3cqw}
  .float{display:none}
}

/* ---------- Einordnung (kompakt): zwei Kästen ---------- */
.fit{padding-block:clamp(36px,4.5vw,56px);background:var(--bg-alt)}
.fit__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:14px 20px;align-items:stretch}
.fit__head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:center;padding-right:clamp(0px,1.5vw,16px)}
.fit__h{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.18;letter-spacing:-.015em}
.fit__box{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line-strong)}
.fit__box--evv{background:var(--lime);border-color:var(--cta-edge);box-shadow:0 3px 0 var(--cta-edge)}
.fit__t{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:1.12rem;line-height:1.2;color:var(--ink);hyphens:manual}
.fit__x{font-size:.95rem;line-height:1.5;color:var(--text)}
.fit__box--evv .fit__t,.fit__box--evv .fit__x{color:var(--on-chalk)}
.fit__icon,.fit__mark{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center}
.fit__icon{background:var(--peri-tint);color:var(--peri-ink)}
.fit__icon .i{width:20px;height:20px}
.fit__mark{background:var(--on-chalk);color:#FFFFFF}
.fit__mark svg{width:21px;height:21px}
.fit__mark .ck{stroke:var(--lime);stroke-width:2.3}
.fit__fine{grid-column:2 / -1;font-size:.78rem;line-height:1.4;color:var(--muted)}
@media (max-width:980px){.fit__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fit__head{grid-column:1 / -1;padding-right:0}.fit__fine{grid-column:1 / -1}}
@media (max-width:600px){.fit__grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Zielgruppen ---------- */
.pills{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;gap:.5em;padding:.45em .95em;border-radius:999px;font-weight:600;font-size:.94rem;background:var(--pill-bg,var(--surface-2));color:var(--pill-ink,var(--ink))}
.pill--lead{--pill-bg:var(--ink);--pill-ink:var(--bg);font-size:1.02rem;padding:.55em 1.1em}
.pill--lead small{font-size:.72em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2em .55em;border-radius:6px;background:var(--lime);color:var(--on-chalk)}
.p-lime{--pill-bg:var(--lime-tint);--pill-ink:var(--lime-ink)}
.p-teal{--pill-bg:var(--teal-tint);--pill-ink:var(--teal-ink)}
.p-sky{--pill-bg:var(--sky-tint);--pill-ink:var(--sky-ink)}
.p-peri{--pill-bg:var(--peri-tint);--pill-ink:var(--peri-ink)}
.p-orange{--pill-bg:var(--orange-tint);--pill-ink:var(--orange-ink)}
.p-red{--pill-bg:var(--red-tint);--pill-ink:var(--red-ink)}

/* ---------- Module: Beschlüsse, Termine ---------- */
.module{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3.6vw,44px)}
.module + .module{margin-top:clamp(18px,2.5vw,28px)}
.module__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:720px}
.tag{display:inline-flex;align-items:center;gap:.45em;padding:.36em .8em;border-radius:999px;font-weight:600;font-size:.86rem;background:var(--tag-bg);color:var(--tag-ink)}
.tag .i{width:1.1em;height:1.1em}
.tag--lime{--tag-bg:var(--lime-tint);--tag-ink:var(--lime-ink)}
.tag--sky{--tag-bg:var(--sky-tint);--tag-ink:var(--sky-ink)}
.task{color:var(--task,var(--lime-ink))}
.task--sky{--task:var(--sky-ink)}

/* Aufgabe 1: Kopf mit Kernaussage, darunter die Bildstrecke */
.module__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,21.5rem);gap:clamp(20px,4vw,56px);align-items:start}
.module__top .module__head{max-width:none}
.claim{display:flex;flex-direction:column;gap:14px;padding:22px 24px 24px;border-radius:var(--r-l);background:var(--board-bg);color:var(--board-ink)}
.claim__h{font-family:var(--f-display);font-weight:700;font-size:clamp(1.2rem,1.05rem + .5vw,1.42rem);line-height:1.2;letter-spacing:-.012em;color:var(--board-ink);text-wrap:balance}
.claim__hl{color:var(--lime)}
.claim__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:.96rem;line-height:1.4}
.claim__list li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;color:var(--board-ink)}
.claim__list .i{color:var(--lime);stroke-width:2.5;margin-top:.14em}
@media (max-width:900px){.module__top{grid-template-columns:minmax(0,1fr)}}

.flow{list-style:none;margin:clamp(28px,3.5vw,40px) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));column-gap:20px}
.flow__step{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px;min-width:0}
.flow .mock{margin:0;min-width:0}
.flow__rail{display:flex;align-items:center;margin-top:6px}
.flow__step:not(:last-child) .flow__rail::after{content:"";flex:1;height:4px;margin-right:-20px;border-radius:99px 0 0 99px;background:var(--lime)}
.flow__n{position:relative;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--on-chalk);font-family:var(--f-display);font-weight:700;font-size:1rem;box-shadow:0 0 0 5px var(--surface)}
.flow__step > h4{margin-top:2px}
.flow__txt{font-size:.94rem;color:var(--text)}
.module__note{margin-top:26px;display:flex;gap:10px;align-items:flex-start;font-size:.97rem;color:var(--text);padding-top:18px;border-top:1px solid var(--line)}
.module__note .i{color:var(--lime-ink);margin-top:.2em}
@media (max-width:1139px){
  .flow{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .flow__step{grid-row:auto;grid-template-rows:auto 1fr;grid-template-columns:36px minmax(0,236px) minmax(0,1fr);column-gap:18px;row-gap:6px}
  .flow__rail{grid-column:1;grid-row:1 / span 2;flex-direction:column;margin:0}
  .flow__step:not(:last-child) .flow__rail::after{width:4px;height:auto;margin:10px 0 -28px;border-radius:99px 99px 0 0}
  .flow .mock{grid-column:2;grid-row:1 / span 2}
  .flow__step > h4{grid-column:3;grid-row:1;margin-top:6px}
  .flow__txt{grid-column:3;grid-row:2}
}
@media (max-width:639px){
  .flow__step{grid-template-columns:36px minmax(0,1fr);grid-template-rows:none;column-gap:14px}
  .flow__rail{grid-row:1 / span 3}
  .flow .mock{grid-column:2;grid-row:1;max-width:320px}
  .flow .mock--phone{justify-self:start}
  .flow__step > h4{grid-column:2;grid-row:2;margin-top:10px}
  .flow__txt{grid-column:2;grid-row:3}
}

.module__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4.5vw,60px);align-items:center}
.module__grid > div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
@media (max-width:900px){.module__grid{grid-template-columns:1fr}}

.checks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:.98rem}
.checks .i{color:var(--ck,var(--lime-ink));margin-top:.22em;stroke-width:2.2}
.checks--sky{--ck:var(--sky-ink)}
.checks--teal{--ck:var(--teal-ink)}

/* Terminmatrix */
.matrix{margin:0;padding:18px 18px 16px;border-radius:var(--r-l);background:var(--surface-2);border:1px solid var(--line);min-width:0}
.matrix__cap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:10px}
.matrix__cap b{font-family:var(--f-display);font-size:1.08rem}
.matrix__cap span{font-size:.84rem;color:var(--muted)}
.matrix__scroll{position:relative;overflow-x:auto}
.matrix table{width:100%;border-collapse:separate;border-spacing:0 5px;font-size:.9rem}
.matrix thead th{vertical-align:top;padding:4px 4px 6px;font-weight:600}
.matrix th[scope=row]{text-align:left;padding-right:10px;font-weight:600;color:var(--ink);white-space:nowrap;line-height:1.2}
.matrix th[scope=row] small{display:block;font-size:.74rem;font-weight:500;color:var(--muted)}
.matrix td{text-align:center;padding:3px 4px}
.opt__d{display:block;font-family:var(--f-display);font-size:1rem;font-weight:700;color:var(--ink)}
.opt__t{display:block;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.badge{display:inline-block;margin-top:5px;padding:.22em .55em;border-radius:99px;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.badge--sky{background:var(--sky);color:var(--on-chalk)}
.badge--grey{background:var(--grey-tint);color:var(--grey-ink)}
.cell{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px}
.cell .i{width:17px;height:17px;stroke-width:2.4}
.c-ja{background:var(--lime-tint);color:var(--lime-ink)}
.c-eing{background:var(--orange-tint);color:var(--orange-ink)}
.c-nein{background:var(--red-tint);color:var(--red-ink)}
.c-offen{border:1.5px dashed var(--line-strong)}
.matrix .best{background:var(--sky-tint)}
.matrix tbody tr > .best{border-radius:0}
.matrix .blocked{opacity:.42}
.matrix tfoot td{font-size:.76rem;color:var(--muted);padding-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.matrix__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.8rem;color:var(--muted)}
.matrix__legend span{display:inline-flex;align-items:center;gap:6px}
.matrix__legend .cell{width:20px;height:20px;border-radius:6px}
.matrix__legend .cell .i{width:12px;height:12px}

/* ---------- Abstimmungsfälle ---------- */
.cases__tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin-bottom:18px;scrollbar-width:thin}
.cases:not(.is-ready) .cases__tabs{display:none}
.cases__tabs [role=tab]{flex:none;min-height:44px;padding:.6em 1.05em;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text);font:600 .95rem/1.2 var(--f-text);cursor:pointer}
.cases__tabs [role=tab]:hover{border-color:var(--ink);color:var(--ink)}
.cases__tabs [role=tab][aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4.5vw,60px);align-items:center;padding:clamp(20px,3.6vw,44px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line)}
.cases:not(.is-ready) .case + .case{margin-top:16px}
.case__text{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
@media (max-width:880px){.case{grid-template-columns:1fr}}

.vcard{--stamp-bg:var(--surface-2);position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 20px 22px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.vcard__head{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted)}
.vcard__title{font-family:var(--f-display);font-weight:700;font-size:1.22rem;line-height:1.2;color:var(--ink);letter-spacing:-.01em}
.vcard__nums{display:flex;flex-wrap:wrap;gap:8px 30px;margin:0}
.vcard__nums div{display:flex;flex-direction:column}
.vcard__nums dt{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.vcard__nums dd{margin:0;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.round{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed var(--line-strong)}
.round__h{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;font-weight:600;color:var(--ink)}
.round__h span:last-child{font-weight:500;color:var(--muted)}
.round--past{opacity:.72}
.tally{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.tally span{height:10px;border-radius:99px;background:var(--line)}
.tally .t-ja{background:var(--lime)} .tally .t-nein{background:var(--red)} .tally .t-enth{background:var(--grey)}
.tally__legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--text)}
.dot{display:inline-block;width:.62em;height:.62em;border-radius:50%;margin-right:.4em}
.dot--ja{background:var(--lime)} .dot--nein{background:var(--red)} .dot--enth{background:var(--grey)}
.wv{display:flex;flex-wrap:wrap;gap:8px}
.wv span{display:inline-flex;align-items:center;gap:.4em;padding:.35em .7em;border-radius:8px;font-size:.84rem;font-weight:600;background:var(--orange-tint);color:var(--orange-ink)}

.stamp{--st:var(--lime-ink);align-self:flex-end;display:inline-flex;align-items:center;gap:.45em;margin-top:4px;padding:.4em .75em;border:2.5px solid var(--st);border-radius:7px;color:var(--st);font-family:var(--f-display);font-weight:700;font-size:.9rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.15;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px var(--stamp-bg,var(--surface)),inset 0 0 0 3.5px var(--st)}
.stamp .i{width:1.05em;height:1.05em;stroke-width:2.6}
.st-lime{--st:var(--lime-ink)} .st-orange{--st:var(--orange-ink)} .st-red{--st:var(--red-ink)} .st-peri{--st:var(--peri-ink)}

.mailnote{margin:0;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:var(--r-m);background:var(--surface-2);border:1px dashed var(--line-strong);width:100%}
.mailnote figcaption{display:flex;align-items:center;gap:.5em;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mailnote blockquote{margin:0;font-size:.98rem;color:var(--ink)}

.facts{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px}
.facts li{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:2px solid var(--line)}
.facts__h{display:flex;align-items:center;gap:.5em;font-weight:700;color:var(--ink)}
.facts__h .i{color:var(--fi,var(--peri-ink))}
.facts p{font-size:.93rem;color:var(--muted)}
@media (max-width:960px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.facts{grid-template-columns:1fr}}

/* ---------- Vorstandswechsel ---------- */
.handover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4.5vw,60px);align-items:start}
@media (max-width:900px){.handover{grid-template-columns:1fr}}
.steps3{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.steps3 li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.steps3__n{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--orange);color:var(--on-chalk);font-family:var(--f-display);font-weight:700;font-size:1.2rem;transform:rotate(-5deg)}
.steps3 h3{font-size:1.18rem}
.steps3 p{margin-top:4px;color:var(--text)}
.terms{margin:0;display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.6vw,26px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.terms__label{font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.people{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.person{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--ink);line-height:1.15}
.person small{display:block;font-size:.8em;font-weight:500;color:var(--muted)}
.person .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex:none;background:var(--av-bg);color:var(--av-ink)}
.av-lime{--av-bg:var(--lime-tint);--av-ink:var(--lime-ink)} .av-sky{--av-bg:var(--sky-tint);--av-ink:var(--sky-ink)} .av-peri{--av-bg:var(--peri-tint);--av-ink:var(--peri-ink)} .av-teal{--av-bg:var(--teal-tint);--av-ink:var(--teal-ink)} .av-grey{--av-bg:var(--grey-tint);--av-ink:var(--grey-ink)} .av-orange{--av-bg:var(--orange);--av-ink:var(--on-chalk)}
.person--gone{opacity:.6;border-style:dashed}
.person--gone > span:last-child{text-decoration:line-through;text-decoration-color:var(--muted)}
.person__new{margin-left:2px;padding:.12em .45em;border-radius:6px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--orange-tint);color:var(--orange-ink)}
.terms__arrow{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted)}
.terms__arrow .i{transform:rotate(90deg);color:var(--orange-ink)}
.terms__archive{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--teal-tint);color:var(--teal-ink);font-size:.92rem}
.terms__archive b{color:var(--teal-ink)}
.terms__archive .i{margin-top:.15em}

/* ---------- Nutzenrechner ---------- */
.calc{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(24px,5vw,68px);align-items:start}
.calc__intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.calc__controls{align-self:stretch;margin-top:12px;display:flex;flex-direction:column;gap:20px}
.range{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 14px}
.range label{font-weight:600;color:var(--ink);font-size:.98rem}
.range output{font-family:var(--f-display);font-weight:700;font-size:1.3rem;color:var(--ink);font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}
.range input{grid-column:1 / -1;width:100%;margin:0;height:28px;accent-color:var(--peri);cursor:pointer}
.board{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,3.6vw,36px);border-radius:var(--r-l);background:var(--board-bg);color:var(--board-ink);box-shadow:var(--shadow-l)}
.board::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--board-line) 1px,transparent 1px),linear-gradient(90deg,var(--board-line) 1px,transparent 1px);background-size:28px 28px;opacity:.5}
.board > *{position:relative}
.board__big{font-family:var(--f-display);font-weight:700;font-size:clamp(3rem,2rem + 4vw,4.6rem);line-height:.95;letter-spacing:-.035em;color:var(--board-ink);font-variant-numeric:tabular-nums}
.board__big small{font-size:.4em;font-weight:700;letter-spacing:-.01em;margin-left:.15em}
.board__sub{color:var(--board-muted)}
.board__sub b{color:var(--board-ink)}
.bars{display:flex;flex-direction:column;gap:10px}
.bar{display:grid;grid-template-columns:8.8em minmax(0,1fr) 4.6em;align-items:center;gap:10px;font-size:.88rem;color:var(--board-muted)}
.bar__track{height:14px;border-radius:99px;background:var(--board-chip)}
.bar__fill{display:block;height:100%;width:var(--w,50%);border-radius:99px;background:var(--bar,var(--lime));transition:width .35s ease}
.bar__fill--vorher{--w:100%;--bar:var(--orange)}
.bar__fill--mit{--w:50%;--bar:var(--lime)}
.bar__val{text-align:right;font-weight:600;color:var(--board-ink);font-variant-numeric:tabular-nums}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.kpis div{padding:12px 14px;border-radius:var(--r-m);background:var(--board-chip);border:1px solid var(--board-line)}
.kpis dt{font-size:.8rem;color:var(--board-muted)}
.kpis dd{margin:2px 0 0;font-family:var(--f-display);font-weight:700;font-size:1.55rem;color:var(--board-ink);font-variant-numeric:tabular-nums}
.board__foot{font-size:.84rem;color:var(--board-muted)}
@media (max-width:900px){.calc{grid-template-columns:1fr}}
@media (max-width:420px){.bar{grid-template-columns:1fr 4.6em}.bar__track{grid-column:1 / -1;grid-row:2}}

/* ---------- Einführung: Ausstattung „Ihre Webadresse“ ---------- */
.kit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4.5vw,60px);align-items:start}
.kit__app{margin:0;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l);overflow:hidden}
.kit__bar{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--board-bg);color:var(--board-ink);font-weight:600;font-size:.88rem}
.kit__bar .mock__logo{width:20px;height:20px;font-size:.66rem}
.kit__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px}
.kit__label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kit__label:not(:first-child){margin-top:8px}
.kit__addr{display:flex;flex-wrap:wrap;align-items:baseline;padding:.55em .8em;border-radius:var(--r-m);border:2px dashed var(--sky);background:var(--surface-2);font-family:var(--f-mono);font-weight:500;font-size:clamp(1rem,.9rem + .6vw,1.3rem);line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.kit__suf{color:var(--muted)}
.kit__ok{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:600;color:var(--lime-ink)}
.kit__ok .i{stroke-width:2.5;margin-top:.15em}
.kit__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kit__list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line)}
.kit__i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--tb);color:var(--ti)}
.kit__i .i{width:20px;height:20px}
.kit__what{display:flex;flex-direction:column;min-width:0}
.kit__what b{font-size:.97rem;line-height:1.3}
.kit__what small{font-size:.84rem;line-height:1.35;color:var(--muted)}
.kit__act{display:inline-flex;align-items:center;gap:5px;padding:.38em .75em;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);font-size:.8rem;font-weight:600;color:var(--ink);white-space:nowrap}
.kit__act .i{width:14px;height:14px}
.kit__side{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.kit__note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--sky-tint);color:var(--sky-ink);font-size:.94rem}
.kit__note b{color:var(--sky-ink)}
.kit__note .i{margin-top:.15em}
.steps3--sky .steps3__n{background:var(--sky)}
.steps3--sky .steps3__n--alt{background:var(--sky-tint);color:var(--sky-ink);box-shadow:inset 0 0 0 2px var(--sky)}
@media (max-width:900px){.kit{grid-template-columns:minmax(0,1fr)}}
@media (max-width:440px){.kit__list li{grid-template-columns:36px minmax(0,1fr)}.kit__i{width:36px;height:36px}.kit__act{display:none}}


/* ---------- Preise ---------- */
.price{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:900px){.price{grid-template-columns:1fr}}
.price__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,4vw,44px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l)}
.price__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:10px}
.price__num{font-family:var(--f-display);font-weight:700;font-size:clamp(4.4rem,3rem + 5vw,6.8rem);line-height:.88;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
.price__per{font-size:1rem;color:var(--muted)}
.price__month{font-size:1.18rem;color:var(--text)}
.price__month b{background:linear-gradient(180deg,transparent 66%,var(--marker) 66%);padding-inline:.1em}
.price__card .btn{margin-top:10px}
.sticker{transform:rotate(6deg);padding:.6em .85em;border-radius:12px;background:var(--orange);color:var(--on-chalk);font-weight:700;font-size:.92rem;line-height:1.15;text-align:center;box-shadow:0 3px 0 rgba(34,39,67,.18)}
.sticker span{display:block;font-size:1.25em;font-family:var(--f-display)}
.price__details{display:flex;flex-direction:column;gap:14px}
.price__details h3{font-size:1.2rem}
.price__details h3:not(:first-child){margin-top:14px}
.plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.plain li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:.98rem}
.plain .i{color:var(--peri-ink);margin-top:.2em}

/* ---------- Anmeldung ---------- */
.signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:900px){.signup{grid-template-columns:1fr}}
.signup__steps{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.timeline{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;align-self:stretch}
.timeline li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:16px;padding-bottom:22px}
.timeline li::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:var(--line-strong)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::before{display:none}
.timeline__n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--peri-tint);color:var(--peri-ink);border:2px solid var(--peri);font-family:var(--f-display);font-weight:700}
.timeline h3{font-size:1.1rem;margin-top:7px}
.timeline p{margin-top:3px;font-size:.97rem;color:var(--text)}
.signup__note{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--text);padding:14px 16px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line)}
.signup__note .i{color:var(--peri-ink);margin-top:.2em}
.loginhint{align-self:stretch;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--r-m);background:var(--peri-tint);color:var(--text)}
.loginhint h3{display:flex;align-items:center;gap:.5em;font-size:1.05rem;color:var(--peri-ink)}
.loginhint a{color:var(--peri-ink);font-weight:600}

.form{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,3.5vw,36px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l)}
.form__head{display:flex;flex-direction:column;gap:4px}
.form__head h3{font-size:1.35rem}
.form__intro{font-size:.95rem;color:var(--muted)}
.fs{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.fs legend{display:flex;align-items:center;gap:10px;float:left;width:100%;padding:0;margin:0;font-family:var(--f-display);font-weight:700;font-size:1.06rem;color:var(--ink)}
.fs__n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--peri);color:var(--on-peri);font-size:.85rem;font-weight:700}
.fs__intro{font-size:.92rem;color:var(--muted)}
.fs--me{padding:16px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line)}
.hint{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--sky-tint);color:var(--text);font-size:.88rem;line-height:1.45}
.hint .i{flex:none;margin-top:.12em;color:var(--sky-ink)}
.hint .mono{font-size:.84em;color:var(--ink)}
.warn{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:var(--orange-tint);color:var(--text);font-size:.9rem;line-height:1.45}
.warn b{color:var(--orange-ink)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--ink);cursor:pointer}
.check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--peri)}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-weight:600;color:var(--ink);font-size:.95rem}
.field label .opt{font-weight:450;color:var(--muted)}
.input{width:100%;min-height:48px;padding:.65em .85em;border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;line-height:1.4}
.input::placeholder{color:var(--muted);opacity:.85}
.input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 28%,transparent)}
.input[aria-invalid=true]{border-color:var(--red-ink)}
textarea.input{min-height:96px;resize:vertical}
.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;padding-right:2.6em;cursor:pointer}
.select .i{position:absolute;right:.85em;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.row2{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:12px}
.row2b{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.row2b{grid-template-columns:1fr}}
.err{font-size:.86rem;color:var(--red-ink)}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.form__fine{font-size:.86rem;color:var(--muted)}
.form .btn{align-self:flex-start}
.status{padding:12px 14px;border-radius:var(--r-m);font-size:.95rem}
.status--ok{background:var(--lime-tint);color:var(--lime-ink)}
.status--info{background:var(--sky-tint);color:var(--sky-ink)}
.status--err{background:var(--red-tint);color:var(--red-ink)}
.status b{color:inherit}

/* ---------- Band: Für Lehrkräfte ---------- */
.addr{display:inline-block;max-width:100%;padding:.55em .85em;border-radius:var(--r-m);border:2px dashed var(--sky);background:var(--surface);font-family:var(--f-mono);font-weight:500;font-size:clamp(1.05rem,.9rem + 1vw,1.5rem);color:var(--ink);overflow-wrap:anywhere}
.btnrow{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,5vw,80px);align-items:start}
.faq__intro{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--top-h) + 28px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.faq__intro p{color:var(--text)}
.contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.contact .mono{font-size:.95rem;color:var(--ink);padding:.3em .6em;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq__intro{position:static}}
.faq__group{margin:30px 0 4px;font-family:var(--f-text);font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.faq__group:first-child{margin-top:0}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;cursor:pointer;font-weight:600;font-size:1.04rem;line-height:1.35;color:var(--ink)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .i{color:var(--muted);transition:transform .2s ease}
.qa[open] summary .i{transform:rotate(180deg)}
.qa summary:hover{color:var(--link)}
.qa__a{display:flex;flex-direction:column;gap:10px;padding:0 2px 18px;max-width:64ch;color:var(--text)}

/* ---------- Fuß ---------- */
.foot{--mark-bg:#B5E86A;--mark-fg:#222743;--mark-check:#222743;padding-block:56px 36px;background:var(--footer-bg);color:var(--footer-ink)}
.foot__grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:32px}
.foot .brand{color:var(--footer-ink)}
.foot__tag{margin-top:12px;max-width:32ch;color:var(--footer-muted);font-size:.95rem}
.foot h2{margin-bottom:10px;font-family:var(--f-text);font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--footer-muted)}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.95rem}
.foot a{color:var(--footer-ink);text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot a.foot__quiet{color:var(--footer-muted);font-size:.88rem}
.foot__bottom{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:40px;padding-top:18px;border-top:1px solid var(--footer-line);font-size:.86rem;color:var(--footer-muted)}
@media (max-width:860px){.foot__grid{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1 / -1}}
@media (max-width:420px){.foot__grid{grid-template-columns:1fr}}

/* ==========================================================================
   Seite antrag.ev-vorstand.de
   ========================================================================== */
.a-hero{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,80px) clamp(48px,7vw,96px)}
.a-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 100%)}
.a-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,64px);align-items:center}
.a-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.a-hero__title{font-size:clamp(2.2rem,1.3rem + 3.5vw,3.8rem);line-height:1.06;letter-spacing:-.03em;font-weight:700}
@media (max-width:940px){.a-hero__grid{grid-template-columns:1fr}}
.a-hero__who{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:4px 0 0;padding:0}

.finder{display:flex;flex-direction:column;gap:14px;padding:clamp(20px,3.2vw,32px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l)}
.finder h2{font-size:1.35rem;letter-spacing:-.012em}
.finder__row{display:flex;gap:10px}
.finder__row .input{flex:1;min-width:0;font-family:var(--f-mono);font-size:1.12rem;letter-spacing:.1em}
.finder__row .btn{flex:none}
.finder__row .input::placeholder{font-family:var(--f-text);letter-spacing:0}
.finder__hint{font-size:.88rem;color:var(--muted)}
.demo{display:inline-block;padding:.2em .55em;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--orange-tint);color:var(--orange-ink)}
.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.result{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line)}
.result__name{font-weight:700;color:var(--ink);line-height:1.3}
.result__meta{font-size:.86rem;color:var(--muted)}
.result__addr{font-family:var(--f-mono);font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}
.finder__msg{font-size:.95rem;color:var(--text);padding:12px 14px;border-radius:var(--r-m);background:var(--surface-2)}

.steps5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:s}
.steps5 li{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;align-content:start;padding:16px 16px 20px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line)}
.steps5 li:not(:last-child)::after{content:"";position:absolute;z-index:1;top:112px;right:-14px;width:10px;height:10px;border-top:2.5px solid var(--peri);border-right:2.5px solid var(--peri);transform:rotate(45deg)}
.mock{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:4px;padding:10px 11px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:.78rem;line-height:1.3;color:var(--text)}
.mock .i{width:1.05em;height:1.05em}
.mock__bar{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--line);font-weight:700;color:var(--ink)}
.mock__bar .i{color:var(--peri-ink)}
.mock__kv{display:flex;flex-direction:column}
.mock__kv span{font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mock__kv b{font-weight:600;color:var(--ink)}
.mock__file{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--peri-ink)}
.mock__btn{display:block;margin-top:auto;padding:.5em;border-radius:8px;text-align:center;font-size:.74rem;font-weight:700}
.mock__btn--lime{background:var(--lime);color:var(--on-chalk)}
.mock__btn--navy{background:var(--ink);color:var(--bg)}
.mock__from{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--muted)}
.mock__subj{font-weight:700;color:var(--ink)}
.mock__small{font-size:.72rem;color:var(--muted)}
.mock__amount{font-family:var(--f-display);font-size:1.3rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.mock__ok{display:inline-flex;align-items:center;gap:5px;margin-top:auto;font-weight:600;color:var(--lime-ink)}
.mock .tally span{height:8px}
.mock .stamp{--stamp-bg:var(--surface-2);align-self:flex-start;margin:auto 0 4px 4px;font-size:.7rem}
.mock__avs{display:flex;gap:4px;margin-top:auto}
.mock__avs span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.58rem;font-weight:700;background:var(--av-bg);color:var(--av-ink)}
/* Varianten der Miniaturen: Browser, Vorstandsbereich, Handy */
.mock__url{display:flex;align-items:center;gap:6px;margin:-10px -11px 2px;padding:6px 8px;border-radius:11px 11px 0 0;border-bottom:1px solid var(--line);background:var(--surface);min-width:0}
.mock__dots{display:flex;gap:3px;flex:none}
.mock__dots i{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}
.mock__addr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 7px;border-radius:6px;background:var(--surface-2);font-family:var(--f-mono);font-size:.6rem;letter-spacing:-.01em;color:var(--muted)}
.mock__appbar{display:flex;align-items:center;gap:6px;margin:-10px -11px 2px;padding:7px 10px;border-radius:11px 11px 0 0;background:var(--board-bg);color:var(--board-ink);font-weight:600;font-size:.7rem}
.mock__logo{width:16px;height:16px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#222743;font-weight:700;font-size:.56rem}
.mock__crumb{font-family:var(--f-mono);font-size:.6rem;color:var(--muted)}
.mock__title{font-family:var(--f-display);font-weight:700;font-size:.86rem;line-height:1.2;color:var(--ink)}
.mock__reco{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:7px;background:var(--lime-tint);color:var(--lime-ink);font-weight:600;font-size:.7rem}
.mock__sent{display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:7px;background:var(--surface);border:1px solid var(--line);font-size:.7rem;font-weight:600;color:var(--ink)}
.mock__sent .i{color:var(--peri-ink)}
.mock__chips{display:flex;flex-wrap:wrap;gap:4px}
.mock__chips span{padding:.12em .5em;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:.64rem;font-weight:700;color:var(--ink)}
.flow .mock .stamp{margin:4px 0 2px 5px}
.mock--phone{position:relative;justify-self:center;width:min(100%,132px);padding:15px 8px 9px;border:5px solid var(--phone-frame);border-radius:22px;font-size:.72rem}
.mock--phone::before{content:"";position:absolute;top:4px;left:50%;width:26px;height:4px;border-radius:99px;background:var(--phone-frame);transform:translateX(-50%)}
.mock__opts{display:flex;flex-direction:column;gap:4px}
.mock__opts span{display:flex;align-items:center;gap:4px;padding:.32em .55em;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:.66rem;font-weight:600;color:var(--text)}
.mock__opts .on{background:var(--lime-tint);border-color:var(--cta-edge);color:var(--lime-ink)}
.mock--phone .mock__btn{font-size:.62rem;padding:.5em .3em}
.steps5__n{align-self:start;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:1.1rem;background:var(--sn-bg);color:var(--sn-ink);transform:rotate(-5deg)}
.sn-1{--sn-bg:var(--sky);--sn-ink:var(--on-chalk)} .sn-2{--sn-bg:var(--teal);--sn-ink:var(--on-chalk)} .sn-3{--sn-bg:var(--peri);--sn-ink:var(--on-peri)} .sn-4{--sn-bg:var(--orange);--sn-ink:var(--on-chalk)} .sn-5{--sn-bg:var(--lime);--sn-ink:var(--on-chalk)}
.steps5 h3{font-size:1.12rem}
.steps5 p{font-size:.94rem;color:var(--text)}
@media (max-width:1060px){.steps5{grid-template-columns:repeat(2,minmax(0,1fr))}.steps5 li:last-child{grid-column:1 / -1}.steps5 li:not(:last-child)::after{display:none}}
@media (max-width:560px){.steps5{grid-template-columns:1fr}.steps5 li:not(:last-child)::after{display:block;top:auto;right:auto;bottom:-15px;left:50%;transform:translateX(-50%) rotate(135deg)}}

.outcomes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.outcome{--stamp-bg:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line)}
.outcome .stamp{align-self:flex-start;margin:4px 0 2px 4px}
.outcome p{font-size:.95rem;color:var(--text)}
@media (max-width:1000px){.outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.outcomes{grid-template-columns:1fr}}

.tips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}
.tip{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.tip__i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tb);color:var(--ti)}
.tip__i .i{width:22px;height:22px}
.t-lime{--tb:var(--lime-tint);--ti:var(--lime-ink)} .t-sky{--tb:var(--sky-tint);--ti:var(--sky-ink)} .t-peri{--tb:var(--peri-tint);--ti:var(--peri-ink)} .t-orange{--tb:var(--orange-tint);--ti:var(--orange-ink)} .t-teal{--tb:var(--teal-tint);--ti:var(--teal-ink)} .t-red{--tb:var(--red-tint);--ti:var(--red-ink)}
.tip h3{font-size:1.08rem}
.tip p{margin-top:3px;font-size:.95rem;color:var(--text)}
@media (max-width:960px){.tips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tips{grid-template-columns:1fr}}

.privacy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.privacy li{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);font-size:.97rem}
.privacy .i{color:var(--teal-ink);width:1.35em;height:1.35em;margin-top:.1em}
@media (max-width:860px){.privacy{grid-template-columns:1fr}}

.share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,3.6vw,40px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.share__text{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.share__tip{font-size:.95rem;color:var(--text);max-width:52ch}
.snippet{align-self:stretch;margin:0;padding:12px 14px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line);font-size:.95rem;color:var(--ink)}
.qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 10px;border-radius:16px;background:#FFFFFF;border:1px solid #DAE2F0}
.qr svg{display:block;width:150px;height:150px}
.qr span{font-size:.78rem;font-weight:600;color:#3A4262}
@media (max-width:720px){.share{grid-template-columns:1fr}.qr{justify-self:start}}

/* ---------- Bewegung reduzieren, Druck ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  .top,.skip,.hero__cta,.cases__tabs,.form,.finder form,.btnrow,.btn,.stage{display:none!important}
  body{background:#fff;color:#000}
  .section,.fit,.hero,.a-hero{padding-block:14pt!important;background:#fff!important}
  .hero::before,.a-hero::before{display:none}
  .case[hidden]{display:grid!important}
  .qa__a{display:flex!important}
}