/* generated by build/build.js — edit design/ sources, not this file */
/* self-hosted variable fonts — regenerate with `npm run fetch-assets` */
@font-face{font-family:"Gabarito";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/gabarito-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:"Gabarito";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/gabarito-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 700;font-display:swap;src:url(/assets/fonts/instrument-sans-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 700;font-display:swap;src:url(/assets/fonts/instrument-sans-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:"JetBrains Mono";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/jetbrains-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:"JetBrains Mono";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/jetbrains-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}

:root{--font-display:"Gabarito","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-text:"Instrument Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
:root{
/* Neutralachse — n-0 ist Reinweiß (Grundfläche), n-50 bis n-900 sind die zehn Graustufen.
   Kontrastwerte gegen #FFFFFF. Hellste zulässige Schriftfarbe: n-500. */
--n-0:#FFFFFF; /* 1,00:1 */
--n-50:#FAFBFC; /* 1,04:1 */
--n-100:#F3F5F7; /* 1,09:1 */
--n-200:#E6E9EE; /* 1,22:1 */
--n-300:#CDD2DA; /* 1,52:1 */
--n-400:#9BA3B0; /* 2,54:1 */
--n-500:#69717F; /* 4,92:1 */
--n-600:#464D5A; /* 8,50:1 */
--n-700:#272C36; /* 14,00:1 */
--n-800:#161A22; /* 17,43:1 */
--n-900:#0B0D12; /* 19,43:1 */

/* Primär Azur — 7 Stufen */
--azur-100:#E4EAFF; /* auf Weiß 1,20:1 */
--azur-200:#C3D2FF; /* auf Weiß 1,50:1 */
--azur-300:#94AEFF; /* auf Weiß 2,15:1 */
--azur-400:#4E77FF; /* auf Weiß 3,88:1 */
--azur-500:#1D4DFF; /* auf Weiß 5,90:1 */
--azur-600:#1640D6; /* auf Weiß 7,67:1 */
--azur-700:#0F2FB8; /* auf Weiß 9,91:1 */

/* Spektrum — Rollen- und Statusfarben */
--aqua-hell:#D3F7F4;
--aqua-basis:#00C8BE;
--aqua-tief:#006E69;
--aqua-dark:#5FE4DC;
--gruen-hell:#D2FAE4;
--gruen-basis:#00D26A;
--gruen-tief:#047A3C;
--gruen-dark:#4BE79A;
--amber-hell:#FFF0C7;
--amber-basis:#FFB800;
--amber-tief:#8A5600;
--amber-dark:#FFCF52;
--koralle-hell:#FFE3DA;
--koralle-basis:#FF4A1F;
--koralle-tief:#C42D0B;
--koralle-dark:#FF8A69;
--magenta-hell:#FFE0EC;
--magenta-basis:#FF1F7A;
--magenta-tief:#B00050;
--magenta-dark:#FF6BA5;

/* Semantische Aliase — Light */
--surface-page:var(--n-0);
--surface-sunken:var(--n-50);
--surface-card:var(--n-0);
--surface-raised:var(--n-0);
--surface-inverse:var(--n-900);
--border-subtle:var(--n-200);
--border-default:var(--n-300);
--border-strong:var(--n-400);
--border-focus:var(--azur-500);
--text-primary:var(--n-900);
--text-secondary:var(--n-500);
--text-muted:var(--n-500);
--text-inverse:var(--n-0);
--text-brand:var(--azur-700);
--text-link:var(--azur-700);
--text-link-hover:var(--koralle-tief);
--action-primary:var(--azur-500);
--action-primary-hover:var(--azur-600);
--action-primary-active:var(--azur-700);
--action-primary-fg:var(--n-0);
--success-surface:var(--gruen-hell);--success-basis:var(--gruen-basis);--success-text:var(--gruen-tief);
--warning-surface:var(--amber-hell);--warning-basis:var(--amber-basis);--warning-text:var(--amber-tief);
--error-surface:var(--koralle-hell);--error-basis:var(--koralle-basis);--error-text:var(--koralle-tief);
--info-surface:var(--azur-100);--info-basis:var(--azur-500);--info-text:var(--azur-700);
--focus-ring:0 0 0 3px rgba(29,77,255,.24);
}
[data-theme="dark"]{
--surface-page:#0B0D12;
--surface-sunken:#0B0D12;
--surface-card:#12151C;
--surface-raised:#1A1F29;
--surface-inverse:var(--n-0);
--border-subtle:#2B313D;
--border-default:#2B313D;
--border-strong:#3A4250;
--border-focus:#6E90FF;
--text-primary:#F3F5F7;
--text-secondary:#A8B0BC;
--text-muted:#A8B0BC;
--text-inverse:var(--n-900);
--text-brand:#94AEFF;
--text-link:#94AEFF;
--text-link-hover:#FF8A69;
--action-primary:#6E90FF;
--action-primary-hover:#94AEFF;
--action-primary-active:var(--azur-300);
--action-primary-fg:var(--n-900);
--success-surface:#0C2A1B;--success-basis:#4BE79A;--success-text:#4BE79A;
--warning-surface:#2E2205;--warning-basis:#FFCF52;--warning-text:#FFCF52;
--error-surface:#301108;--error-basis:#FF8A69;--error-text:#FF8A69;
--info-surface:#0F1B3D;--info-basis:#6E90FF;--info-text:#94AEFF;
--focus-ring:0 0 0 3px rgba(110,144,255,.34);
}
:root{
--fs-display-xl:74px; /* @kind font */
--lh-display-xl:.94; /* @kind other */
--ls-display-xl:-.045em; /* @kind other */
--fs-display-l:50px; /* @kind font */
--lh-display-l:1; /* @kind other */
--ls-display-l:-.04em; /* @kind other */
--fs-display-m:33px; /* @kind font */
--lh-display-m:1.12; /* @kind other */
--ls-display-m:-.03em; /* @kind other */
--fs-display-s:25px; /* @kind font */
--lh-display-s:1.18; /* @kind other */
--ls-display-s:-.025em; /* @kind other */
--fs-lead:21px; /* @kind font */
--lh-lead:1.5; /* @kind other */
--fs-body-l:18px; /* @kind font */
--lh-body-l:1.6; /* @kind other */
--fs-body:16px; /* @kind font */
--lh-body:1.62; /* @kind other */
--fs-body-s:14px; /* @kind font */
--lh-body-s:1.55; /* @kind other */
--fs-label:12px; /* @kind font */
--lh-label:1.3; /* @kind other */
--ls-label:.1em; /* @kind other */
--fs-micro:11px; /* @kind font */
--lh-micro:1.35; /* @kind other */
--ls-micro:.13em; /* @kind other */
--fs-mono:14px; /* @kind font */
--lh-mono:1.4; /* @kind other */
--fs-mono-s:12.5px; /* @kind font */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-semibold:600; /* @kind other */
--fw-bold:700; /* @kind other */
--fw-black:800; /* @kind other */
--measure:68ch; /* @kind other */
}
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-26:104px;
--container-sm:720px;--container-md:960px;--container-lg:1200px;--container-xl:1360px;
--gutter:40px;
--grid-columns:12; /* @kind other */
--grid-gap:24px;
--bp-sm:640px;--bp-md:900px;--bp-lg:1200px;--bp-xl:1440px;
}
:root{
--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;
--border-width:1px; /* @kind other */
--border-width-strong:2px; /* @kind other */
--elev-0:none; /* @kind shadow */
--elev-1:0 1px 2px rgba(11,13,18,.05); /* @kind shadow */
--elev-2:0 1px 2px rgba(11,13,18,.05),0 4px 10px -4px rgba(11,13,18,.12); /* @kind shadow */
--elev-3:0 2px 4px rgba(11,13,18,.04),0 18px 40px -30px rgba(11,13,18,.4); /* @kind shadow */
--elev-4:0 30px 70px -34px rgba(11,13,18,.45); /* @kind shadow */
--glass-bg:rgba(255,255,255,.66); /* @kind color */
--glass-border:1px solid rgba(255,255,255,.8); /* @kind other */
--glass-blur:blur(28px) saturate(190%); /* @kind other */
--glass-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 40px -22px rgba(11,13,18,.4); /* @kind shadow */
}
:root{
--ease-out:cubic-bezier(.2,.8,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:180ms; /* @kind other */
--dur-slow:280ms; /* @kind other */
--dur-drift:24s; /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms; /* @kind other */
--dur-base:0ms; /* @kind other */
--dur-slow:0ms; /* @kind other */
}}
*{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-text);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-.04em;line-height:1.05;margin:0}
p{margin:0}
a{color:var(--text-link);text-underline-offset:3px}
a:hover{color:var(--text-link-hover)}
code,kbd,samp,pre{font-family:var(--font-mono)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
::selection{background:var(--azur-200);color:var(--n-900)}
/* ── Bauteile ── */
.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:15px;line-height:1.2;padding:13px 22px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.ds-btn:hover{transform:translateY(-1px)}
.ds-btn:active{transform:translateY(0)}
.ds-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ds-btn[disabled],.ds-btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.ds-btn--sm{font-size:13px;padding:9px 15px;gap:6px}
.ds-btn--lg{font-size:17px;padding:16px 28px}
.ds-btn--primary{background:var(--action-primary);color:var(--action-primary-fg);box-shadow:0 6px 18px -8px rgba(29,77,255,.8)}
.ds-btn--primary:hover{background:var(--action-primary-hover);box-shadow:0 10px 22px -8px rgba(29,77,255,.9)}
.ds-btn--primary:active{background:var(--action-primary-active)}
.ds-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--elev-1)}
.ds-btn--secondary:hover{border-color:var(--border-strong)}
.ds-btn--secondary:active{background:var(--surface-sunken)}
.ds-btn--ghost{background:transparent;color:var(--text-primary)}
.ds-btn--ghost:hover{background:var(--surface-sunken)}
.ds-btn--ghost:active{background:var(--border-subtle)}
.ds-btn--accent{background:var(--koralle-basis);color:var(--n-900);font-weight:var(--fw-bold)}
.ds-btn--accent:hover{background:var(--koralle-tief);color:var(--n-0)}
.ds-btn--block{width:100%}
.ds-btn__spin{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ds-spin .7s linear infinite}
@keyframes ds-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ds-btn__spin{animation-duration:2.4s}}

.ds-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;color:inherit}
.ds-icon svg{width:100%;height:100%;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.ds-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:12px;line-height:1;padding:7px 11px;border-radius:var(--radius-sm);border:1px solid transparent}
.ds-badge--solid{border-radius:var(--radius-pill);font-weight:var(--fw-bold);padding:8px 13px;color:var(--n-900)}
.ds-badge--solid.is-azur{background:var(--azur-500);color:var(--n-0)}
.ds-badge--solid.is-aqua{background:var(--aqua-basis)}
.ds-badge--solid.is-gruen{background:var(--gruen-basis)}
.ds-badge--solid.is-amber{background:var(--amber-basis)}
.ds-badge--solid.is-koralle{background:var(--koralle-basis)}
.ds-badge--solid.is-magenta{background:var(--magenta-basis)}
.ds-badge--soft.is-success{background:var(--success-surface);color:var(--success-text);border-color:color-mix(in srgb,var(--success-basis) 34%,transparent)}
.ds-badge--soft.is-warning{background:var(--warning-surface);color:var(--warning-text);border-color:color-mix(in srgb,var(--warning-basis) 40%,transparent)}
.ds-badge--soft.is-error{background:var(--error-surface);color:var(--error-text);border-color:color-mix(in srgb,var(--error-basis) 34%,transparent)}
.ds-badge--soft.is-info{background:var(--info-surface);color:var(--info-text);border-color:var(--azur-200)}
.ds-badge--soft.is-neutral{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border-default)}
.ds-badge__dot{width:8px;height:8px;border-radius:3px;flex:none}

.ds-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.ds-card--raised{box-shadow:var(--elev-2)}
.ds-card--interactive{cursor:pointer}
.ds-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--elev-3)}
.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ds-card--accent{border-top:3px solid var(--azur-500)}
.ds-card__head{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px}
.ds-card__title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:20px;letter-spacing:-.03em;line-height:1.15;margin:0}
.ds-card__body{padding:24px}
.ds-card__foot{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken);display:flex;gap:10px;align-items:center}

.ds-field{display:flex;flex-direction:column;gap:7px}
.ds-field__label{font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:12px;color:var(--text-secondary)}
.ds-field__hint{font-size:12.5px;color:var(--text-secondary);line-height:1.45}
.ds-field__error{font-size:12.5px;color:var(--error-text);font-weight:var(--fw-medium);line-height:1.45}
.ds-input,.ds-select{font-family:var(--font-text);font-size:14px;line-height:1.3;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:11px 13px;box-shadow:var(--elev-1);width:100%;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.ds-input::placeholder{color:var(--n-400)}
.ds-input:hover,.ds-select:hover{border-color:var(--border-strong)}
.ds-input:focus,.ds-select:focus,.ds-input.is-focus,.ds-select.is-focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
.ds-input[disabled],.ds-select[disabled]{background:var(--surface-sunken);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}
.ds-input.is-error,.ds-select.is-error{border-color:var(--error-basis);box-shadow:0 0 0 3px color-mix(in srgb,var(--error-basis) 22%,transparent)}
.ds-select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.ds-input--prefixed{display:flex;align-items:center;gap:9px}
.ds-input--prefixed .ds-icon{color:var(--text-secondary)}

.ds-table{width:100%;border-collapse:collapse;font-family:var(--font-text)}
.ds-table th{text-align:left;font-weight:var(--fw-bold);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);padding:0 0 11px;border-bottom:1px solid var(--border-default)}
.ds-table td{font-weight:var(--fw-medium);font-size:13.5px;line-height:1.4;color:var(--text-primary);padding:12px 0;border-bottom:1px solid var(--border-subtle)}
.ds-table tbody tr:last-child td{border-bottom:0}
.ds-table--hover tbody tr{transition:background var(--dur-fast) var(--ease-out)}
.ds-table--hover tbody tr:hover{background:var(--surface-sunken)}
.ds-table th:not(:first-child),.ds-table td:not(:first-child){padding-left:14px}
.ds-table__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text-secondary);white-space:nowrap}
.ds-table--inset th{padding-left:20px}.ds-table--inset th:first-child,.ds-table--inset td:first-child{padding-left:24px}
.ds-table__dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:9px;vertical-align:-1px}

.ds-code{background:var(--n-900);color:#E6E9EE;border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);font-size:13px;line-height:1.65}
.ds-code__head{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9BA3B0;font-family:var(--font-text);font-weight:var(--fw-bold)}
.ds-code__body{padding:16px 18px;overflow-x:auto;margin:0;white-space:pre}
.ds-code .tok-key{color:#94AEFF}.ds-code .tok-str{color:#4BE79A}.ds-code .tok-num{color:#FFCF52}.ds-code .tok-com{color:#69717F}

.ds-nav{display:flex;align-items:center;gap:6px;padding:18px 0;border-bottom:1px solid var(--border-default)}
.ds-nav__brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-.045em;font-size:21px;color:var(--text-primary);margin-right:26px;text-decoration:none}
.ds-nav__brand img{height:22px;width:auto;display:block}
.ds-nav__link{font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:14.5px;color:var(--text-secondary);padding:9px 13px;border-radius:var(--radius-sm);text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.ds-nav__link:hover{background:var(--surface-sunken);color:var(--text-primary)}
.ds-nav__link.is-active{color:var(--text-primary);background:var(--surface-sunken)}
.ds-nav__link:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ds-nav__spacer{flex:1}
.ds-band{display:flex;height:6px}.ds-band i{flex:1}

.ds-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-default)}
.ds-tab{font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:14px;color:var(--text-secondary);padding:12px 16px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.ds-tab:hover{color:var(--text-primary)}
.ds-tab.is-active{color:var(--text-primary);border-bottom-color:var(--azur-500)}
.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}
.ds-tab[disabled]{opacity:.4;cursor:not-allowed}

.ds-dialog__scrim{position:fixed;inset:0;background:rgba(11,13,18,.44);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:200;overflow-y:auto}
.ds-dialog{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--elev-4);width:100%;max-width:460px;overflow:hidden}
.ds-dialog__head{padding:24px 26px 0}
.ds-dialog__kicker{font-family:var(--font-text);font-weight:var(--fw-bold);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}
.ds-dialog__title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:23px;letter-spacing:-.035em;line-height:1.12;margin:0 0 9px}
.ds-dialog__body{padding:0 26px 22px;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}
.ds-dialog__foot{padding:16px 26px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken);display:flex;gap:10px;justify-content:flex-end}

.ds-toast{display:flex;align-items:flex-start;gap:12px;background:var(--surface-raised);border:1px solid var(--border-default);border-left-width:3px;border-radius:var(--radius-md);box-shadow:var(--elev-3);padding:14px 16px;max-width:420px}
.ds-toast.is-success{border-left-color:var(--gruen-basis)}
.ds-toast.is-warning{border-left-color:var(--amber-basis)}
.ds-toast.is-error{border-left-color:var(--koralle-basis)}
.ds-toast.is-info{border-left-color:var(--azur-500)}
.ds-toast__title{font-family:var(--font-text);font-weight:var(--fw-bold);font-size:14px;color:var(--text-primary);line-height:1.35}
.ds-toast__msg{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:3px}
.ds-toast__close{background:none;border:0;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:var(--radius-xs);margin-left:auto;flex:none}
.ds-toast__close:hover{color:var(--text-primary);background:var(--surface-sunken)}

/* Farbmarke — der einzige Ort, an dem Spektrumfarbe als Fläche auftritt.
   Farbiger Text existiert im System nicht: Farbe sitzt in der Marke, Schrift bleibt Tinte. */
.ds-marke{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;border-radius:var(--radius-sm)}
.ds-marke--sm{width:22px;height:22px;border-radius:var(--radius-xs)}
.ds-marke--md{width:30px;height:30px;border-radius:var(--radius-sm)}
.ds-marke--lg{width:40px;height:40px;border-radius:var(--radius-md)}
.ds-marke--xl{width:52px;height:52px;border-radius:var(--radius-lg)}
.ds-marke--rund{border-radius:50%}
.ds-marke--plakette{border-radius:var(--radius-pill);width:auto;min-width:30px;padding:0 11px}
.ds-marke__z{font:700 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ds-marke--sm .ds-marke__z{font-size:10.5px}
.ds-marke--lg .ds-marke__z{font-size:15px}
.ds-marke--xl .ds-marke__z{font-size:19px}
/* Nur Azur trägt Weiß (5,90:1). Alle übrigen Basistöne tragen Tinte:
   Aqua 9,26 · Grün 9,65 · Amber 11,21 · Koralle 5,72 · Magenta 5,23. */
.ds-marke.is-azur{background:var(--azur-500);color:var(--n-0)}
.ds-marke.is-aqua{background:var(--aqua-basis);color:var(--n-900)}
.ds-marke.is-gruen{background:var(--gruen-basis);color:var(--n-900)}
.ds-marke.is-amber{background:var(--amber-basis);color:var(--n-900)}
.ds-marke.is-koralle{background:var(--koralle-basis);color:var(--n-900)}
.ds-marke.is-magenta{background:var(--magenta-basis);color:var(--n-900)}

/* Lucide direkt in einer Marke (statisches HTML ohne React-Wrapper) */
.ds-marke > svg{width:58%;height:58%;stroke-width:1.5}

/* Erklärstücke — Ablauf (Freigabe) und Herleitung (Fundstelle) */

.ds-ablauf{display:flex;flex-direction:column;gap:26px}
.ds-ablauf__rail{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
.ds-ablauf__schritt{position:relative;padding-top:4px}
.ds-ablauf__schritt+.ds-ablauf__schritt::before{content:"";position:absolute;left:calc(-50% + 21px);right:calc(50% + 21px);top:19px;height:2px;background:var(--n-300);border-radius:2px}
.ds-ablauf__schritt+.ds-ablauf__schritt::after{content:"";position:absolute;left:calc(-50% + 21px);right:calc(50% + 21px);top:19px;height:2px;background:var(--n-700);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 620ms var(--ease-out)}
.ds-ablauf__schritt.is-erledigt::after,.ds-ablauf__schritt.is-aktiv::after{transform:scaleX(1)}
.ds-ablauf__node{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;background:none;border:0;padding:0 6px;cursor:pointer;text-align:center}
.ds-ablauf__node:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}
.ds-ablauf__node .ds-marke{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}
.ds-ablauf__schritt.is-aktiv .ds-ablauf__node .ds-marke{transform:scale(1.14);box-shadow:0 0 0 4px rgba(255,255,255,.9),0 6px 16px -6px rgba(11,13,18,.5)}
.ds-ablauf__schritt:not(.is-erledigt):not(.is-aktiv) .ds-ablauf__node .ds-marke{filter:grayscale(1) opacity(.42)}
.ds-ablauf__nodetitel{font:600 12.5px/1.25 var(--font-text);color:var(--n-500);letter-spacing:-.005em}
.ds-ablauf__schritt.is-aktiv .ds-ablauf__nodetitel,.ds-ablauf__schritt.is-erledigt .ds-ablauf__nodetitel{color:var(--text-primary)}
.ds-ablauf__schritt.is-tor .ds-ablauf__node .ds-marke{box-shadow:0 0 0 3px var(--amber-hell)}
.ds-ablauf__schritt.is-wartet .ds-ablauf__node .ds-marke{animation:ds-puls 1.4s ease-in-out infinite}
@keyframes ds-puls{0%,100%{box-shadow:0 0 0 0 rgba(255,184,0,.9)}50%{box-shadow:0 0 0 10px rgba(255,184,0,0)}}

.ds-ablauf__body{display:grid;grid-template-columns:1.35fr .95fr;gap:22px;align-items:start}
.ds-ablauf__detail{background:var(--n-0);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:26px 28px 24px;min-height:250px}
.ds-ablauf__kopf{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.ds-ablauf__kopf h3{font-size:26px;margin:0 0 4px;letter-spacing:-.03em}
.ds-ablauf__rolle{font:400 13px/1.3 var(--font-text);color:var(--text-secondary)}
.ds-ablauf__rolle b{color:var(--text-primary);font-weight:600}
.ds-ablauf__text{font-size:15.5px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:58ch;text-wrap:pretty}
.ds-ablauf__tor{margin-top:20px;border:1px solid var(--amber-basis);background:var(--amber-hell);border-radius:var(--radius-lg);padding:16px 18px}
.ds-ablauf__torkopf{display:flex;align-items:center;gap:9px;font:700 10px/1 var(--font-text);letter-spacing:.13em;text-transform:uppercase;color:var(--amber-tief)}
.ds-ablauf__tor p{font-size:14.5px;line-height:1.5;color:var(--n-900);margin:11px 0 14px;font-weight:500}
.ds-ablauf__torbtn{display:flex;gap:9px;flex-wrap:wrap}
.ds-ablauf__torbtn button{font:600 14px/1 var(--font-text);border-radius:var(--radius-pill);padding:11px 18px;cursor:pointer;border:1px solid transparent;transition:transform var(--dur-base) var(--ease-out),background var(--dur-fast)}
.ds-ablauf__torbtn button:hover{transform:translateY(-1px)}
.ds-ablauf__torbtn button:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ds-ablauf__ja{background:var(--azur-500);color:#fff}
.ds-ablauf__ja:hover{background:var(--azur-600)}
.ds-ablauf__nein{background:var(--n-0);color:var(--text-primary);border-color:var(--border-default)!important}
.ds-ablauf__nein:hover{border-color:var(--border-strong)!important}
.ds-ablauf__schluss{margin-top:20px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid var(--border-subtle);padding-top:18px;font:600 14.5px/1.3 var(--font-text)}
.ds-ablauf__schluss button{margin-left:auto;font:600 13.5px/1 var(--font-text);color:var(--text-primary);background:none;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:9px 15px;cursor:pointer;transition:border-color var(--dur-base)}
.ds-ablauf__schluss button:hover{border-color:var(--border-strong)}
.ds-ablauf__schluss button:focus-visible{outline:none;box-shadow:var(--focus-ring)}

.ds-ablauf__log{background:var(--n-900);border-radius:var(--radius-xl);padding:20px 22px 22px;min-height:250px}
.ds-ablauf__logkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14);font:700 10px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--n-400)}
.ds-ablauf__logkopf button{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-pill);color:var(--n-300);font:600 10px/1 var(--font-text);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;cursor:pointer}
.ds-ablauf__logkopf button:disabled{opacity:.35;cursor:default}
.ds-ablauf__logkopf button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.ds-ablauf__log ol{list-style:none;margin:0;padding:14px 0 0;display:flex;flex-direction:column;gap:10px}
.ds-ablauf__zeile{display:flex;gap:9px;align-items:flex-start;font:500 12px/1.5 var(--font-mono);color:var(--n-300);font-variant-numeric:tabular-nums;animation:ds-logein 320ms var(--ease-out) both}
.ds-ablauf__zeile .ds-icon{margin-top:2px;flex:none;color:var(--gruen-dark)}
.ds-ablauf__zeile.is-mensch .ds-icon{color:var(--azur-300)}
.ds-ablauf__zeile.is-abgelehnt{color:var(--koralle-dark)}
.ds-ablauf__zeile.is-abgelehnt .ds-icon{color:var(--koralle-dark)}
.ds-ablauf__leer{font:500 12px/1.5 var(--font-mono);color:var(--n-600)}
@keyframes ds-logein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.ds-ablauf.is-rueck .ds-ablauf__zeile{text-decoration:line-through;opacity:.4;transition:opacity 700ms,text-decoration 700ms}

.ds-herleitung{display:grid;grid-template-columns:1fr 200px 1.25fr;gap:26px;align-items:start}
.ds-herleitung__lbl{font:700 9.5px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}
.ds-herleitung__quellen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ds-herleitung__quellen li{display:flex;align-items:center;gap:10px;background:var(--n-0);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;opacity:0;transform:translateX(-14px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}
.ds-herleitung__quellen li.is-drin{opacity:1;transform:none}
.ds-herleitung__quellen li.is-treffer{border-color:var(--n-700)}
.ds-herleitung__quellen li.is-gewaehlt{border-color:var(--azur-500);box-shadow:var(--focus-ring)}
.ds-herleitung__qn{font:600 13.5px/1.2 var(--font-text);color:var(--text-primary)}
.ds-herleitung__qt{margin-left:auto;font:500 11px/1 var(--font-mono);color:var(--text-secondary)}
.ds-herleitung__mitte{position:relative}
.ds-herleitung__index{background:var(--n-900);border-radius:var(--radius-xl);padding:20px 20px 22px;color:var(--n-0);text-align:center}
.ds-herleitung__zahl{font:800 34px/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ds-herleitung__zlbl{font:600 10px/1.3 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--n-400);margin-top:8px}
.ds-herleitung__balken{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px;justify-content:center}
.ds-herleitung__balken i{width:14px;height:5px;border-radius:2px;background:rgba(255,255,255,.16);opacity:0;transform:scaleX(.2);transition:opacity 300ms var(--ease-out),transform 300ms var(--ease-out),background 300ms}
.ds-herleitung__balken i.is-da{opacity:1;transform:none}
.ds-herleitung__balken i.is-treffer{background:var(--aqua-basis)}
.ds-herleitung__frage{display:flex;align-items:center;gap:9px;background:var(--n-0);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;min-height:44px;font:500 14.5px/1.35 var(--font-text);color:var(--text-primary)}
.ds-herleitung__cursor{display:inline-block;width:2px;height:15px;background:var(--azur-500);vertical-align:-2px;margin-left:1px;animation:ds-blink 1s steps(2) infinite}
@keyframes ds-blink{50%{opacity:0}}
.ds-herleitung__antwort{margin-top:14px;background:var(--n-0);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:20px 22px;opacity:0;transform:translateY(10px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out)}
.ds-herleitung__antwort.is-da{opacity:1;transform:none}
.ds-herleitung__antwort p{font-size:15px;line-height:1.6;color:var(--text-primary);margin:0 0 16px;text-wrap:pretty}
.ds-herleitung__flbl{font:700 9.5px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:9px}
.ds-herleitung__fund{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ds-herleitung__fund button{display:flex;align-items:center;gap:9px;width:100%;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;text-align:left;transition:border-color var(--dur-base),background var(--dur-base)}
.ds-herleitung__fund button:hover,.ds-herleitung__fund button.is-gewaehlt{border-color:var(--azur-500);background:var(--n-0)}
.ds-herleitung__fund button:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ds-herleitung__fd{font:600 13px/1.2 var(--font-text);color:var(--text-primary)}
.ds-herleitung__fa{margin-left:auto;font:500 11px/1 var(--font-mono);color:var(--text-secondary);white-space:nowrap}
.ds-herleitung__ohne{font-size:12.5px!important;line-height:1.5!important;color:var(--text-secondary)!important;margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--border-subtle)}
.ds-herleitung__neu{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:9px 15px;font:600 13px/1 var(--font-text);color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-base)}
.ds-herleitung__neu:hover{border-color:var(--border-strong)}
.ds-herleitung__neu:focus-visible{outline:none;box-shadow:var(--focus-ring)}

@media (max-width:1100px){
.ds-ablauf__body{grid-template-columns:1fr}
.ds-herleitung{grid-template-columns:1fr;gap:20px}
.ds-herleitung__balken{max-width:340px;margin-left:auto;margin-right:auto}
}
@media (max-width:760px){
.ds-ablauf__rail{grid-auto-flow:row;grid-auto-columns:auto;gap:2px}
.ds-ablauf__schritt+.ds-ablauf__schritt::before,.ds-ablauf__schritt+.ds-ablauf__schritt::after{display:none}
.ds-ablauf__node{flex-direction:row;justify-content:flex-start;text-align:left;padding:6px}
}
@media (prefers-reduced-motion:reduce){
.ds-ablauf__schritt::after,.ds-herleitung__quellen li,.ds-herleitung__balken i,.ds-herleitung__antwort{transition-duration:0ms}
.ds-ablauf__zeile{animation:none}
.ds-ablauf__schritt.is-wartet .ds-ablauf__node .ds-marke{animation:none;box-shadow:0 0 0 4px var(--amber-basis)}
.ds-herleitung__cursor{animation:none}
}


body{margin:0;background:#EDF2FF}
body:has(.site.dunkel),
body:has(html[data-theme="dark"] .site){background:#0B0D12}
.site{--tx:#0B0D12;--tx2:#272C36;--mut:#464D5A;--line:#CDD2DA;--line2:#E6E9EE;--card:#FFFFFF;--proto:#F7F8FA;--chip:#F2F4F7;--ava:#E6E9EE;--glassP:rgba(255,255,255,.68);--glassC:rgba(255,255,255,.66);--navbg:rgba(255,255,255,.74);--menu:rgba(255,255,255,.93);--glassS:rgba(255,255,255,.6);--gbd:rgba(255,255,255,.85);--gbd2:rgba(255,255,255,.8);--glim:rgba(255,255,255,.95);--pill:rgba(255,255,255,.9);--pillon:#FFFFFF;--link:#0F2FB8;--linkh:#C42D0B;--az:#1D4DFF;--mark:#EDF2FF;--base:#EDF2FF;--veil:rgba(255,255,255,.32);--chipOnBg:#0B0D12;--chipOnFg:#FFFFFF}
.site.dunkel,
html[data-theme="dark"] .site{--tx:#F3F5F7;--tx2:#C2C8D2;--mut:#9AA3B1;--line:#2B313D;--line2:#232937;--card:#12151C;--proto:#0E1218;--chip:#1B202B;--ava:#242B38;--glassP:rgba(16,19,27,.66);--glassC:rgba(16,19,27,.6);--navbg:rgba(16,19,27,.72);--menu:rgba(14,17,24,.94);--glassS:rgba(16,19,27,.55);--gbd:rgba(255,255,255,.14);--gbd2:rgba(255,255,255,.12);--glim:rgba(255,255,255,.07);--pill:rgba(255,255,255,.1);--pillon:rgba(255,255,255,.16);--link:#94AEFF;--linkh:#FF8A69;--az:#6E90FF;--mark:#0F1B3D;--base:#0B0D12;--veil:rgba(11,13,18,.46);--chipOnBg:#F3F5F7;--chipOnFg:#0B0D12}
.site{--logoplate:#FFFFFF}
@media (max-width:760px){.klogo{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:700px){.wofuer{grid-template-columns:1fr!important}}
@media (max-width:760px){.jobrow{grid-template-columns:1fr!important}}
@media (max-width:1080px){.fgrid{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:760px){.fgrid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:1080px){.saeulen{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:900px){.bfoot{grid-template-columns:1fr!important;gap:20px!important}.bstage{border-radius:20px!important}}
@media (max-width:760px){.bstage{aspect-ratio:auto!important;padding:34px 20px 26px!important;gap:16px!important}.bstage-crumb,.bstage-badge,.bstage-meta{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;justify-content:center!important;flex-wrap:wrap!important}.bstage-play{width:64px!important;height:64px!important}}
@media (max-width:520px){.fgrid,.saeulen{grid-template-columns:1fr!important}}
@media (max-width:900px){.pcard{grid-template-columns:1fr!important;gap:34px!important;padding:44px 34px!important}.pline{border-left:0!important;padding-left:0!important;padding-top:34px!important;border-top:1px solid var(--line)!important}}
@media (max-width:900px){.heroneu{min-height:calc(100svh - 248px)!important;padding-bottom:44px!important}}
.hstats>span:last-child i{display:none!important}
@media (max-width:1040px){.hstats{background:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;gap:14px 32px!important}.hstats i{display:none!important}}
@media (max-width:760px){.hstats{flex-direction:column!important;align-items:flex-start!important;border-radius:20px!important;gap:12px!important;padding:18px 24px!important}.hstats i{display:none!important}}
.site.dunkel,
html[data-theme="dark"] .site{--logoplate:#F2F4F7}
.site.dunkel .bl,
html[data-theme="dark"] .site .bl{opacity:.36!important}
a{color:var(--link,#0F2FB8)}
a:not(.ds-btn):hover{color:var(--linkh,#C42D0B)}
a.ds-btn:hover,a.ds-btn:focus,a.ds-btn:active{color:inherit}
a.ds-btn--primary,a.ds-btn--primary:hover,a.ds-btn--primary:focus,a.ds-btn--primary:active{color:var(--action-primary-fg,#fff)}
a.ds-btn--secondary,a.ds-btn--secondary:hover,a.ds-btn--secondary:focus,a.ds-btn--secondary:active,a.ds-btn--ghost,a.ds-btn--ghost:hover,a.ds-btn--ghost:focus,a.ds-btn--ghost:active{color:var(--tx)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.chev{transition:transform 180ms cubic-bezier(.2,.8,.3,1)}
details[open] .chev{transform:rotate(180deg)}
@keyframes d1{to{transform:translate3d(7vw,6vh,0) scale(1.18)}}
@keyframes d2{to{transform:translate3d(-8vw,7vh,0) scale(1.12)}}
@keyframes d3{to{transform:translate3d(6vw,-7vh,0) scale(1.22)}}
@keyframes ringpulse{0%,100%{box-shadow:0 0 0 0 rgba(0,210,106,0)}50%{box-shadow:0 0 0 7px rgba(0,210,106,.13)}}
@keyframes segA{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(19px);opacity:0}}
@keyframes segB{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(19px);opacity:0}}
@keyframes ein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes knete{0%{border-radius:58% 42% 47% 53%/45% 52% 48% 55%;transform:rotate(0deg) scale(1)}33%{border-radius:44% 56% 63% 37%/57% 43% 57% 43%;transform:rotate(5deg) scale(1.06)}66%{border-radius:53% 47% 37% 63%/39% 61% 39% 61%;transform:rotate(-4deg) scale(.96)}100%{border-radius:58% 42% 47% 53%/45% 52% 48% 55%;transform:rotate(0deg) scale(1)}}
.knete{animation:knete 19s ease-in-out infinite}
@keyframes wcyc{0%{opacity:0;transform:translateY(.16em)}4%{opacity:1;transform:none}30%{opacity:1;transform:none}34%{opacity:0;transform:translateY(-.16em)}100%{opacity:0;transform:translateY(-.16em)}}
.wcyc{grid-area:1/1;animation:wcyc 7.8s cubic-bezier(.2,.8,.3,1) infinite both}
.wcyc:nth-child(2){animation-delay:2.6s}
.wcyc:nth-child(3){animation-delay:5.2s}
@media (prefers-reduced-motion:reduce){.knete{animation:none!important}.wcyc{animation:none!important;opacity:0!important}.wcyc:first-child{opacity:1!important}}
@keyframes livepuls{0%,100%{box-shadow:0 0 0 0 rgba(0,210,106,0)}50%{box-shadow:0 0 0 5px rgba(0,210,106,.18)}}
.livedot{animation:livepuls 2.4s ease-in-out infinite}
.ds-marke.is-azur{background:#1D4DFF!important;color:#FFFFFF!important}
.ds-marke.is-aqua{background:#00847E!important;color:#FFFFFF!important}
.ds-marke.is-gruen{background:#07853F!important;color:#FFFFFF!important}
.ds-marke.is-amber{background:#9E6400!important;color:#FFFFFF!important}
.ds-marke.is-koralle{background:#D93409!important;color:#FFFFFF!important}
.ds-marke.is-magenta{background:#D9006A!important;color:#FFFFFF!important}
.tilt{position:relative;transform-style:preserve-3d;transition:transform 280ms cubic-bezier(.2,.8,.3,1),box-shadow 280ms cubic-bezier(.2,.8,.3,1)}
.tilt.is-tilt{transition:transform 90ms linear,box-shadow 280ms cubic-bezier(.2,.8,.3,1)}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 280ms cubic-bezier(.2,.8,.3,1);background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.3),rgba(255,255,255,0) 68%)}
.tilt.is-tilt::after{opacity:1}
.mios{--mbg:#0E1218;--mside:#121721;--mcard:#181D27;--mline:#262D3A;--mtx:#F3F5F7;--mtx2:#B5BCC8;--mmut:#828B99;--mchip:#1D2431;--mazt:#8AA6FF;--mazb:rgba(138,166,255,.42)}
.site.dunkel .mios,
html[data-theme="dark"] .site .mios{--mbg:#FFFFFF;--mside:#F7F8FA;--mcard:#FFFFFF;--mline:#E6E9EE;--mtx:#0B0D12;--mtx2:#464D5A;--mmut:#6B7480;--mchip:#F2F4F7;--mazt:#0F2FB8;--mazb:rgba(29,77,255,.32)}
.mnav-on{background:var(--mchip)!important;color:var(--mtx)!important}
.fband>a:first-child{border-left:none}
.fband>a:hover{background:var(--chip)}
.fband>a:hover .fbmk{transform:translateY(-3px)}
.fband>a:hover .fbakz{opacity:1;height:3px}
.aufk:hover .aufp{gap:12px}
@media (max-width:760px){.grenzgrid{grid-template-columns:1fr!important}}
.site.dunkel .klogoz img,
html[data-theme="dark"] .site .klogoz img{filter:invert(1) grayscale(1);opacity:.5}
@media (max-width:760px){.aufreihe{grid-template-columns:1fr!important}}
@keyframes lkar{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
.lkar{animation:lkar 1.05s steps(1,end) infinite}
@keyframes ldot{0%,80%,100%{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ldot{animation:ldot 1.05s cubic-bezier(.2,.8,.3,1) infinite}
@keyframes lauf{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes lflowd{0%{transform:translateY(-3px);opacity:0}22%{opacity:1}100%{transform:translateY(19px);opacity:0}}
.lflowd{animation:lflowd 780ms cubic-bezier(.4,0,.6,1) both}
.lauf{animation:lauf 420ms cubic-bezier(.2,.8,.3,1) both}
@media (prefers-reduced-motion:reduce){.lkar,.ldot,.lauf,.lflowd{animation:none!important}}
@media (max-width:760px){.llmres{min-height:300px!important}.orgwerk{min-height:270px!important}.govakt{min-height:400px!important}}
@media (max-width:520px){.llmres,.orgwerk,.govakt{min-height:0!important}}
@media (max-width:900px){.fband{grid-template-columns:repeat(7,minmax(0,1fr))!important}.fband>a:nth-child(8){border-left:none}.fband>a:nth-child(n+8){border-top:1px solid var(--line2)}}
@media (max-width:560px){.fband{grid-template-columns:repeat(5,minmax(0,1fr))!important}.fband>a{height:56px!important}.fband>a:nth-child(8){border-left:1px solid var(--line2)}.fband>a:nth-child(6),.fband>a:nth-child(11){border-left:none}.fband>a:nth-child(n+6){border-top:1px solid var(--line2)}}
.appwin{--a0:#FFFFFF;--a50:#FAFBFC;--a100:#F3F5F7;--a200:#E6E9EE;--a300:#CDD2DA;--a400:#9BA3B0;--a500:#69717F;--a600:#464D5A;--a900:#0B0D12;--abg:linear-gradient(115deg,#F1F4FB 0%,#F7F8FA 46%,#FAF4F0 100%);--anav:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));--ahair:rgba(20,35,80,.07);--atop:rgba(255,255,255,.9);--aon:rgba(255,255,255,.96);--aaz:#1D4DFF;--aazt:#0F2FB8;--aazh:#E4EAFF}
.site.dunkel .appwin,
html[data-theme="dark"] .site .appwin{--a0:#151A24;--a50:#10141C;--a100:#1D2432;--a200:#2A3143;--a300:#343C51;--a400:#4C5773;--a500:#9AA4B8;--a600:#C2CAD8;--a900:#F4F6FA;--abg:linear-gradient(115deg,#0D111B 0%,#0B0D12 48%,#140F16 100%);--anav:linear-gradient(180deg,rgba(24,29,44,.72),rgba(13,16,25,.5));--ahair:rgba(255,255,255,.07);--atop:rgba(255,255,255,.08);--aon:rgba(255,255,255,.16);--aaz:#3D63E8;--aazt:#94AEFF;--aazh:#182349}
@media (max-width:900px){.appnav{display:none!important}.approw{min-height:440px!important}.appkopf{flex-wrap:wrap!important}}
@media (max-width:640px){.appwin{border-radius:16px!important}}
@media (max-width:1080px){.mios{height:560px!important}}
@media (max-width:760px){.magr{grid-template-columns:1fr!important}}
@media (max-width:640px){.mios{grid-template-columns:1fr!important}.msid{display:none!important}.mkpi{grid-template-columns:1fr 1fr!important}}
@media (prefers-reduced-motion:reduce){.tilt{transform:none!important;box-shadow:none}.tilt::after{display:none}.livedot{animation:none!important}.bl,.ring{animation:none!important}.flowdot{display:none!important}}
@media (max-width:1080px){.zz{grid-template-columns:1fr!important;gap:28px!important}.zz>*{grid-column:1!important;grid-row:auto!important}.hgrid,.two,.hwe,.rech,.uxgrid{grid-template-columns:1fr!important}.three{grid-template-columns:repeat(2,1fr)!important}.hgrid{gap:48px!important}.hwe{gap:40px!important}.four{grid-template-columns:repeat(2,1fr)!important}.saeule{grid-template-columns:52px 1fr!important;gap:16px!important}.saeule p{grid-column:2}.pad{padding:40px 32px!important}.zeile{grid-template-columns:1fr!important;gap:8px!important}}
@media (max-width:900px){.pillnav{border-radius:28px!important;flex-wrap:wrap!important;justify-content:center!important;padding:12px!important}.mainpad{padding-top:220px!important}.board,.hbgrid,.kzahl{grid-template-columns:1fr!important}.baumrow{flex-wrap:wrap!important}}
@media (max-width:760px){.four,.three,.detgrid,.ftr{grid-template-columns:1fr!important}.detgrid{grid-template-columns:repeat(2,1fr)!important}.cont{padding-left:24px!important;padding-right:24px!important}.pad{padding:32px 24px!important}}

@media (prefers-color-scheme:dark){
body:has(html:not([data-theme]) .site){background:#0B0D12}
html:not([data-theme]) .site{--tx:#F3F5F7;--tx2:#C2C8D2;--mut:#9AA3B1;--line:#2B313D;--line2:#232937;--card:#12151C;--proto:#0E1218;--chip:#1B202B;--ava:#242B38;--glassP:rgba(16,19,27,.66);--glassC:rgba(16,19,27,.6);--navbg:rgba(16,19,27,.72);--menu:rgba(14,17,24,.94);--glassS:rgba(16,19,27,.55);--gbd:rgba(255,255,255,.14);--gbd2:rgba(255,255,255,.12);--glim:rgba(255,255,255,.07);--pill:rgba(255,255,255,.1);--pillon:rgba(255,255,255,.16);--link:#94AEFF;--linkh:#FF8A69;--az:#6E90FF;--mark:#0F1B3D;--base:#0B0D12;--veil:rgba(11,13,18,.46);--chipOnBg:#F3F5F7;--chipOnFg:#0B0D12}
html:not([data-theme]) .site{--logoplate:#F2F4F7}
html:not([data-theme]) .site .bl{opacity:.36!important}
html:not([data-theme]) .site .mios{--mbg:#FFFFFF;--mside:#F7F8FA;--mcard:#FFFFFF;--mline:#E6E9EE;--mtx:#0B0D12;--mtx2:#464D5A;--mmut:#6B7480;--mchip:#F2F4F7;--mazt:#0F2FB8;--mazb:rgba(29,77,255,.32)}
html:not([data-theme]) .site .klogoz img{filter:invert(1) grayscale(1);opacity:.5}
html:not([data-theme]) .site .appwin{--a0:#151A24;--a50:#10141C;--a100:#1D2432;--a200:#2A3143;--a300:#343C51;--a400:#4C5773;--a500:#9AA4B8;--a600:#C2CAD8;--a900:#F4F6FA;--abg:linear-gradient(115deg,#0D111B 0%,#0B0D12 48%,#140F16 100%);--anav:linear-gradient(180deg,rgba(24,29,44,.72),rgba(13,16,25,.5));--ahair:rgba(255,255,255,.07);--atop:rgba(255,255,255,.08);--aon:rgba(255,255,255,.16);--aaz:#3D63E8;--aazt:#94AEFF;--aazh:#182349}
}
.p0:hover{background:var(--pill);color:var(--tx)}
.p1:hover{background:var(--chip)}
.p2:hover{color:var(--tx)}
.p3:hover{opacity:1;color:var(--tx2)}
.p4:hover{transform:translateY(-1px)}
.p5:hover{color:var(--link)}
.p6:hover{border-color:var(--mut)}
.p7:focus-visible{border-color:var(--az);box-shadow:0 0 0 3px rgba(29,77,255,.24)}

/* runtime helpers */
.js-hide{display:none!important}
.theme-ic-sun{display:none!important}
.site.dunkel .theme-ic-sun{display:inline-flex!important}
.site.dunkel .theme-ic-moon{display:none!important}
html[data-theme="dark"] .theme-ic-sun{display:inline-flex!important}
html[data-theme="dark"] .theme-ic-moon{display:none!important}