:root{--c-tinte-950: #07090b;--c-tinte-900: #0c1013;--c-tinte-850: #11161a;--c-tinte-800: #161d22;--c-tinte-700: #1f282e;--c-tinte-600: #2c3840;--c-graphit-500: #48575f;--c-graphit-450: #4e5c64;--c-nebel-500: #5e6c74;--c-nebel-400: #8c9ba3;--c-nebel-300: #aebac0;--c-nebel-200: #ccd3d7;--c-linie: #d7d9d3;--c-linie-soft: #e3e4de;--c-papier-200: #e7e7e1;--c-papier-100: #f0f0ea;--c-papier-50: #f7f7f3;--c-weiss: #ffffff;--c-ultra-700: #1c24a0;--c-ultra-600: #2731c9;--c-ultra-500: #3a46f0;--c-ultra-400: #6e79ff;--c-ultra-300: #a3aaff;--c-ultra-tint: #e5e6fb;--c-signal-ok: #1f7a52;--c-signal-ok-invers: #4ed08e;--c-signal-warn: #8a5a12;--bg: var(--c-papier-100);--bg-elevated: var(--c-papier-50);--bg-surface: var(--c-papier-200);--bg-invers: var(--c-tinte-900);--text: var(--c-tinte-800);--text-stark: var(--c-tinte-950);--text-muted: var(--c-graphit-450);--text-leise: var(--c-nebel-500);--akzent: var(--c-ultra-600);--akzent-hover: var(--c-ultra-700);--akzent-flaeche: var(--c-ultra-600);--akzent-auf-flaeche: var(--c-weiss);--akzent-tint: var(--c-ultra-tint);--border: var(--c-linie);--border-soft: var(--c-linie-soft);--border-stark: var(--c-nebel-300);--focus: var(--c-ultra-500);--font-sans: "Archivo", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", monospace;--wd-eng: 100%;--wd-weit: 112%;--wd-breit: 118%;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: clamp(1rem, .96rem + .18vw, 1.0625rem);--fs-lg: clamp(1.09rem, 1.01rem + .36vw, 1.3rem);--fs-xl: clamp(1.28rem, 1.12rem + .72vw, 1.72rem);--fs-2xl: clamp(1.6rem, 1.3rem + 1.4vw, 2.5rem);--fs-3xl: clamp(2rem, 1.5rem + 2.4vw, 3.7rem);--fs-4xl: clamp(2.5rem, 1.6rem + 4.3vw, 5.6rem);--fs-5xl: clamp(3rem, 1.35rem + 7.1vw, 8rem);--lh-tight: .98;--lh-snug: 1.08;--lh-heading: 1.16;--lh-body: 1.62;--lh-loose: 1.72;--ls-display: -.028em;--ls-heading: -.016em;--ls-normal: 0;--ls-wide: .05em;--ls-label: .16em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 2.75rem;--sp-8: 3.5rem;--sp-9: 4.5rem;--sp-10: 6rem;--sp-11: 8rem;--section-y: clamp(4rem, 9vw, 9.5rem);--section-y-eng: clamp(2.75rem, 5.5vw, 5.5rem);--gutter: clamp(1.25rem, 4.4vw, 3.75rem);--container: 1380px;--container-eng: 1000px;--container-text: 66ch;--spalten: 12;--spalt-luecke: clamp(1rem, 1.8vw, 1.75rem);--r-sm: 1px;--r-md: 2px;--hairline: 1px;--shadow-sm: 0 1px 2px rgb(7 9 11 / .05);--shadow-md: 0 8px 24px -12px rgb(7 9 11 / .18);--shadow-lg: 0 28px 70px -32px rgb(7 9 11 / .36);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur: .28s;--dur-slow: .68s;--header-h: 64px}@media(min-width:900px){:root{--header-h: 82px}}.auf-dunkel{--bg: var(--c-tinte-900);--bg-elevated: var(--c-tinte-850);--bg-surface: var(--c-tinte-800);--text: #dde3e6;--text-stark: #f5f7f7;--text-muted: #9daab2;--text-leise: #74838b;--akzent: var(--c-ultra-400);--akzent-hover: var(--c-ultra-300);--akzent-flaeche: var(--c-ultra-500);--akzent-auf-flaeche: var(--c-weiss);--akzent-tint: #1a2138;--border: #232d33;--border-soft: #1a2227;--border-stark: #33414a;--focus: var(--c-ultra-400);background-color:var(--bg);color:var(--text)}.auf-tiefschwarz{--bg: var(--c-tinte-950);--bg-elevated: var(--c-tinte-900)}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:100% 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:Archivo;font-style:normal;font-weight:400 800;font-stretch:100% 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:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrainsmono-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 700;font-display:swap;src:url(/fonts/jetbrainsmono-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}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);font-stretch:var(--wd-eng);line-height:var(--lh-body);font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100svh;overflow-x:hidden}img,svg,video,canvas,iframe{display:block;max-width:100%}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}:target{scroll-margin-top:calc(var(--header-h) + 2rem)}h1,h2,h3,h4{font-weight:600;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text-stark);text-wrap:balance;hyphens:auto;overflow-wrap:break-word}h1{font-size:var(--fs-4xl);font-weight:700;font-stretch:var(--wd-breit);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}h2{font-size:var(--fs-3xl);font-weight:700;font-stretch:var(--wd-weit);line-height:var(--lh-snug);letter-spacing:var(--ls-display)}h3{font-size:var(--fs-xl);font-stretch:var(--wd-weit)}h4{font-size:var(--fs-lg)}p{text-wrap:pretty}strong,b{font-weight:650;color:var(--text-stark)}em{font-style:normal;color:var(--akzent)}.kennung{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-leise)}.kennung:before{content:"";inline-size:1.75rem;block-size:1px;background:currentColor;opacity:.55;flex:none}.kennung--ohne-linie:before{display:none}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0;font-variant-numeric:tabular-nums}.lead{font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--text-muted);max-inline-size:var(--container-text)}.gross{font-size:var(--fs-2xl);font-stretch:var(--wd-weit);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--text-stark);text-wrap:balance}.platzhalter{text-decoration:underline dashed var(--akzent) 1px;text-underline-offset:.28em;cursor:help}.btn{--btn-py: .72rem;--btn-px: 1.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:var(--btn-py) var(--btn-px);border:var(--hairline) solid transparent;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;font-stretch:var(--wd-weit);letter-spacing:.01em;text-decoration:none;white-space:nowrap;max-inline-size:100%;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn--gross{--btn-py: .95rem;--btn-px: 1.75rem;font-size:var(--fs-base)}.btn--primaer{background:var(--akzent-flaeche);border-color:var(--akzent-flaeche);color:var(--akzent-auf-flaeche)}.btn--primaer:hover{background:var(--akzent-hover);border-color:var(--akzent-hover)}.btn--umriss{border-color:var(--border-stark);color:var(--text-stark)}.btn--umriss:hover{border-color:var(--text-stark);background:color-mix(in srgb,var(--text-stark) 5%,transparent)}.btn--leise{padding-inline:0;color:var(--text-stark);border:0;border-radius:0}.btn:active{transform:translateY(1px)}@media(max-width:640px){.btn{white-space:normal;text-wrap:balance}}.link{display:inline-flex;align-items:baseline;gap:.45rem;color:var(--text-stark);font-weight:600;text-decoration:none;background-image:linear-gradient(var(--akzent),var(--akzent));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;padding-block-end:.15em;transition:background-size var(--dur) var(--ease-out)}.link:hover{background-size:0 1px;background-position:100% 100%}.link .pfeil{transition:transform var(--dur) var(--ease-out)}.link:hover .pfeil{transform:translate(.25rem)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:1px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:999;padding:.85rem 1.25rem;background:var(--c-tinte-950);color:var(--c-weiss);font-size:var(--fs-sm);font-weight:600;transform:translateY(-120%);transition:transform var(--dur-fast) var(--ease)}.skip-link:focus{transform:translateY(0)}.nur-fuer-screenreader{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.sichtbar,.kein-js .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.huelle{inline-size:100%;max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.huelle--eng{max-inline-size:var(--container-eng)}.huelle--voll{max-inline-size:none}.raster{display:grid;grid-template-columns:repeat(var(--spalten),minmax(0,1fr));gap:var(--spalt-luecke)}@media(max-width:899px){.raster{grid-template-columns:minmax(0,1fr)}.raster>*{grid-column:auto!important}}.sp-1-5{grid-column:1 / 6}.sp-1-6{grid-column:1 / 7}.sp-1-7{grid-column:1 / 8}.sp-1-8{grid-column:1 / 9}.sp-1-12{grid-column:1 / -1}.sp-2-8{grid-column:2 / 9}.sp-2-12{grid-column:2 / -1}.sp-3-11{grid-column:3 / 12}.sp-4-12{grid-column:4 / -1}.sp-5-12{grid-column:5 / -1}.sp-6-12{grid-column:6 / -1}.sp-7-12{grid-column:7 / -1}.sp-8-12{grid-column:8 / -1}.abschnitt{position:relative;padding-block:var(--section-y)}.abschnitt--eng{padding-block:var(--section-y-eng)}.abschnitt--oben-linie{border-block-start:var(--hairline) solid var(--border)}.abschnitt__kopf{display:grid;gap:var(--sp-5);align-items:end;margin-block-end:var(--sp-8)}@media(min-width:900px){.abschnitt__kopf{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-7)}}.abschnitt__kopf h2{margin-block-start:var(--sp-4)}.abschnitt__beitext{color:var(--text-muted);font-size:var(--fs-lg);line-height:var(--lh-loose);max-inline-size:46ch}@media(min-width:900px){.abschnitt__beitext{padding-block-end:.4rem}}.linie{block-size:1px;background:var(--border);border:0}.rasterlinien{position:absolute;inset:0;pointer-events:none;overflow:clip}.rasterlinien__innen{display:grid;grid-template-columns:repeat(var(--spalten),minmax(0,1fr));gap:var(--spalt-luecke);block-size:100%}.rasterlinien__innen>span{border-inline-start:var(--hairline) solid var(--border-soft)}.rasterlinien__innen>span:last-child{border-inline-end:var(--hairline) solid var(--border-soft)}@media(max-width:899px){.rasterlinien__innen{grid-template-columns:repeat(4,minmax(0,1fr))}.rasterlinien__innen>span:nth-child(n+5){display:none}}.liste-linie{display:grid}.liste-linie>li{padding-block:var(--sp-5);border-block-start:var(--hairline) solid var(--border)}.liste-linie>li:last-child{border-block-end:var(--hairline) solid var(--border)}.punkte{display:grid;gap:var(--sp-3)}.punkte>li{position:relative;padding-inline-start:1.65rem;color:var(--text-muted)}.punkte>li:before{content:"";position:absolute;inset-block-start:.7em;inset-inline-start:0;inline-size:.8rem;block-size:2px;background:var(--akzent)}.flaeche{border:var(--hairline) solid var(--border);background:var(--bg-elevated);padding:clamp(1.25rem,2.4vw,2rem)}.flaeche--stark{border-color:var(--border-stark)}.daten{display:grid;gap:0}.daten>div{display:grid;grid-template-columns:minmax(7.5rem,.35fr) minmax(0,1fr);gap:var(--sp-4);padding-block:var(--sp-4);border-block-start:var(--hairline) solid var(--border)}.daten>div:last-child{border-block-end:var(--hairline) solid var(--border)}.daten dt{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-leise);padding-block-start:.28em}.daten dd{color:var(--text)}.feld{display:grid;gap:var(--sp-2)}.feld>label,.feldgruppe>legend{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}.feld__optional{color:var(--text-leise);letter-spacing:0;text-transform:none}.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld select,.feld textarea{inline-size:100%;padding:.85rem .95rem;background:var(--bg-elevated);border:var(--hairline) solid var(--border-stark);border-radius:var(--r-md);color:var(--text-stark);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.feld textarea{min-block-size:8rem;resize:vertical;line-height:1.55}.feld input:hover,.feld select:hover,.feld textarea:hover{border-color:var(--text-leise)}.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--akzent)}.feld input::placeholder,.feld textarea::placeholder{color:var(--text-leise)}.feld__fehler{font-size:var(--fs-sm);color:#a4262c}.auf-dunkel .feld__fehler{color:#ff9a9f}.feld[data-fehler=true] input,.feld[data-fehler=true] textarea,.feld[data-fehler=true] select{border-color:#a4262c}.feldgruppe{border:0;padding:0;display:grid;gap:var(--sp-3)}.schalter{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.schalter label{position:relative;display:inline-flex;align-items:center;padding:.6rem 1rem;border:var(--hairline) solid var(--border-stark);border-radius:var(--r-md);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.schalter input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.schalter label:hover{border-color:var(--text-leise)}.schalter input:checked+span{color:var(--akzent-auf-flaeche)}.schalter label:has(input:checked){background:var(--akzent-flaeche);border-color:var(--akzent-flaeche);color:var(--akzent-auf-flaeche)}.schalter label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
