:root{--grund: #0c1211;--flaeche: #121917;--flaeche-hoch: #18211f;--rand: #212c29;--rand-stark: #33433e;--text: #e4ece8;--text-leise: #94a49e;--text-still: #6a7975;--akzent: #7fd1a8;--akzent-dunkel: #2f8a66;--akzent-schleier: rgba(127, 209, 168, .1);--auf-akzent: #06130e;--warnung: #e8b544;--warnung-schleier: rgba(232, 181, 68, .1);--schrift: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--schrift-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--breite: 70rem;--breite-text: 36rem;--radius: 8px;--radius-klein: 4px;color-scheme:dark light}@media(prefers-color-scheme:light){:root{--grund: #f7f9f8;--flaeche: #ffffff;--flaeche-hoch: #eef2f0;--rand: #dde4e1;--rand-stark: #bcc8c4;--text: #0f1a16;--text-leise: #4d5b56;--text-still: #6f7d78;--akzent: #0d6b4d;--akzent-dunkel: #094e38;--akzent-schleier: rgba(13, 107, 77, .08);--auf-akzent: #ffffff;--warnung: #8a5c00;--warnung-schleier: rgba(138, 92, 0, .1)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .6em;line-height:1.15;letter-spacing:-.02em;font-weight:620;text-wrap:balance}h2{font-size:clamp(1.35rem,1.1rem + 1.1vw,1.85rem)}h3{font-size:1.05rem}p,ul,ol{margin:0 0 1.05em}p{text-wrap:pretty}a{color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:.2em}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:2px}code{font-family:var(--schrift-mono);font-size:.875em;background:var(--flaeche-hoch);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:.1em .35em}.huelle{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2.75rem)}.abschnitt{padding-block:clamp(2.75rem,6vw,4.5rem);border-top:1px solid var(--rand)}.flieszt{max-width:var(--breite-text);color:var(--text-leise)}.marke{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-still);margin:0 0 1.1rem}.marke__nr{color:var(--akzent)}.springmarke{position:absolute;left:-9999px}.springmarke:focus{position:fixed;top:.6rem;left:.6rem;z-index:50;background:var(--akzent);color:var(--auf-akzent);padding:.6rem 1rem;border-radius:var(--radius-klein);font-weight:600}.kopf{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--rand);background:color-mix(in srgb,var(--grund) 90%,transparent);backdrop-filter:blur(8px)}.kopf__innen{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:3.4rem;flex-wrap:wrap}.kopf__name{font-family:var(--schrift-mono);font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.kopf__name:after{content:".";color:var(--akzent)}.kopf nav ul{display:flex;gap:clamp(.85rem,2.5vw,1.75rem);list-style:none;margin:0;padding:0}.kopf nav a{font-family:var(--schrift-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);text-decoration:none}.kopf nav a:hover,.kopf nav a[aria-current=page]{color:var(--text)}.kopf nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.4em;text-decoration-color:var(--akzent)}.fusz{border-top:1px solid var(--rand);padding-block:2rem 3rem;color:var(--text-still);font-family:var(--schrift-mono);font-size:.75rem}.fusz__innen{display:flex;justify-content:space-between;gap:.75rem 2rem;flex-wrap:wrap}.bug{padding-block:clamp(2.75rem,7vw,5rem) clamp(1.5rem,3vw,2.5rem)}.pille{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-leise);border:1px solid var(--rand-stark);border-radius:999px;padding:.28rem .8rem;margin-bottom:1.75rem}.pille:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--akzent)}.name{font-family:var(--schrift-mono);font-size:clamp(2.4rem,1rem + 8vw,5.5rem);font-weight:700;line-height:.98;letter-spacing:-.045em;margin:0 0 1.4rem;color:var(--text);overflow-wrap:break-word}.name__punkt{color:var(--akzent)}.name__cursor{display:inline-block;width:.5em;height:.78em;margin-left:.12em;background:var(--akzent);vertical-align:-.02em;animation:blinken 1.15s steps(1) infinite}@keyframes blinken{50%{opacity:.15}}.leitsatz{font-size:clamp(1.05rem,.95rem + .6vw,1.35rem);line-height:1.45;max-width:40ch;margin:0 0 1.5rem;color:var(--text)}.hervor{background:var(--akzent);color:var(--auf-akzent);padding:0 .22em;border-radius:2px;font-weight:600}.fakten{font-family:var(--schrift-mono);font-size:.82rem;line-height:1.85;color:var(--text-leise);margin:0 0 1.9rem}.kommentar{font-family:var(--schrift-mono);font-size:.75rem;color:var(--text-still);margin:1.5rem 0 0}.kommentar:before{content:"// ";color:var(--akzent)}.themen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.5rem 2rem;list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:1.25rem 0 0;border-top:1px solid var(--rand);font-family:var(--schrift-mono);font-size:.78rem;color:var(--text-leise)}.themen__nr{color:var(--text-still);margin-right:.9rem}.knopfreihe{display:flex;flex-wrap:wrap;gap:.75rem}.knopf{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;border-radius:var(--radius-klein);border:1px solid var(--rand-stark);background:transparent;color:var(--text);font-family:var(--schrift-mono);font-size:.8rem;letter-spacing:.02em;text-decoration:none;transition:border-color .15s ease,background .15s ease}.knopf:hover{border-color:var(--akzent);background:var(--akzent-schleier)}.knopf--stark{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent);font-weight:600}.knopf--stark:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel);color:#fff}.knopf__pfeil{font-size:.9em;opacity:.75}.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1.5rem 2rem;list-style:none;margin:2rem 0 0;padding:0}.zahl__wert{display:block;font-family:var(--schrift-mono);font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text);margin-bottom:.5rem}.zahl__label{display:block;font-size:.8rem;color:var(--text-leise);line-height:1.45;max-width:22ch}.gitter{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-top:2rem}.karte{display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.35rem;transition:border-color .15s ease}.karte:hover{border-color:var(--rand-stark)}.karte__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.karte__titel{margin:0;font-family:var(--schrift-mono);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.karte__titel a{color:var(--text);text-decoration:none}.karte__titel a:hover{color:var(--akzent)}.karte__text{color:var(--text-leise);font-size:.92rem;margin:0 0 1.1rem}.karte__fusz{margin-top:auto;display:flex;flex-wrap:wrap;gap:.4rem}.zeilen{margin-top:1.5rem;border-top:1px solid var(--rand)}.zeile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem 1.5rem;padding:1.15rem .25rem;border-bottom:1px solid var(--rand);text-decoration:none;color:inherit;transition:padding-left .15s ease,background .15s ease}.zeile:hover{background:var(--flaeche);padding-left:.85rem}.zeile__titel{font-family:var(--schrift-mono);font-size:.98rem;font-weight:700;color:var(--text);margin:0}.zeile:hover .zeile__titel{color:var(--akzent)}.zeile__text{grid-column:1;margin:0;font-size:.87rem;color:var(--text-leise);max-width:58ch}.zeile__rechts{grid-row:1 / span 2;grid-column:2;display:flex;align-items:center;gap:1.25rem;font-family:var(--schrift-mono);font-size:.72rem;color:var(--text-still);white-space:nowrap}.zeile__pfeil{color:var(--text-still);transition:transform .15s ease,color .15s ease}.zeile:hover .zeile__pfeil{color:var(--akzent);transform:translate(3px)}.marke-klein{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.04em;color:var(--text-leise);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:.14rem .5rem;white-space:nowrap}.zustand{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;color:var(--text-leise)}.zustand:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.zustand--live{color:var(--akzent)}.zustand--bau{color:var(--warnung)}.art{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-still);margin:0 0 .9rem}.prinzipien{display:grid;gap:1.25rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-top:2rem;list-style:none;padding:0}.prinzip{border-left:2px solid var(--rand-stark);padding-left:1.1rem}.prinzip h3{font-family:var(--schrift-mono);font-size:.9rem;letter-spacing:-.01em;margin-bottom:.35rem}.prinzip p{color:var(--text-leise);font-size:.89rem;margin:0}.stack{display:grid;gap:1.75rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin-top:2rem;padding:0;list-style:none}.stack__gruppe h3{font-family:var(--schrift-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-still);margin-bottom:.7rem}.stack__gruppe ul{list-style:none;padding:0;margin:0;font-size:.9rem;color:var(--text-leise)}.stack__gruppe li{padding:.28rem 0;border-bottom:1px solid var(--rand)}.stack__gruppe li:last-child{border-bottom:0}.diagramm{margin:1.75rem 0 0;padding:0;overflow-x:auto}.diagramm svg{display:block;width:100%;max-width:44rem;height:auto;min-width:30rem}.diagramm figcaption{margin-top:1rem;font-family:var(--schrift-mono);font-size:.74rem;line-height:1.7;color:var(--text-still);max-width:62ch}.schaufenster{display:grid;gap:1.75rem;margin:2rem 0 0;max-width:44rem}.aufnahme{margin:0}.aufnahme__rahmen{position:relative;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);padding:.4rem}.aufnahme__rahmen img{display:block;width:100%;height:auto;border-radius:var(--radius-klein)}.aufnahme__rahmen:before,.aufnahme__rahmen:after{content:"";position:absolute;width:.9rem;height:.9rem;border-color:var(--akzent);border-style:solid;pointer-events:none}.aufnahme__rahmen:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-top-left-radius:var(--radius)}.aufnahme__rahmen:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-bottom-right-radius:var(--radius)}.aufnahme figcaption{margin-top:.7rem;font-family:var(--schrift-mono);font-size:.74rem;line-height:1.7;color:var(--text-still)}.karte__bild{display:block;margin:0 0 1.1rem;border:1px solid var(--rand);border-radius:var(--radius-klein);overflow:hidden;background:var(--flaeche-hoch)}.karte__bild img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top center}.projekt__kopf{padding-block:clamp(2.25rem,5vw,3.5rem) 1.25rem}.projekt__kopf h1{font-family:var(--schrift-mono);font-size:clamp(1.8rem,1.3rem + 2.2vw,2.9rem);font-weight:700;letter-spacing:-.04em;margin:0 0 .7rem}.projekt__zurueck{font-family:var(--schrift-mono);font-size:.75rem;color:var(--text-leise);text-decoration:none;display:inline-block;margin-bottom:1.75rem}.projekt__zurueck:hover{color:var(--akzent)}.vorspann{font-size:1.02rem;color:var(--text-leise);max-width:var(--breite-text)}.beschriftung{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;margin:1.75rem 0 0;font-size:.9rem;border-top:1px solid var(--rand);padding-top:1.25rem}.beschriftung dt{font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-still);padding-top:.2rem}.beschriftung dd{margin:0;color:var(--text-leise)}.aufsatz{max-width:var(--breite-text);padding-block:.5rem clamp(2.5rem,6vw,4rem);color:var(--text-leise)}.aufsatz h2{margin-top:2.25rem;font-family:var(--schrift-mono);font-size:1rem;letter-spacing:.02em;color:var(--text)}.aufsatz strong{color:var(--text)}.aufsatz ul,.aufsatz ol{padding-left:1.2rem}.aufsatz li{margin-bottom:.4rem}.offen{background:var(--warnung-schleier);border-bottom:1px solid var(--warnung);font-family:var(--schrift-mono);font-size:.75rem;line-height:1.6;padding-block:.6rem}.offen strong{color:var(--warnung)}.offen code{background:transparent;border-color:var(--warnung);color:var(--warnung)}.leer{border:1px dashed var(--rand-stark);border-radius:var(--radius);padding:2.25rem 1.5rem;text-align:center;color:var(--text-leise);font-size:.92rem}