@font-face{font-family:Modern DOS;src:url(/schrift/modern-dos-8x16.woff2?v=830570f0) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Modern DOS Ersatz C;src:local("Consolas");size-adjust:90.9%;ascent-override:82.5%;descent-override:27.5%;line-gap-override:0%}@font-face{font-family:Modern DOS Ersatz M;src:local("Menlo"),local("DejaVu Sans Mono"),local("Liberation Mono"),local("Courier New"),local("Courier");size-adjust:83.3%;ascent-override:90%;descent-override:30%;line-gap-override:0%}:root{color-scheme:dark;--cd-aqua: #ff8a3d;--cd-lila: #b6ff3c;--cd-lila-hell: #ccff73;--cd-auf-lila: #132200;--cd-bg: #0a0a0a;--cd-karte: #171717;--cd-linie: rgb(255 255 255 / 10%);--cd-rand: rgb(255 255 255 / 15%);--cd-text: #fafafa;--cd-text-2: #a1a1a1;--cd-r-karte: 14px;--cd-r-knopf: 8px;--cd-kopf: 80px;--cd-breite: 1180px;--cd-lesebreite: 720px;--cd-rand-seite: clamp(16px, 4vw, 36px);--cd-pixel: "Modern DOS", "Modern DOS Ersatz C", "Modern DOS Ersatz M", ui-monospace, Consolas, monospace;--cd-text-schrift: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.motd{font:400 16px/1 var(--cd-pixel);white-space:nowrap}.motd .aqua{color:var(--cd-aqua);-webkit-text-fill-color:var(--cd-aqua);text-shadow:1px 1px 0 #3f220f}.motd .lila{color:var(--cd-lila);-webkit-text-fill-color:var(--cd-lila);text-shadow:1px 1px 0 #2a3f0f}.cd-kopf{position:sticky;top:0;z-index:40;box-sizing:border-box;display:flex;align-items:center;gap:28px;width:100%;height:var(--cd-kopf);padding:0 var(--cd-rand-seite);background:var(--cd-bg);border-bottom:1px solid var(--cd-linie);font-family:var(--cd-text-schrift)}.cd-marke{display:flex;align-items:center;gap:10px;color:var(--cd-text);text-decoration:none}.cd-marke img{display:block;width:40px;height:40px}.cd-kopf .motd{font-size:24px}.cd-menue{display:flex;gap:28px;margin-left:auto;font:400 24px var(--cd-pixel)}.cd-menue a{color:var(--cd-text-2);text-decoration:none}.cd-menue a:hover{color:var(--cd-text)}.cd-fuss{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;width:100%;padding:20px var(--cd-rand-seite);background:var(--cd-bg);border-top:1px solid var(--cd-linie);color:var(--cd-text-2);font:500 16px/1.4 var(--cd-text-schrift)}.cd-fuss .motd{font-size:24px}.cd-fuss p{order:3;margin:0}.cd-fuss nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;font:400 24px var(--cd-pixel)}.cd-fuss a{color:inherit;text-decoration:none}.cd-fuss a:hover{color:var(--cd-text)}@media (max-width: 900px){.cd-menue{display:none}.cd-fuss{flex-direction:column;text-align:center}.cd-fuss p{flex-basis:auto}.cd-fuss nav{justify-content:center}}.cd-fuss{border-top:0;padding-top:72px;background:linear-gradient(var(--cd-bg),rgb(10 10 10 / 0%) 70px),linear-gradient(#06060833,#06060833),url(/bilder/grundgesteinBoden.webp?v=654623f9) 50% 100% / calc(var(--grund-block, 8.6px) * 220) auto repeat-x,var(--cd-bg);background:linear-gradient(var(--cd-bg),rgb(10 10 10 / 0%) 70px),linear-gradient(#06060833,#06060833),image-set(url(/bilder/grundgesteinBoden.avif?v=ffc0d135) type("image/avif"),url(/bilder/grundgesteinBoden.webp?v=654623f9) type("image/webp")) 50% 100% / calc(var(--grund-block, 8.6px) * 220) auto repeat-x,var(--cd-bg)}.panorama{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#111}.panorama:before{content:"";position:absolute;left:0;top:calc((100% - var(--panorama-hoehe, 210%)) * .45);height:var(--panorama-hoehe, 210%);aspect-ratio:1200 / 502;background:url(/bilder/startgrund.webp?v=720357e6) 0 0 / 100% 100%;animation:panorama-zug 90s ease-in-out infinite alternate}.panorama:after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / var(--panorama-schleier, 0%))}@keyframes panorama-zug{0%{left:0;transform:none}to{left:100%;transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.panorama:before{animation:none;left:50%;transform:translate(-50%)}}.cd-welt{position:fixed;z-index:0;pointer-events:none}.cd-welt-himmel{inset:0;background:linear-gradient(#06070c,#0f0d14 60%,#1a0d0c)}.cd-welt-himmel canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.cd-welt-gedaempft{opacity:.45}.cd-welt-hero{position:absolute;bottom:auto;height:100vh}.cd-welt-hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--cd-bg))}.cd-welt-seite{top:0;height:100vh;overflow:hidden}.cd-welt-seite[hidden]{display:none}.cd-welt-band{position:absolute;left:0;right:0;top:0;will-change:transform}.cd-welt-band img{display:block;width:100%;max-width:none;object-fit:cover}.cd-welt-links{left:0;-webkit-mask-image:linear-gradient(to left,transparent 24px,#000 200px);mask-image:linear-gradient(to left,transparent 24px,#000 200px)}.cd-welt-links img{object-position:right}.cd-welt-rechts{right:0;-webkit-mask-image:linear-gradient(to right,transparent 24px,#000 200px);mask-image:linear-gradient(to right,transparent 24px,#000 200px)}.cd-welt-rechts img{object-position:left}body:has(>.cd-welt)>main,body:has(>.cd-welt)>#app{position:relative;z-index:1}

:root{--aqua: var(--cd-aqua);--lila: var(--cd-lila);--auf-lila: var(--cd-auf-lila);--bg: var(--cd-bg);--karte: var(--cd-karte);--linie: var(--cd-linie);--rand: var(--cd-rand);--text: var(--cd-text);--text-2: var(--cd-text-2);--r: var(--cd-r-karte);--breite: var(--cd-breite);--luft: 56px;--mono: var(--cd-pixel)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;min-height:100svh;display:flex;flex-direction:column;line-height:1.6;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:var(--cd-text-schrift)}img,svg{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--lila);outline-offset:3px}.sprung{position:absolute;left:-999px}.sprung:focus{left:16px;top:16px;z-index:50;background:var(--karte);padding:8px}h1{font:400 64px/1.1 var(--mono)}h2{font:400 40px/1.2 var(--mono);margin-bottom:12px}.kennung{font:400 1rem var(--mono);color:var(--lila)}.knopf{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;text-decoration:none;border:0;border-radius:var(--cd-r-knopf);background:var(--lila);color:var(--auf-lila);font:400 1rem var(--mono);transition:background .15s}.knopf:hover{background:var(--cd-lila-hell)}@keyframes blase{0%{opacity:0;transform:translateY(-4px)}}.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-marke{display:none}.flug .hero-marke{display:block;width:100%}.flug .hero-marke .motd{display:none}.flug .cd-kopf{overflow-x:clip;background:rgb(10 10 10 / var(--flug, 0));border-bottom-color:rgb(255 255 255 / calc(var(--flug, 0) * 10%))}.flug .cd-kopf>:not(.cd-marke){opacity:var(--flug, 0)}.flug .cd-kopf:not(.da)>:not(.cd-marke){visibility:hidden}.flug .cd-marke{position:relative;transform-origin:0 0}.flug .cd-marke img,.flug .cd-marke .zahnrad{opacity:var(--flug, 0)}.flug:not(.fliegt) .cd-marke{visibility:hidden}.rahmen{position:relative;overflow-x:clip}.querschnitt{position:fixed;top:0;height:100vh;z-index:2;overflow:hidden;width:calc(50% - var(--breite) / 2 - var(--luft));pointer-events:none}.querschnitt-band{position:absolute;left:0;right:0;top:0;will-change:transform;-webkit-mask-image:linear-gradient(transparent,#000 240px);mask-image:linear-gradient(transparent,#000 240px)}.querschnitt img{display:block;width:100%;max-width:none;object-fit:cover}.q-links{left:0;-webkit-mask-image:linear-gradient(to left,transparent 24px,#000 200px);mask-image:linear-gradient(to left,transparent 24px,#000 200px)}.q-links img{object-position:right}.q-rechts{right:0;-webkit-mask-image:linear-gradient(to right,transparent 24px,#000 200px);mask-image:linear-gradient(to right,transparent 24px,#000 200px)}.q-rechts img{object-position:left}main{position:relative;z-index:1;max-width:var(--breite);margin:0 auto}.hero{min-height:calc(100svh - var(--cd-kopf));display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:48px;align-items:center;padding:16px clamp(16px,4vw,36px) 56px}.hero-text{display:grid;gap:40px;justify-items:start}.lead{margin:0;font:400 24px/1.35 var(--mono);color:var(--text-2)}.start{position:relative;isolation:isolate;display:grid;gap:10px;text-align:left;width:min(600px,100%);padding:12px;border:2px solid #000;box-shadow:0 0 0 1px #2c2c2c,0 18px 40px #0000008c}@media (min-width: 1200px),(min-width: 780px) and (max-width: 900px){.start{zoom:1.5;width:470px}}.start{--panorama-hoehe: 210%}.start-unten{display:grid;gap:4px}.feld-name{color:#a0a0a0;font:400 16px/1 var(--mono);text-shadow:1px 1px 0 #282828}.start-zeile{display:flex;align-items:stretch;gap:8px}.eintrag{display:flex;align-items:center;gap:6px;padding:2px 6px 2px 2px;background:#000;border:2px solid #808080;font:400 16px/18px var(--mono);cursor:pointer}.eintrag:hover{border-color:#fff}.eintrag-text{flex:1;min-width:0}.eintrag-kopf{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.eintrag-name{color:#fff}.eintrag-status{flex:none;position:relative;display:flex;align-items:center;gap:6px;color:#aaa}.eintrag-status.offline{color:#f55}.eintrag-status.wartet{color:#fa0}.eintrag-motd{display:grid}.mc-tipp{position:absolute;right:0;bottom:calc(100% + 10px);z-index:45;display:none;padding:6px 8px;background:#100010f0;box-shadow:inset 0 0 0 2px #2d0a63,0 -2px #100010f0,0 2px #100010f0,-2px 0 #100010f0,2px 0 #100010f0;color:#fff;white-space:nowrap}.mc-tipp span,.eintrag-status:hover .mc-tipp{display:block}.offline .mc-tipp,.wartet .mc-tipp{display:none!important}.eintrag-motd span span,.eintrag-name,.eintrag-name span,.eintrag-status{text-shadow:1px 1px 0 color-mix(in srgb,currentColor 25%,#000)}.mc-aqua{color:var(--aqua)}.mc-lila{color:var(--lila)}.mc-grau{color:#aaa}.mc-dunkel{color:#555}.mc-fett{font-weight:700}.balken{display:flex;align-items:flex-end;gap:1px;height:14px}.balken i{width:3px;background:#00e000;box-shadow:1px 1px #003800}.balken i:nth-child(1){height:4px}.balken i:nth-child(2){height:6px}.balken i:nth-child(3){height:8px}.balken i:nth-child(4){height:11px}.balken i:nth-child(5){height:14px}.offline .balken i,.wartet .balken i{background:#555;box-shadow:none}.welt-knopf{all:unset;flex:none;position:relative;display:block;width:64px;height:64px;cursor:pointer}.welt-knopf:focus-visible{outline:2px solid var(--lila);outline-offset:4px}.welt{display:block;width:100%;height:100%;image-rendering:pixelated}.eintrag:hover .welt-knopf:before{content:"";position:absolute;inset:0;background:#909090a1}.eintrag:hover .welt-knopf:after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(34% 22%,44% 22%,44% 28%,50% 28%,50% 34%,56% 34%,56% 40%,62% 40%,62% 46%,68% 46%,68% 54%,62% 54%,62% 60%,56% 60%,56% 66%,50% 66%,50% 72%,44% 72%,44% 78%,34% 78%)}.feld{flex:1;min-width:0;display:flex;align-items:center;padding:0 8px;background:#000;border:1px solid #a0a0a0;cursor:pointer;transition:border-color .15s}.feld:hover{border-color:#fff}.feld.kopiert{border-color:var(--aqua)}.feld code{font:400 16px/1 var(--mono);color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.feld.kopiert code{color:var(--aqua)}.mc-knopf{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:2px solid #000;border-radius:0;background:#6e6e6e;box-shadow:inset 2px 2px #a2a2a2,inset -2px -2px #484848;color:#fff;font:400 16px/1 var(--mono);text-decoration:none;text-shadow:1px 1px 0 #383838}.mc-knopf:hover{background:#7c7c7c;border-color:#fff}.mc-knopf:active{box-shadow:inset 2px 2px #484848,inset -2px -2px #a2a2a2}.mc-knopf:focus-visible{outline:2px solid var(--lila);outline-offset:2px}.mc-knopf.kopiert{color:var(--aqua);text-shadow:1px 1px 0 #3f220f}.mc-knopf.kopiert:after,.kopf-eintrag.kopiert:after{content:attr(data-meldung);position:absolute;right:-2px;top:calc(100% + 8px);z-index:45;padding:2px 8px;background:#100010f0;box-shadow:inset 0 0 0 2px #2d0a63;color:#fff;font:400 16px var(--mono);white-space:nowrap;animation:blase .18s ease-out}.erwartet{padding:96px clamp(16px,4vw,36px) 40px;display:grid;gap:12px}.erwartet h2{margin:0}.erwartet h3{font:400 24px/1.3 var(--mono)}.erwartet p{color:var(--text-2);line-height:1.45}.erwartet a{color:inherit;text-decoration:none}.weg{--glut: 255 255 255;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;margin-top:32px}.weg li{position:relative}.weg li:nth-child(odd){margin-top:112px}.weg li>a{display:grid;gap:6px;align-content:start}.s-sammeln{--glut: 255 138 61}.s-herstellen{--glut: 255 90 40}.s-verkaufen{--glut: 182 255 60}.s-mitbestimmen{--glut: 120 230 170}.weg img{height:168px;width:auto;max-width:100%;object-fit:contain;object-position:left bottom;margin-bottom:8px;transition:transform .25s,filter .25s}.weg h3:before{content:"\203a  ";color:var(--lila)}.zahl{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:8px;font:400 16px/1.2 var(--mono);color:var(--text-2)}.zahl strong{font:400 40px/1 var(--mono);color:var(--text)}.mehr{margin-top:4px;font:400 16px/1.2 var(--mono);color:var(--lila);opacity:0;transition:opacity .25s}.weg li:not(:last-child):after{content:"";position:absolute;left:76%;top:84px;width:34%;border-top:4px dotted var(--lila);opacity:.55;transform-origin:left}.weg li:nth-child(odd):after{transform:rotate(-30deg)}.weg li:nth-child(2n):after{transform:rotate(30deg)}.weg a:hover img,.weg a:focus-visible img{transform:translateY(-8px);filter:drop-shadow(0 18px 24px rgb(var(--glut) / 45%))}.weg a:hover h3,.weg a:focus-visible h3{color:rgb(var(--glut))}.weg a:hover .mehr,.weg a:focus-visible .mehr{opacity:1}.dabei-berufe{display:grid;gap:56px;margin-top:40px;padding-top:40px;border-top:1px solid var(--linie)}.dabei{display:flex;gap:40px;align-items:center}.dabei h3{margin-bottom:8px}.dabei p{max-width:52ch;font-size:1.12rem}.dabei p a{text-decoration:underline;text-underline-offset:3px}.handy-bild{flex:none;width:300px;max-width:100%;padding:14px;background:#2b2b2b;box-shadow:inset 4px 4px #555,inset -4px -4px #111}.handy-glas{display:grid;gap:8px;padding:10px;background:#0c1214}.app{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#ffffff0f;font:400 24px/1.2 var(--mono)}.app span{color:var(--aqua)}.app b{font-weight:400;color:var(--text);white-space:nowrap}.app.sms{display:grid;gap:2px}.app.sms span{color:var(--lila)}.app.notruf span,.app.notruf b{color:#f55}.berufe ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px;margin-top:20px}.berufe li>a{display:grid;gap:8px;justify-items:center;font:400 24px/1.2 var(--mono);color:var(--text-2)}.berufe img{height:200px;width:auto;max-width:100%;object-fit:contain;transition:transform .25s}.berufe a:hover,.berufe a:focus-visible{color:var(--text)}.berufe a:hover img,.berufe a:focus-visible img{transform:translateY(-6px)}.ebene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:88px clamp(16px,4vw,36px)}.ebene.wechsel .ebene-text{order:2}.ebene-text p{color:var(--text-2);font-size:1.12rem;max-width:40ch}.punkte{display:grid;gap:6px;margin-top:18px}.punkte li{padding-left:18px;position:relative;color:var(--text-2)}.punkte li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--lila)}.ebene-bild{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.weiter{display:inline-block;margin-top:22px;font:400 24px/1.3 var(--mono);color:var(--lila);text-decoration:none}.weiter:hover{text-decoration:underline;text-underline-offset:3px}.ebene-bild .hoch{justify-self:center}.ebene-bild .hoch img{width:auto;max-height:560px}.ebene-bild picture img{width:100%}.beleg{background:var(--karte);border:1px solid var(--linie);border-radius:var(--r);padding:12px 16px;font:400 1rem/1.3 var(--mono)}.beleg header{display:flex;justify-content:space-between;gap:12px;color:var(--text);margin-bottom:8px}.stempel{color:var(--text-2)}.beleg dl{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:0;color:var(--text-2)}.beleg dd{margin:0;color:var(--text)}.kette{display:flex;flex-wrap:wrap;gap:4px 6px}.kette li:not(:last-child):after{content:" \203a";color:var(--lila)}.tooltip{display:grid;gap:1px;justify-self:start;padding:10px 14px;background:#100010;border:2px solid #2a0a5e;border-radius:4px;font:400 1rem/1.25 var(--mono);color:#a8a8a8}.tooltip strong{font-weight:400;color:#fff;margin-bottom:4px}.tooltip .rot{color:#f55}.tooltip .dunkel{color:#7a7a7a}.tooltip b{font-weight:400;color:#fff}.probe-ebene{grid-template-columns:minmax(0,1fr);gap:24px}.probe-ebene .ebene-text p{max-width:none}.probe-ebene .punkte{display:flex;flex-wrap:wrap;gap:6px 32px}.platz{position:relative;width:100%;aspect-ratio:3 / 2;justify-self:center}.platz canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:pointer}.griff{position:absolute;touch-action:none;cursor:grab}.griff:active{cursor:grabbing}.platz-start{position:absolute;left:50%;bottom:6%;height:52px;padding:0 24px;font-size:24px;transform:translate(-50%)}.platz-start[hidden]{display:none}.leiste{display:flex;align-items:center;gap:8px;height:62px;padding:7px;border:1px solid var(--linie);border-radius:var(--r);background:#ffffff05}.leiste.mitte{justify-content:center;justify-self:center;width:fit-content}.steuerung{display:flex;gap:7px;justify-self:center;width:fit-content;max-width:100%;padding:7px;border:1px solid var(--linie);border-radius:var(--r);background:#ffffff05}.trenner{height:1px;margin:7px 0;border:0;background:var(--linie)}.steuer-unten{display:flex;align-items:center;gap:10px}.steuer-links{min-width:0}.regler{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding-left:7px;border-left:1px solid var(--linie);cursor:pointer}.regler canvas{width:24px;height:24px;image-rendering:pixelated}.regler input{flex:1;min-height:0;width:24px;margin:0;writing-mode:vertical-lr;direction:rtl;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.regler input::-webkit-slider-runnable-track{width:4px;height:100%;background:var(--rand)}.regler input::-moz-range-track{width:4px;height:100%;background:var(--rand)}.regler input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:12px;margin-left:-6px;border:0;border-radius:2px;background:var(--lila)}.regler input::-moz-range-thumb{width:16px;height:12px;border:0;border-radius:2px;background:var(--lila)}#pegel{flex:1;min-width:0;height:36px}.leisten-knoepfe{display:flex;gap:2px}.leisten-knopf{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;transition:background .15s,border-color .15s,transform .08s}.leisten-knopf canvas{width:32px;height:32px;image-rendering:pixelated}.leisten-knopf:hover{background:#ffffff14}.leisten-knopf:active{transform:scale(.92)}.leisten-knopf[aria-pressed=true]{background:color-mix(in srgb,var(--lila) 14%,transparent);border-color:color-mix(in srgb,var(--lila) 45%,transparent)}.leisten-knopf.primaer{background:var(--lila)}.leisten-knopf.primaer:hover{background:#ccff73}.leisten-knopf:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;padding:2px 8px;border:1px solid var(--linie);border-radius:6px;background:var(--karte);color:var(--text);font:400 1rem var(--mono);white-space:nowrap;opacity:0;transform:translate(-50%);pointer-events:none;transition:opacity .12s}.leisten-knopf:hover:after,.leisten-knopf:focus-visible:after{opacity:1}@media (hover: none){.leisten-knopf[aria-pressed=true]:after{opacity:1}.leisten-knopf.primaer:after{display:none}}.folien{position:relative;aspect-ratio:1020 / 900}.folie{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.folie.an{opacity:1}.folie img{width:100%;height:100%;object-fit:contain}.maschinen .folien{width:min(520px,100%);aspect-ratio:640 / 557;justify-self:center}.einreise-folge{display:grid;gap:12px}.einreise-folge .folien{aspect-ratio:1111 / 794}.einreise-folge .folie:nth-child(3) img{filter:drop-shadow(0 8px 20px rgb(0 0 0 / 50%))}.polizei-folge .folien{aspect-ratio:1044 / 793}.schilder-reihe{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.schilder-reihe img{width:min(216px,44%);height:auto;filter:drop-shadow(0 6px 14px rgb(0 0 0 / 45%))}.inventar{display:grid;grid-template-columns:repeat(8,minmax(0,52px));justify-content:center;gap:4px;padding:6px;background:#c6c6c6;border:3px solid;border-color:#fff #555 #555 #fff;justify-self:center}.inventar li{display:grid;place-items:center;aspect-ratio:1;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737}.inventar img{width:80%;height:auto;image-rendering:pixelated}.maschinen .folie img{object-position:50% 100%}.discord{padding:72px clamp(16px,4vw,36px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start;border-block:1px solid var(--linie)}.discord h2{margin:0}.dc-knopf{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:8px;background:#5865f2;color:#fff;font:600 16px/1 var(--cd-text-schrift);text-decoration:none;transition:background .15s}.dc-knopf:hover{background:#4752c4}.dc-knopf:active{background:#3c45a5}.dc-knopf:focus-visible{outline:2px solid #fff;outline-offset:2px}.dc-knopf svg{flex:none;width:24px;height:24px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision}.discord-rechts{display:grid;gap:22px;justify-items:start}.discord-rechts .punkte{margin-top:0}.rein{padding:64px clamp(16px,4vw,36px) 96px;display:grid;gap:24px;justify-items:center;text-align:center}.rein h2{margin:0}.brauchst{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:-16px;font:400 24px/1.3 var(--mono);color:var(--text-2)}@media (max-width: 480px){.brauchst{margin-top:-8px;font-size:16px}}.brauchst li:not(:last-child):after{content:"\b7";margin:0 10px;color:var(--lila)}.text{flex:1 0 auto;width:100%;max-width:var(--cd-lesebreite);margin:0 auto;padding:56px clamp(16px,4vw,36px) 80px;color:var(--text-2)}.text h1{font-size:48px;color:var(--text);margin-bottom:24px}.text h2{font-size:24px;color:var(--text);margin:32px 0 6px}.text p+p{margin-top:12px}.text strong{color:var(--text)}.text.fehlt{display:grid;gap:16px}.text.fehlt h1{margin:0}.regeln a{color:var(--lila);text-underline-offset:3px}.regeln code{padding:1px 6px;border-radius:4px;background:var(--karte);color:var(--text)}.regeln-stand{margin-bottom:16px;font:400 1rem var(--mono);color:var(--lila)}.regeln-neu{margin-bottom:16px;padding:12px 16px;border-left:3px solid var(--aqua);background:var(--karte)}.regeln{line-height:1.7}.regeln-einleitung{text-align:justify;hyphens:auto}.regeln-kurz{margin:28px 0 0;padding:20px 24px;border:1px solid var(--linie);border-radius:var(--r);background:var(--karte)}.regeln .regeln-kurz h2{margin:0 0 10px;font:400 .85rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lila)}.regeln-kurz ul{display:grid;gap:6px;padding-left:1.2em}.regeln-kurz li::marker{color:var(--lila)}.regeln-kurz p{margin-top:12px;font-size:.92rem;color:var(--text-2)}.regeln-inhalt{margin:32px 0 8px;padding:20px 24px;border:1px solid var(--linie);border-radius:var(--r);background:var(--karte)}.regeln-inhalt-titel{margin-bottom:10px;font:400 .85rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lila)}.regeln-inhalt ol{columns:2;column-gap:32px;list-style:decimal inside}.regeln-inhalt li{margin-bottom:6px;break-inside:avoid}.regeln-inhalt li::marker{font-family:var(--mono);color:var(--lila)}@media (max-width: 560px){.regeln-inhalt ol{columns:1}}.regel-abschnitt{margin-top:56px;padding-top:8px;border-top:1px solid var(--linie);scroll-margin-top:24px}.regeln .regel-abschnitt h2{display:flex;align-items:baseline;gap:14px;margin:16px 0 12px;scroll-margin-top:24px}.regel-abschnitt h2 .regel-nr{font:400 1rem var(--mono);color:var(--lila)}.regel-vorwort{margin-bottom:20px;text-align:justify;hyphens:auto;color:var(--text-2);font-style:italic}.regel-liste{display:grid;gap:18px;margin-top:8px;list-style:none}.regel-liste li{display:grid;grid-template-columns:3.2em 1fr;gap:0 12px}.regel-liste .regel-nr{padding-top:.1em;font:400 .9rem/1.7 var(--mono);color:var(--lila)}.regel-liste p{text-align:justify;hyphens:auto}@media (max-width: 480px){.regel-liste li{grid-template-columns:2.6em 1fr;gap:0 8px}.regeln-einleitung,.regel-vorwort,.regel-liste p{text-align:left}}.regeln-ende{margin-top:56px;padding-top:24px;border-top:1px solid var(--linie)}.annehmen{display:grid;gap:16px;margin-top:32px;padding:24px;border:1px solid var(--lila);border-radius:var(--r);background:var(--karte)}.annehmen[hidden]{display:none}.annehmen h2{margin:0}.annehmen-haken{display:flex;gap:12px;align-items:flex-start;color:var(--text);cursor:pointer}.annehmen-haken input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--lila)}.annehmen-haken:has(input:disabled){color:var(--text-2);cursor:default}.annehmen .knopf{justify-self:start}.annehmen .knopf:disabled{opacity:.45;cursor:default;background:var(--lila)}.annehmen-meldung:empty{display:none}.annehmen-meldung.gut,.annehmen-hinweis.gut{color:var(--aqua)}@media (min-width: 1100px){.text.regeln{display:grid;grid-template-columns:230px minmax(0,860px);column-gap:48px;max-width:1210px}.text.regeln>*{grid-column:2}.text.regeln>.regeln-inhalt{grid-column:1;grid-row:1 / span 30;align-self:start;position:sticky;top:24px;margin:8px 0 0;max-height:calc(100vh - 48px);overflow-y:auto;padding:18px 20px}.regeln-inhalt ol{columns:1}.regeln-inhalt li{margin-bottom:4px}.regeln-inhalt a{color:var(--text-2);text-decoration:none}.regeln-inhalt a:hover,.regeln-inhalt a:focus-visible{color:var(--text);text-decoration:underline}}@media (prefers-reduced-motion: no-preference){.js [data-einblenden]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.js [data-einblenden].sichtbar{opacity:1;transform:none}.js .weg li{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.js .weg li:after{transform:scaleX(0);transition:transform .5s ease}.js .weg li:nth-child(2){transition-delay:.15s}.js .weg li:nth-child(3){transition-delay:.3s}.js .weg li:nth-child(4){transition-delay:.45s}.js .weg li:nth-child(1):after{transition-delay:.5s}.js .weg li:nth-child(2):after{transition-delay:.65s}.js .weg li:nth-child(3):after{transition-delay:.8s}.js .sichtbar .weg li{opacity:1;transform:none}.js .sichtbar .weg li:after{transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media (max-width: 1100px){h1{font-size:48px}h2{font-size:32px}}@media (max-width: 900px){.hero,.ebene,.discord{grid-template-columns:minmax(0,1fr);gap:28px}.feld code{font-size:1.5rem}.hero{min-height:0;padding-block:8px 40px;gap:40px}.hero-text{gap:28px}.ebene{padding-block:48px}.ebene.wechsel .ebene-text{order:0}.erwartet{padding-top:56px}.weg{grid-template-columns:minmax(0,1fr);gap:28px}.weg li:nth-child(odd){margin-top:0}.weg li:after{display:none}.weg li>a{grid-template-columns:112px minmax(0,1fr);column-gap:16px}.weg picture{grid-row:1 / span 4}.weg img{height:auto;width:112px;margin:0}.weg li:nth-child(2n)>a{grid-template-columns:minmax(0,1fr) 112px}.weg li:nth-child(2n) picture{grid-column:2}.weg li:nth-child(2n)>a>:not(picture){grid-column:1}.mehr{display:none}.dabei-berufe{gap:40px}.dabei{flex-direction:column;align-items:flex-start;gap:24px}.berufe ul{gap:12px}.berufe img{height:140px}.ebene-bild .hoch img{max-height:420px}}@media (max-width: 480px){h1,.text h1{font-size:40px}.eintrag{gap:8px}.eintrag-name .mc-grau,.eintrag-name .mc-dunkel{display:none}.welt-knopf{width:40px;height:40px}.start-zeile{flex-wrap:wrap}.feld{flex:1 0 100%;height:40px}.mc-knopf{flex:1}.leiste{gap:4px;padding:7px 4px}.leisten-knopf{width:40px;height:40px}.leisten-knopf canvas{width:32px;height:32px}.leisten-knoepfe{gap:1px}.berufe li>a{font-size:16px}.platz-start{height:40px;padding:0 16px;font-size:16px;bottom:3%}.berufe img{height:auto}}.kopf-eintrag{all:unset;box-sizing:border-box;position:relative;isolation:isolate;flex:none;display:flex;align-items:center;gap:10px;height:60px;padding:2px 12px 2px 4px;border:2px solid #808080;font:400 24px/1 var(--mono);cursor:pointer}.kopf-eintrag{--panorama-hoehe: 320%;--panorama-schleier: 45%}.kopf-eintrag:hover{border-color:#fff}.kopf-eintrag:focus-visible{outline:2px solid var(--lila);outline-offset:2px}.kopf-eintrag.kopiert{border-color:var(--aqua)}.kopf-eintrag .welt-knopf{width:48px;height:48px}.kopf-eintrag .eintrag-kopf{align-items:center;gap:20px;margin-bottom:0;white-space:nowrap}.kopf-eintrag .eintrag-name .mc-grau,.kopf-eintrag .eintrag-name .mc-dunkel{display:none}.kopf-eintrag .eintrag-status{gap:8px}.kopf-eintrag .balken{zoom:1.5}@media (max-width: 1200px){.cd-menue{gap:20px;font-size:16px}}.blende .cd-kopf{background:rgb(10 10 10 / var(--flug, 0));border-bottom-color:rgb(255 255 255 / calc(var(--flug, 0) * 10%))}.blende .cd-kopf>*{opacity:var(--flug, 0)}.blende .cd-kopf:not(.da)>*{visibility:hidden}@media (max-width: 1060px){.cd-marke .motd{display:none}.hero-marke{display:block}.hero-marke .motd{font-size:40px}}@media (min-width: 420px) and (max-width: 1060px){.hero-marke .motd{font-size:48px}}@media (min-width: 600px) and (max-width: 1060px){.hero-marke .motd{font-size:64px}}@media (max-width: 900px){.cd-marke{display:none}.kopf-eintrag{margin:0 auto;height:52px}.kopf-eintrag .welt-knopf{width:40px;height:40px}}@media (max-width: 560px){.kopf-eintrag{gap:8px;padding-right:8px;font-size:16px}.kopf-eintrag .eintrag-kopf{gap:10px}.kopf-eintrag .balken{zoom:1}}@media (max-width: 360px){.cd-kopf{gap:0}.cd-marke img,.kopf-eintrag .wartet .balken,.kopf-eintrag .offline .balken{display:none}.weg h3{font-size:20px}}.hero{position:relative;isolation:isolate}.hero-grund{position:absolute;z-index:-1;top:calc(-1 * var(--cd-kopf));bottom:0;left:50%;width:100vw;transform:translate(-50%);overflow:hidden;pointer-events:none;background:linear-gradient(#06070c,#0f0d14 60%,#1a0d0c)}.hero-grund .himmel{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.hero-grund:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--cd-bg))}.hero-insel{position:absolute;z-index:-1;top:14%;bottom:0;left:calc(36vw - ((100vw - 100%)/2));width:66vw;background:url(/zeitraffer/hero.webp) 50% 70% / contain no-repeat;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 58%,#000 55%,transparent 88%);mask-image:radial-gradient(ellipse 50% 50% at 50% 58%,#000 55%,transparent 88%);clip-path:ellipse(46% 44% at 50% 58%);cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}.hero-insel:hover,.hero-insel:focus-visible{transform:translateY(-12px) scale(1.025);filter:brightness(1.15) saturate(1.1)}.hero-insel:focus-visible{outline:none}.hero-text{position:relative;text-shadow:0 2px 12px #000,0 0 30px #000}.hero-text:before{content:"";position:absolute;inset:-70px -160px -60px -140px;z-index:-1;pointer-events:none;backdrop-filter:blur(14px) brightness(.55) saturate(.7);-webkit-backdrop-filter:blur(14px) brightness(.55) saturate(.7);-webkit-mask-image:radial-gradient(farthest-side,#000 55%,transparent 100%);mask-image:radial-gradient(farthest-side,#000 55%,transparent 100%)}@media (prefers-reduced-motion: reduce){.hero-insel{transition:none}.hero-insel:hover,.hero-insel:focus-visible{transform:none}}@media (max-width: 900px){.hero-insel{top:0;left:calc(-.5*(100vw - 100%));width:100vw;background-image:url(/zeitraffer/hero-klein.webp);background-size:150vw auto;background-position:40% 40%;clip-path:none;-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 40%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 80% 50% at 50% 40%,#000 35%,transparent 80%)}.hero-text:before{display:none}}
