[data-theme=pixel]{--muster:url(/darstellung/pixel.avif);--sicht-pixel:visible;--sicht-raum:hidden;--sicht-fluss:hidden;--sicht-klar:hidden}[data-theme=raum]{--muster:url(/darstellung/raum.avif);--sicht-pixel:hidden;--sicht-raum:visible;--sicht-fluss:hidden;--sicht-klar:hidden}[data-theme=fluss]{--muster:url(/darstellung/fluss.avif);--sicht-pixel:hidden;--sicht-raum:hidden;--sicht-fluss:visible;--sicht-klar:hidden}[data-theme=klar]{--muster:url(/darstellung/klar.avif);--sicht-pixel:hidden;--sicht-raum:hidden;--sicht-fluss:hidden;--sicht-klar:visible}.buehne{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}html[data-theme] body{background:0 0}.grund{position:absolute;inset:0}.grund-pixel{display:var(--nur-pixel);background:radial-gradient(70% 50% at 80% -10%,#16243a 0%,#0000 70%),linear-gradient(#0b1220 0,#0a1115 55%)}.grund-pixel:after{content:"";opacity:.5;background-image:radial-gradient(1px 1px at 12% 18%,#8c9aa5 50%,#0000 51%),radial-gradient(1px 1px at 33% 8%,#56646f 50%,#0000 51%),radial-gradient(1px 1px at 58% 22%,#8c9aa5 50%,#0000 51%),radial-gradient(1px 1px at 77% 12%,#d6dee3 50%,#0000 51%),radial-gradient(1px 1px at 91% 30%,#56646f 50%,#0000 51%),radial-gradient(1px 1px at 46% 34%,#56646f 50%,#0000 51%);background-size:640px 420px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 60vh);mask-image:linear-gradient(#000,#0000 60vh)}.grund-raum{display:var(--nur-raum);background:radial-gradient(48% 62% at 34% -8%,#ffeed614,#0000 70%),#0e1216 radial-gradient(130% 80% at 50% 30%,#1f272f 0%,#151b21 46%,#0e1216 100%)}.grund-fluss{display:var(--nur-fluss);background:radial-gradient(90vw 60vh at 78% 0,#142828,#0000 70%),linear-gradient(#0c1a1b 0,#081415 100%);background:radial-gradient(90vw 60vh at 78% 0,lab(14.4369% -8.49351 -2.58729),#0000 70%),linear-gradient(lab(7.97604% -5.90715 -2.60449) 0,lab(5.3975% -4.02284 -2.10976) 100%)}.kopf{z-index:50;height:var(--kopf-h);padding:0 var(--rand);color:var(--text);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;transition:border-color .2s;display:flex;position:sticky;top:0}.kopf:before{content:"";z-index:-1;background:color-mix(in srgb, var(--grund) 84%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;inset:0}.kopf.gerollt{border-bottom-color:var(--linie)}.marke{min-width:104px;color:var(--text);font-family:var(--f-titel);font-weight:700;font-stretch:var(--titel-breite);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.1rem;text-decoration:none;display:inline-flex}.marke svg{flex:none;width:32px;height:32px}.kopf-rechts{font-family:var(--f-fest);align-items:center;gap:clamp(16px,2.4vw,32px);display:flex}.hauptnav ul{gap:clamp(14px,2.4vw,34px);margin:0;padding:0;list-style:none;display:flex}.hauptnav a{font-family:var(--f-fest);color:var(--text-2);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.hauptnav a:hover{color:var(--text)}.hauptnav a[aria-current=page]{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--akzent);text-decoration-color:var(--akzent);text-underline-offset:6px;text-decoration-thickness:2px}.wechsler{height:38px;font:inherit;font-family:var(--f-fest);color:var(--text);cursor:pointer;background:color-mix(in srgb, var(--feld) 80%, transparent);border:1px solid var(--linie);border-radius:var(--chip-radius);align-items:center;padding:0 12px 0 10px;font-size:.9rem;font-weight:560;transition:border-color .2s,background-color .2s;display:inline-flex}.wechsler:hover{border-color:var(--text-3)}.wechsler:has(+.menue:popover-open){border-color:var(--text-3)}.wechsler[aria-expanded=true]{border-color:var(--text-3)}.wechsler-breit{align-items:center;gap:8px;display:inline-flex}.wechsler-schmal{align-items:center;gap:8px;display:none}.wechsler-schmal svg{width:18px;height:18px}.wechsler-muster{background:var(--muster) center / cover, var(--buehne);width:22px;height:14px;box-shadow:0 0 0 1px var(--linie);border-radius:3px;flex:none}.wechsler-label{color:var(--text-3);font-weight:500}.wechsler-name{display:inline-grid}.wechsler-name>span{grid-area:1/1}.wechsler-name>[data-wahl=pixel]{visibility:var(--sicht-pixel)}.wechsler-name>[data-wahl=raum]{visibility:var(--sicht-raum)}.wechsler-name>[data-wahl=fluss]{visibility:var(--sicht-fluss)}.wechsler-name>[data-wahl=klar]{visibility:var(--sicht-klar)}.chevron{width:12px;height:12px;color:var(--text-2);transition:rotate .2s var(--raus)}.wechsler:has(+.menue:popover-open) .chevron{rotate:180deg}.wechsler[aria-expanded=true] .chevron{rotate:180deg}.menue{inset:calc(var(--kopf-h) + 8px) var(--rand) auto auto;width:min(700px,100vw - 24px);color:var(--text);background:var(--menue);border:1px solid var(--menue-rand);border-radius:var(--menue-radius);opacity:0;transition:opacity .16s ease, translate .2s var(--raus), overlay .2s allow-discrete, display .2s allow-discrete;margin:0;padding:16px;position:fixed;translate:0 -6px;box-shadow:0 30px 80px -30px #000c}.menue:popover-open{opacity:1;translate:0}@starting-style{.menue:popover-open{opacity:0;translate:0 -6px}}@supports not selector(:popover-open){.menue{z-index:60;display:none}.menue.offen{opacity:1;display:block;translate:0}}.menue-nav{display:none}.wahl-titel{font-family:var(--f-fest);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin:0 2px 12px;font-size:.8rem;font-weight:600}.karten{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.karte{text-align:left;font:inherit;font-family:var(--f-fest);color:var(--text);cursor:pointer;border:1px solid var(--linie);border-radius:calc(var(--menue-radius) - 4px);background:0 0;flex-direction:column;gap:10px;padding:8px 8px 12px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.karte:hover{border-color:var(--text-3);background:color-mix(in srgb, var(--text) 4%, transparent)}.karte[aria-pressed=true]{border-color:var(--akzent)}.karte:focus-visible{outline:2px solid var(--text);outline-offset:3px}.karte img{aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--menue-radius) - 7px);background:#0b0f13;width:100%;height:auto;display:block}.karte-text{gap:2px;padding:0 4px;display:grid}.karte-name{font-size:.98rem;font-weight:650}.karte[data-wahl=pixel] .karte-name{font-family:var(--font-archivo), sans-serif;font-weight:720;font-stretch:112%}.karte[data-wahl=raum] .karte-name{font-family:var(--font-anybody), sans-serif;font-weight:600;font-stretch:108%}.karte[data-wahl=fluss] .karte-name{font-family:var(--font-archivo), sans-serif;font-weight:620;font-stretch:104%}.karte[data-wahl=klar] .karte-name{font-family:var(--font-archivo), sans-serif;font-weight:700}.karte-zeile{color:var(--text-2);font-size:.84rem;line-height:1.35}.karte-aktiv{background:var(--akzent);color:var(--auf-akzent,#16191c);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:650;display:none;position:absolute;top:14px;right:14px}.karte[aria-pressed=true] .karte-aktiv{display:block}@media (max-width:1000px){.wechsler-label{display:none}}@media (max-width:720px){.kopf{gap:12px}.marke span,.hauptnav,.wechsler-breit{display:none}.wechsler-schmal{display:inline-flex}.menue{width:calc(100vw - 24px);padding:14px;left:12px;right:auto}.menue-nav{border-bottom:1px solid var(--linie);gap:2px;margin-bottom:14px;padding-bottom:12px;display:grid}.menue-nav a{font-family:var(--f-fest);color:var(--text);padding:10px 4px;font-weight:560;text-decoration:none}.menue-nav a[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--akzent);text-decoration-color:var(--akzent);text-underline-offset:6px}.karten{grid-template-columns:minmax(0,1fr);gap:8px}.karte{flex-direction:row;align-items:center;gap:12px;padding:6px}.karte img{flex:none;width:96px}.karte-aktiv{top:50%;right:12px;translate:0 -50%}.karte-text{padding-right:60px}}.fuss{padding:0 var(--rand) 40px;margin:96px 0 0;position:relative}.fuss-innen{border-top:1px solid var(--linie);max-width:1240px;font-family:var(--f-fest);color:var(--text-3);justify-content:space-between;align-items:end;gap:24px;margin:0 auto;padding-top:22px;font-size:.86rem;line-height:1.5;display:flex}.fuss-innen p{max-width:46ch;margin:0}.fuss .figur{width:120px;height:auto;margin-bottom:-2px}.fuss-links{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.fuss a{color:var(--text-2);text-underline-offset:3px}.fuss a:hover{color:var(--text)}@media (max-width:720px){.fuss-innen{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.menue{transition:none}}html.darstellung-weich::view-transition-group(*){animation-duration:.15s}html.darstellung-weich::view-transition-old(*){animation:.15s both fade-out}html.darstellung-weich::view-transition-new(*){animation:.15s both fade-in}.naht{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.naht[hidden]{display:none}.ebene{position:absolute;inset:0;overflow:hidden}.ebene[hidden]{display:none}.maske-alt,.maske-neu{--weich:44px}.maske-alt{-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), transparent calc(var(--mr) - var(--weich)), #000 calc(var(--mr) + var(--weich)));-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), transparent calc(var(--mr) - var(--weich)), #000 calc(var(--mr) + var(--weich)));mask-image:radial-gradient(circle at var(--mx) var(--my), transparent calc(var(--mr) - var(--weich)), #000 calc(var(--mr) + var(--weich)))}.maske-neu{-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - var(--weich)), transparent calc(var(--mr) + var(--weich)));-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - var(--weich)), transparent calc(var(--mr) + var(--weich)));mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - var(--weich)), transparent calc(var(--mr) + var(--weich)))}.schatten{pointer-events:none;position:absolute}.schatten-kopf{position:fixed!important;top:0!important}.schatten .kopf:before{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - 44px), transparent calc(var(--mr) + 44px));-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - 44px), transparent calc(var(--mr) + 44px));mask-image:radial-gradient(circle at var(--mx) var(--my), #000 calc(var(--mr) - 44px), transparent calc(var(--mr) + 44px))}.schatten .kopf{border-bottom-color:#0000}.ohne-uebergang,.ohne-uebergang *{transition:none!important}@property --punkt{syntax:"<length>";inherits:false;initial-value:6px}.baut .pxr{animation:.26s steps(3,end) both px-auf;animation-delay:calc(var(--verz,0s) + var(--z,0) * 16ms)}@keyframes px-auf{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.abbau .pxr{animation:.3s steps(3,end) both px-ab;animation-delay:calc(var(--verz,0s) + (12 - var(--z,0)) * 12ms)}@keyframes px-ab{to{opacity:0;transform:translateY(3px)}}.baut .objekt{animation:punkte-zu .8s var(--raus) both;animation-delay:var(--verz,0s)}.abbau .objekt{animation:.45s ease-in reverse both punkte-zu;animation-delay:var(--verz,0s)}@keyframes punkte-zu{0%{--punkt:.6px;opacity:0;filter:brightness(1.6)saturate(.3)}30%{opacity:1}to{--punkt:6px;filter:none}}.baut .objekt,.abbau .objekt{-webkit-mask:radial-gradient(circle, #000 var(--punkt), transparent calc(var(--punkt) + .5px)) 0 0 / 6px 6px;-webkit-mask:radial-gradient(circle, #000 var(--punkt), transparent calc(var(--punkt) + .5px)) 0 0 / 6px 6px;mask:radial-gradient(circle, #000 var(--punkt), transparent calc(var(--punkt) + .5px)) 0 0 / 6px 6px}.strom path{fill:none;stroke-linecap:round}.baut .strom path{stroke-dasharray:1;stroke-dashoffset:1px;animation:strom-ein .9s var(--raus) both;animation-delay:calc(var(--verz,0s) + var(--i,0) * 14ms)}@keyframes strom-ein{to{stroke-dashoffset:0}}.abbau .strom path{stroke-dasharray:1;animation:.5s ease-in both strom-aus;animation-delay:calc(var(--verz,0s) + var(--i,0) * 8ms)}@keyframes strom-aus{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@media (prefers-reduced-motion:reduce){.baut .pxr,.abbau .pxr,.baut .objekt,.abbau .objekt,.baut .strom path,.abbau .strom path{animation:none}}@media print{.buehne,.naht,#polster{display:none!important}}