/* ============================================================
   BrandZaps — Basis: Schriften, Design-System-Tokens, Layout-Tokens
   Layout-Tokens sind der einzige Ort, an dem Breakpoints stehen.
   ============================================================ */

/* BrandZaps — selbst gehostete Schriften (latin + latin-ext) */
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:400 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url('../fonts/archivo-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:'Archivo';
  font-style:normal;
  font-weight:400 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url('../fonts/archivo-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:'Geist';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('../fonts/geist-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:'Geist';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('../fonts/geist-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:'Geist Mono';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('../fonts/geist-mono-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:'Geist Mono';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('../fonts/geist-mono-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;
}

/* ---------- Design-System-Tokens ---------- */
:root{
--bz-ink:#0F0F0F;--bz-ink-2:#1A1A1A;--bz-ink-3:#242424;--bz-ink-border:#2A2A2A;
--bz-signal:#00E05C;--bz-signal-bright:#00FF66;--bz-signal-dim:#00B34A;
--bz-green-text:#0E7A3E;--bz-green-deep:#0A5C2F;--bz-green-tint:#E3F9EC;--bz-green-tint-2:#C4F2D7;
--bz-white:#FFFFFF;--bz-paper:#FAFAF8;--bz-mist:#F2F3F0;--bz-fog:#E9EBE7;--bz-line:#E3E5E2;--bz-line-strong:#C9CCC6;
--bz-grey-500:#8A8D84;--bz-grey-600:#6E7168;--bz-grey-700:#55584F;--bz-grey-800:#3B3E36;
--bz-success:#0E7A3E;--bz-success-bg:#E3F9EC;--bz-success-live:#00E05C;
--bz-warning:#9A5B00;--bz-warning-accent:#F5A623;--bz-warning-bg:#FBF1DC;
--bz-error:#C0362C;--bz-error-accent:#FF5C4D;--bz-error-bg:#FCE9E7;
--bz-blocked:#3B3E36;--bz-blocked-bg:#E9EBE7;
--bz-review:#6248C9;--bz-review-accent:#8A6FF0;--bz-review-bg:#EEEAFB;
--bz-info:#1F5FCC;--bz-info-accent:#4D8AF0;--bz-info-bg:#E6EEFB;
--surface-page:var(--bz-paper);--surface-card:var(--bz-white);--surface-sunken:var(--bz-mist);--surface-inverse:var(--bz-ink);
--text-strong:var(--bz-ink);--text-body:var(--bz-grey-800);--text-muted:var(--bz-grey-700);--text-faint:var(--bz-grey-500);--text-on-signal:#062B14;--text-on-ink:#FFFFFF;
--border-default:var(--bz-line);--border-strong:var(--bz-line-strong);
--accent:var(--bz-signal);--accent-text:var(--bz-green-text);--accent-hover:var(--bz-signal-bright);
--focus-ring:0 0 0 2px var(--bz-paper),0 0 0 4px var(--bz-green-text);
--chart-1:var(--bz-signal);--chart-2:var(--bz-green-text);--chart-3:var(--bz-grey-500);--chart-4:var(--bz-ink);--chart-5:var(--bz-green-tint-2);
}
.bz-dark{
--surface-page:var(--bz-ink);--surface-card:var(--bz-ink-2);--surface-sunken:#141414;--surface-inverse:var(--bz-white);
--text-strong:#FFFFFF;--text-body:#D4D6D1;--text-muted:#A7AAA1;--text-faint:var(--bz-grey-500);
--border-default:var(--bz-ink-border);--border-strong:#3A3A3A;
--accent-text:var(--bz-signal);--focus-ring:0 0 0 2px var(--bz-ink),0 0 0 4px var(--bz-signal);
--bz-success-bg:rgba(0,224,92,.12);--bz-warning-bg:rgba(245,166,35,.12);--bz-error-bg:rgba(255,92,77,.12);--bz-review-bg:rgba(138,111,240,.14);--bz-info-bg:rgba(77,138,240,.14);--bz-blocked-bg:rgba(138,141,132,.16);
--bz-success:#3DE87F;--bz-warning:#F5A623;--bz-error:#FF6F61;--bz-review:#A38FF4;--bz-info:#6FA0F2;--bz-blocked:#A7AAA1;
color:var(--text-body);background:var(--surface-page);
}
:root{
--font-display:'Archivo',system-ui,sans-serif;
--font-ui:'Geist','Helvetica Neue',system-ui,sans-serif;
--font-mono:'Geist Mono','SF Mono',monospace;
--text-hero:clamp(44px,5vw,72px);--text-h1:36px;--text-h2:26px;--text-h3:19px;--text-h4:15px;
--text-body-lg:15px;--text-body-md:13.5px;--text-body-sm:12.5px;
--text-label:11px;--text-micro:10px;
--text-stat-lg:34px;--text-stat-md:26px;
--weight-black:850;--weight-bold:700;--weight-semibold:600;--weight-medium:500;--weight-regular:400;
--leading-tight:1.08;--leading-heading:1.2;--leading-body:1.55;
--tracking-display:-0.015em;--tracking-label:0.12em;
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;
--border-hairline:1px solid var(--border-default);
--container-app:1440px;--container-content:1120px;--container-prose:680px;
--sidebar-w:224px;
}
:root{
--shadow-card:0 1px 2px rgba(15,15,15,.04);
--shadow-raised:0 2px 8px rgba(15,15,15,.06),0 1px 2px rgba(15,15,15,.05);
--shadow-overlay:0 8px 32px rgba(15,15,15,.14),0 2px 8px rgba(15,15,15,.08);
--shadow-signal:0 0 0 1px var(--bz-signal),0 4px 20px rgba(0,224,92,.25);
}
:root{
--dur-instant:90ms;
--dur-fast:150ms;
--dur-base:220ms;
--dur-slow:360ms;
--ease-out:cubic-bezier(.2,.8,.2,1);
--ease-inout:cubic-bezier(.65,0,.35,1);
--ease-snap:cubic-bezier(.3,1.2,.3,1);
}
@keyframes bz-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes bz-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body{margin:0;font-family:var(--font-ui);font-size:var(--text-body-md);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-display);line-height:var(--leading-heading)}
a{color:var(--accent-text);text-decoration:none}
a:hover{color:var(--bz-green-deep);text-decoration:underline}
.bz-dark a:hover{color:var(--bz-signal-bright)}
code,pre,.bz-mono{font-family:var(--font-mono)}
.bz-label{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}
::selection{background:var(--bz-signal);color:var(--text-on-signal)}
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 var(--text-body-md)/1 var(--font-ui);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;padding:0 16px;height:36px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant)}
.bz-btn:active{transform:translateY(1px)}
.bz-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bz-btn[disabled]{opacity:.45;pointer-events:none}
.bz-btn--primary{background:var(--bz-signal);color:var(--text-on-signal)}
.bz-btn--primary:hover{background:var(--bz-signal-bright)}
.bz-btn--secondary{background:transparent;color:var(--text-strong);border-color:var(--border-strong)}
.bz-btn--secondary:hover{border-color:var(--text-strong);background:var(--surface-sunken)}
.bz-btn--ink{background:var(--surface-inverse);color:var(--text-on-ink)}
.bz-dark .bz-btn--ink{color:var(--bz-ink)}
.bz-btn--ink:hover{opacity:.9}
.bz-btn--ghost{background:transparent;color:var(--text-muted)}
.bz-btn--ghost:hover{background:var(--surface-sunken);color:var(--text-strong)}
.bz-btn--destructive{background:transparent;color:var(--bz-error);border-color:var(--bz-error)}
.bz-btn--destructive:hover{background:var(--bz-error-bg)}
.bz-btn--sm{height:28px;padding:0 10px;font-size:var(--text-body-sm)}
.bz-btn--lg{height:44px;padding:0 22px;font-size:var(--text-body-lg)}
.bz-iconbtn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}
.bz-iconbtn:hover{background:var(--surface-sunken);color:var(--text-strong)}
.bz-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bz-field{display:flex;flex-direction:column;gap:6px}
.bz-field>label{font:500 var(--text-body-sm)/1 var(--font-ui);color:var(--text-strong)}
.bz-input,.bz-select{font:400 var(--text-body-md)/1.2 var(--font-ui);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);height:36px;padding:0 12px;transition:border-color var(--dur-fast)}
.bz-input::placeholder{color:var(--text-faint)}
.bz-input:hover,.bz-select:hover{border-color:var(--text-faint)}
.bz-input:focus,.bz-select:focus{outline:none;border-color:var(--bz-green-text);box-shadow:0 0 0 3px var(--bz-green-tint)}
.bz-dark .bz-input:focus,.bz-dark .bz-select:focus{box-shadow:0 0 0 3px rgba(0,224,92,.2)}
.bz-input--error{border-color:var(--bz-error)}
.bz-input--error:focus{border-color:var(--bz-error);box-shadow:0 0 0 3px var(--bz-error-bg)}
.bz-hint{font:400 var(--text-body-sm)/1.4 var(--font-ui);color:var(--text-faint)}
.bz-hint--error{color:var(--bz-error)}
.bz-check{display:inline-flex;align-items:center;gap:9px;font:400 var(--text-body-md)/1.3 var(--font-ui);color:var(--text-body);cursor:pointer}
.bz-check input{appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);display:grid;place-content:center;cursor:pointer;transition:all var(--dur-fast)}
.bz-check input[type=radio]{border-radius:50%}
.bz-check input:checked{background:var(--bz-signal);border-color:var(--bz-signal)}
.bz-check input[type=checkbox]:checked::before{content:"";width:9px;height:9px;background:var(--text-on-signal);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 16%,84% 2%,38% 68%)}
.bz-check input[type=radio]:checked::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-on-signal)}
.bz-check input:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bz-switch{position:relative;width:36px;height:20px;appearance:none;background:var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast);margin:0}
.bz-switch::before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-card)}
.bz-switch:checked{background:var(--bz-signal)}
.bz-switch:checked::before{transform:translateX(16px)}
.bz-switch:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bz-badge{display:inline-flex;align-items:center;gap:6px;font:500 var(--text-micro)/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:var(--radius-pill);white-space:nowrap}
.bz-badge--success{background:var(--bz-success-bg);color:var(--bz-success)}
.bz-badge--warning{background:var(--bz-warning-bg);color:var(--bz-warning)}
.bz-badge--error{background:var(--bz-error-bg);color:var(--bz-error)}
.bz-badge--blocked{background:var(--bz-blocked-bg);color:var(--bz-blocked)}
.bz-badge--review{background:var(--bz-review-bg);color:var(--bz-review)}
.bz-badge--info{background:var(--bz-info-bg);color:var(--bz-info)}
.bz-badge--live{background:transparent;color:var(--accent-text);padding-left:0}
.bz-badge .bz-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.bz-badge--live .bz-dot{animation:bz-pulse 1.6s infinite}
.bz-tag{display:inline-flex;align-items:center;gap:6px;font:500 var(--text-body-sm)/1 var(--font-ui);color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 8px}
.bz-tag button{all:unset;cursor:pointer;color:var(--text-faint);font-size:11px;line-height:1}
.bz-tag button:hover{color:var(--text-strong)}
.bz-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.bz-card--pad{padding:var(--space-5)}
.bz-card--interactive{cursor:pointer;transition:border-color var(--dur-fast)}
.bz-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-raised)}
.bz-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-default)}
.bz-tab{font:500 var(--text-body-md)/1 var(--font-ui);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;margin-bottom:-1px;cursor:pointer;transition:color var(--dur-fast)}
.bz-tab:hover{color:var(--text-strong)}
.bz-tab[aria-selected=true]{color:var(--text-strong);border-bottom-color:var(--bz-signal)}
.bz-table{width:100%;border-collapse:collapse;font:400 var(--text-body-md)/1.4 var(--font-ui);color:var(--text-body)}
.bz-table th{font:500 var(--text-micro)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-strong)}
.bz-table td{padding:11px 12px;border-bottom:1px solid var(--border-default)}
.bz-table tr:hover td{background:var(--surface-sunken)}
.bz-table .num{font-family:var(--font-mono);font-size:var(--text-body-sm);text-align:right}
.bz-tooltip{position:relative;display:inline-flex}
.bz-tooltip>[data-tip]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bz-ink);color:#fff;font:400 var(--text-body-sm)/1.4 var(--font-ui);padding:6px 10px;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}
.bz-tooltip:hover>[data-tip]{opacity:1}
.bz-progress{height:6px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}
.bz-progress>div{height:100%;background:var(--bz-signal);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out)}
.bz-dialog{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);max-width:440px}
.bz-toast{display:flex;align-items:center;gap:10px;background:var(--bz-ink);color:#fff;font:500 var(--text-body-md)/1.3 var(--font-ui);padding:12px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:bz-rise var(--dur-base) var(--ease-out)}

/* ---------- Seitenspezifische Layout-Tokens & Keyframes ---------- */
body{margin:0;background:#FAFAF8}
    a{color:#0E7A3E}a:hover{color:#0F0F0F}
    @keyframes bzMarquee{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}
    @keyframes bzIconPulse{0%{box-shadow:var(--shadow-raised),0 0 0 0 rgba(0,255,102,.45)}70%{box-shadow:var(--shadow-raised),0 0 0 16px rgba(0,255,102,0)}100%{box-shadow:var(--shadow-raised),0 0 0 0 rgba(0,255,102,0)}}
    @keyframes bzRiseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
    @keyframes bzDash{to{stroke-dashoffset:-14}}
    /* Layout tokens — the only place breakpoints live. Every element stays inline-styled and
       simply reads these, so one set of values reshapes the whole page per screen size. */
    :root{
      --railW:var(--railW);--railPadY:clamp(14px,1.6vw,20px);--railPadX:clamp(12px,1.2vw,16px);--railOpa:1;
      --stageW:min(700px,60vw);--pageW:min(620px,52vw);--layerW:min(660px,56vw);--optW:min(560px,48vw);
      --panelW:min(320px,26vw);--panelRight:clamp(20px,3.5vw,58px);--panelLeft:auto;
      --panelTop:50%;--panelBottom:auto;--panelTY:-50%;--panelPush:0px;
      --pageShift:clamp(-140px,-11vw,-84px);--pageBotPad:clamp(18px,2.4vh,28px);--pageMaxH:640px;
      --srcCols:clamp(78px,8vw,104px) 1fr;--srcJust:flex-end;--srcAlign:right;
      --col2:1fr 1fr;--col4:repeat(4,1fr);--metricCols:1.4fr 1fr 1fr;
      --tblCols:1.5fr 1fr 1fr 1.6fr;--tblHead:grid;--cellLab:none;--cellGap:0;
      --layerCols:clamp(96px,10vw,132px) 1fr;
      --mbTextW:min(430px,32vw);--mbTextSide:clamp(24px,4vw,84px);--mbTextTop:50%;--mbTextBottom:auto;--mbTextTY:-50%;
      --ringCardW:clamp(200px,17.5vw,272px);--zoneInset:22%;--zoneTop:56%;--streamCols:repeat(5,1fr);--gapCols:repeat(3,1fr);
      --faqPos:sticky;--langSw:flex;--wmH:26px;--heroBarPadY:22px;
      --heroBarH:0px;--heroBarR:auto;--heroBarRad:28px;--notchDisp:block;--heroCtaH:44px;
      --cryptOpa:1;--kbScale:1;--kbH:9.1%;--kbPad:16px;--kbIcon:34px;--kbFont:14px;
      --dashCols:repeat(4,1fr);--greenSpan:auto;--dashCols2:1.9fr 1fr;--donutW:clamp(140px,13vw,190px);
      --ringLab:11.5px;--ringName:16.5px;--ringPad:22px 20px;--todoPad:13px 18px;--todoFont:14px;
      --streamDir:column;--streamAlign:stretch;--streamH:100%;--claimTop:38%;--ctUpDist:-31vh;--streamNameAlign:left;--kbBadge:flex;--coreLblOff:clamp(120px,15vh,170px);--coreLblCol:#00FF66;--objCols:repeat(2,1fr);--mbStageInset:0;--kbAvatar:flex;--gapTag:12px;--gapTitle:13px;--gapMeta:11px;--gapPad:clamp(11px,1.2vw,15px);
    }
    @media (max-width:1024px){
      :root{
        --stageW:88vw;--pageW:80vw;--layerW:88vw;--optW:82vw;
        --panelW:min(300px,30vw);--pageShift:clamp(-110px,-9vw,-70px);
        --mbTextW:min(360px,36vw);--mbTextSide:clamp(16px,3vw,40px);
        --ringCardW:clamp(150px,20vw,220px);--zoneInset:12%;
        --dashCols2:1.4fr 1fr;--donutW:clamp(112px,16vw,150px);--ringName:14px;--ringPad:16px 16px;
      }
    }
    @media (max-width:760px){
      :root{
        --railW:0px;--railPadY:0px;--railPadX:0px;--railOpa:0;
        --stageW:92vw;--pageW:92vw;--layerW:92vw;--optW:92vw;
        --panelW:92vw;--panelRight:auto;--panelLeft:4vw;
        --panelTop:auto;--panelBottom:clamp(12px,2vh,20px);--panelTY:0%;--panelPush:42vh;
        --pageShift:0px;--pageMaxH:none;
        --srcCols:1fr;--srcJust:flex-start;--srcAlign:left;
        --col2:1fr;--col4:1fr 1fr;--metricCols:1fr;
        --tblCols:1fr;--tblHead:none;--cellLab:block;--cellGap:3px;
        --layerCols:1fr;
        --mbTextW:92vw;--mbTextSide:4vw;--mbTextTop:61%;--mbTextBottom:auto;--mbTextTY:0%;
        --ringCardW:clamp(112px,34vw,164px);--zoneInset:4%;--streamCols:1fr;--gapCols:1fr;
        --faqPos:static;--langSw:none;--wmH:20px;--heroBarPadY:14px;
        --heroBarH:64px;--heroBarR:0;--heroBarRad:0px;--notchDisp:none;--heroCtaH:36px;
        --cryptOpa:.26;--kbScale:1.2;--kbH:7.2%;--kbPad:10px;--kbIcon:24px;--kbFont:12px;
        --dashCols:repeat(3,1fr);--greenSpan:1 / -1;--dashCols2:1.3fr 1fr;--donutW:clamp(56px,15vw,82px);
        --ringLab:8.5px;--ringName:11.5px;--ringPad:10px 11px;--todoPad:7px 11px;--todoFont:11.5px;--todoWrap:normal;--todoMaxW:40vw;--todoRad:9px;
        --streamDir:column;--streamAlign:stretch;--streamH:auto;--claimTop:25%;--ctUpDist:-37vh;--streamNameAlign:center;--kbBadge:none;--coreLblOff:0px;--coreLblCol:#FFFFFF;--objCols:1fr;--mbStageInset:0 0 41% 0;--kbAvatar:none;--gapTag:9.5px;--gapTitle:11.5px;--gapMeta:9.5px;--gapPad:8px 10px;--gapCols:1fr;--zoneTop:32%;
      }
    }

/* ---------- Zugänglichkeit ---------- */
.bz-skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--bz-ink);color:#fff;
  padding:12px 18px;font:600 14px/1 var(--font-ui);border-radius:0 0 var(--radius-md) 0}
.bz-skip:focus{left:0;text-decoration:none}
.bz-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
:where(a,button,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}

/* FAQ-Auslöser: sieht aus wie zuvor, verhält sich aber wie ein Button */
.bz-faq-trigger{appearance:none;background:none;border:0;margin:0;width:100%;text-align:left;
  font:inherit;color:inherit;cursor:pointer}

/* ---------- Reduzierte Bewegung ----------
   Selbstlaufende Animationen aus; scrollgebundene Zustände bleiben,
   sonst wäre die Seite inhaltlich nicht mehr benutzbar. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}