@font-face{font-family:Modern DOS;src:url(/schrift/modern-dos-8x16.woff2) 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) 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) type("image/avif"),url(/bilder/grundgesteinBoden.webp) 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) 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}.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.kopf-eintrag{all:unset;box-sizing:border-box;position:relative;isolation:isolate;flex:none;display:flex;align-items:center;gap:10px;height:60px;margin-left:28px;padding:2px 12px 2px 4px;border:2px solid #808080;font:400 24px/1 var(--cd-pixel);cursor:pointer}.kopf-eintrag{--panorama-hoehe: 320%;--panorama-schleier: 45%}.kopf-eintrag:hover{border-color:#fff}.kopf-eintrag:focus-visible{outline:2px solid var(--cd-lila);outline-offset:2px}.kopf-eintrag.kopiert{border-color:var(--cd-aqua)}.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(--cd-pixel);white-space:nowrap;animation:kopf-blase .18s ease-out}@keyframes kopf-blase{0%{opacity:0;transform:translateY(-4px)}}.kopf-eintrag .kopf-kugel{position:relative;display:block;flex:none;width:48px;height:48px}.kopf-eintrag .kopf-welt{display:block;width:100%;height:100%;image-rendering:pixelated}.kopf-eintrag:hover .kopf-kugel:before{content:"";position:absolute;inset:0;background:#909090a1}.kopf-eintrag .eintrag-kopf{display:flex;justify-content:space-between;align-items:center;gap:20px;white-space:nowrap}.kopf-eintrag .eintrag-name{color:#fff}.kopf-eintrag .eintrag-name .mc-grau,.kopf-eintrag .eintrag-name .mc-dunkel{display:none}.kopf-eintrag .eintrag-status{flex:none;display:flex;align-items:center;gap:8px;color:#aaa}.kopf-eintrag .eintrag-status.offline{color:#f55}.kopf-eintrag .eintrag-status.wartet{color:#fa0}.kopf-eintrag .eintrag-name,.kopf-eintrag .eintrag-name span,.kopf-eintrag .eintrag-status{text-shadow:1px 1px 0 color-mix(in srgb,currentColor 25%,#000)}.kopf-eintrag .mc-aqua{color:var(--cd-aqua)}.kopf-eintrag .mc-lila{color:var(--cd-lila)}.kopf-eintrag .mc-fett{font-weight:700}.kopf-eintrag .balken{display:flex;align-items:flex-end;gap:1px;height:14px;zoom:1.5}.kopf-eintrag .balken i{width:3px;background:#00e000;box-shadow:1px 1px #003800}.kopf-eintrag .balken i:nth-child(1){height:4px}.kopf-eintrag .balken i:nth-child(2){height:6px}.kopf-eintrag .balken i:nth-child(3){height:8px}.kopf-eintrag .balken i:nth-child(4){height:11px}.kopf-eintrag .balken i:nth-child(5){height:14px}.kopf-eintrag .offline .balken i,.kopf-eintrag .wartet .balken i{background:#555;box-shadow:none}@media (max-width: 900px){.cd-kopf:has(.kopf-eintrag) .cd-marke{display:none}.kopf-eintrag{margin:0 auto;height:52px}.kopf-eintrag .kopf-kugel{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}}:root{--background: var(--cd-bg);--foreground: var(--cd-text);--card: var(--cd-karte);--muted: #262626;--muted-foreground: var(--cd-text-2);--border: var(--cd-linie);--input: var(--cd-rand);--primary: var(--cd-lila);--primary-foreground: var(--cd-auf-lila);--destructive: #ff6467;--destructive-fill: #dc2626;--ok: #34d399;--warn: #fbbf24;--radius: 10px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);background:var(--background);color:var(--foreground);font-family:var(--font-sans)}p{line-height:1.5}.klein{font-size:13px;color:var(--muted-foreground)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.karte{place-self:center;width:min(460px,100% - 32px);margin-block:16px;display:flex;flex-direction:column;gap:24px;padding:20px 24px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--cd-r-karte);box-shadow:0 1px 2px #0000004d}@media (min-width: 600px) and (min-height: 560px){.karte{zoom:1.25}}@media (min-width: 760px) and (min-height: 640px){.karte{zoom:1.5}}.karte-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px}h1{margin:0;font:600 15px/1.2 var(--font-sans)}.kopf-rechts{display:flex;align-items:center;gap:8px;margin-left:auto}.knopf-rund{position:relative;width:30px;height:30px;padding:0;flex:none;border-radius:50%;background:#ffffff0a;border-color:var(--input);color:var(--muted-foreground)}.knopf-rund:hover{background:#ffffff14;color:var(--foreground)}.knopf-rund svg{width:15px;height:15px}.pille{position:relative;display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;padding:2px 10px;flex:none;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted-foreground);font:500 12px/1.5 var(--font-sans)}.pille:hover{background:#ffffff0f;color:var(--foreground)}.pille svg{width:12px;height:12px}.pille[aria-expanded=true],#leiste-handy{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}#leiste-handy:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)}#handy.vorschlag{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}#handy.vorschlag:before{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid var(--primary);animation:einladen 2.2s ease-out infinite;pointer-events:none}#qr-feld{position:absolute;inset:-4px 0;z-index:20;display:flex;align-items:center;justify-content:center;gap:20px;padding:8px;border-radius:var(--radius);background:color-mix(in srgb,var(--card) 96%,transparent)}#qr-bild{flex:none;width:148px;height:148px;padding:8px;border-radius:10px;background:#fff}#qr-bild svg{display:block;width:100%;height:100%;fill:#0a0a0a;stroke:none}.qr-text{display:grid;gap:6px;max-width:170px;font-size:13px;line-height:1.4;color:var(--muted-foreground)}.qr-text strong{color:var(--foreground);font-size:14px}.qr-gilt{font-size:12px}#qr-zeit{color:var(--foreground);font-variant-numeric:tabular-nums}#qr-zu{position:absolute;top:6px;right:6px}#zustand{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);font:500 12px/1.5 var(--font-sans);white-space:nowrap;color:var(--muted-foreground)}#zustand:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.7}#zustand.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent)}#zustand.ok:before{opacity:1;box-shadow:0 0 6px currentColor;animation:puls 2s ease-in-out infinite}#zustand.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}#zustand.fehler{color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 35%,transparent);background:color-mix(in srgb,var(--destructive) 8%,transparent)}button,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:0 20px;border:1px solid transparent;border-radius:var(--cd-r-knopf);background:var(--primary);color:var(--primary-foreground);font:500 14px var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;transition:background .15s,box-shadow .15s,opacity .15s}button:hover{background:var(--cd-lila-hell)}button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}button:disabled{opacity:.5;cursor:default}.knopf-icon{width:40px;padding:0;flex:none}.knopf-icon svg{width:18px;height:18px}.knopf-rand{background:#ffffff0a;border-color:var(--input);color:var(--foreground)}.knopf-rand:hover{background:#ffffff14}.knopf-rot{background:color-mix(in srgb,var(--destructive) 22%,transparent);border-color:color-mix(in srgb,var(--destructive) 40%,transparent);color:var(--destructive)}.knopf-rot:hover{background:color-mix(in srgb,var(--destructive) 30%,transparent)}.knopf-weg{background:var(--destructive-fill);color:#fff}.knopf-weg:hover{background:color-mix(in srgb,var(--destructive-fill) 85%,black)}.knopf-weg:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive-fill) 45%,transparent)}#raus:disabled{position:relative;opacity:1;background:#ffffff0a;color:var(--muted-foreground)}#raus:disabled:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}#stumm .aus,#stumm.knopf-rot .an{display:none}#stumm.knopf-rot .aus{display:block}.buehne{--welt: 116px;position:relative;display:grid;align-items:center;justify-content:center;column-gap:12px;grid-template-columns:104px 48px calc(var(--welt) * 2);grid-template-areas:"ich pfeil kanal"}.ich{grid-area:ich;display:grid;justify-items:center;gap:10px;transition:opacity .5s ease}.ich-platz{width:34px;height:34px}.ich-name{max-width:100%;overflow:hidden;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-align:center;font:500 13px/1.3 var(--font-sans)}.pfeil{grid-area:pfeil;position:relative;display:flex;align-items:center;height:16px;color:var(--muted-foreground);transition:opacity .4s ease}.pfeil svg:first-child{width:100%;height:12px}.pfeil line{stroke-width:2;stroke-dasharray:4 6;animation:laufen 1s linear infinite;vector-effect:non-scaling-stroke}.pfeil .spitze{position:absolute;right:-4px;width:18px;height:18px}.unterwegs .ich,.unterwegs .pfeil{opacity:0;pointer-events:none}.kanal{grid-area:kanal;position:relative;left:0;height:calc(var(--welt) * 1.45);display:grid;place-items:center;transition:left .9s cubic-bezier(.65,0,.35,1)}.welt{display:block;width:var(--welt);height:var(--welt);border-radius:50%;image-rendering:pixelated;box-shadow:0 0 0 1px var(--border),0 0 40px -6px #4cc9f000;filter:grayscale(1) brightness(.55);transition:filter 1.4s ease,box-shadow 1.4s ease}.welt-knopf{all:unset;position:relative;z-index:2;display:block;width:var(--welt);height:var(--welt);border-radius:50%;cursor:pointer;transition:transform .25s ease,box-shadow .15s}.welt-knopf:hover{background:none}.welt-knopf:disabled{opacity:1;cursor:default}.welt-knopf:focus-visible{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--primary)}.welt-knopf:not(:disabled):hover{transform:scale(1.05)}.welt-knopf:not(:disabled):hover .welt{filter:grayscale(.25) brightness(.85)}.welt-knopf:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--primary);opacity:0;pointer-events:none}.welt-knopf:not(:disabled):before{animation:einladen 2.2s ease-out infinite}.einladung{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 3px var(--card),0 0 16px -2px var(--primary);transition:opacity .3s ease,transform .3s ease}.einladung svg{width:16px;height:16px}.welt-knopf:disabled .einladung{opacity:0;transform:scale(.5)}.sperr-zeichen{position:absolute;inset:0;display:grid;place-items:center;color:var(--destructive);opacity:0;transform:scale(.7);transition:opacity .4s ease .5s,transform .4s ease .5s;pointer-events:none}.sperr-zeichen svg{width:72%;height:72%;stroke-width:2.2}.gesperrt .sperr-zeichen{opacity:1;transform:none}.handy-zeichen{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff73;opacity:0;transition:opacity .4s ease .5s;pointer-events:none}.handy-zeichen svg{width:40%;height:40%;stroke-width:1.6}.auf-handy .handy-zeichen{opacity:1}.auf-handy .sperr-zeichen{display:none}.gesperrt .welt{filter:grayscale(1) brightness(.3)}.buehne.gesperrt .kopf-anderer{opacity:.3}.gesperrt .welt-knopf{cursor:not-allowed}.gesperrt .pfeil{opacity:.3}.gesperrt .pfeil line{animation:none}.kopf{position:absolute;top:0;left:0;image-rendering:pixelated;border-radius:3px;will-change:transform;pointer-events:none}.kopf-anderer{filter:grayscale(1) brightness(.45);transition:filter 1.4s ease}.kopf-anderer.hinten{opacity:.7}.drin .welt{filter:none;box-shadow:0 0 0 1px var(--border),0 0 48px -6px #4cc9f08c}.drin .kopf-anderer{filter:none}.drin .kopf-anderer.hinten{filter:brightness(.6)}.pause .welt{filter:grayscale(1) sepia(.75) saturate(1.5) brightness(.7);box-shadow:0 0 0 1px color-mix(in srgb,var(--warn) 45%,transparent),0 0 48px -6px color-mix(in srgb,var(--warn) 45%,transparent)}.kopf-ich{box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--primary),0 0 18px -2px var(--primary);border-radius:6px;display:grid;place-items:center;overflow:hidden;container-type:size;background:var(--muted)}.kopf-ich canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.kopf-ich span{font:600 55cqh var(--font-sans);color:var(--foreground)}.kopf-ich svg{width:42%;height:42%;color:var(--muted-foreground);animation:drehen 1s linear infinite}.kopf-ich span,.kopf-ich svg,.kopf-ich.laedt canvas,.kopf-ich.ohne canvas{display:none}.kopf-ich.laedt svg,.kopf-ich.ohne span{display:block}.kopf-ich.laedt{box-shadow:0 0 0 1px var(--border)}.skelett{width:64px;height:14px;border-radius:6px;background:var(--muted);animation:puls 1.6s ease-in-out infinite}#leiste{position:relative;display:flex;align-items:center;gap:8px;height:54px;padding:6px 6px 6px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05}#pegel{flex:1;width:0;min-width:0;height:36px}#hinweis{flex:1;min-width:0;margin:0;padding-right:8px;font-size:13px;line-height:1.35;color:var(--muted-foreground);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#hinweis.fehler{color:var(--destructive)}#hinweis.warn{color:var(--warn)}#tab-zu{position:absolute;inset:0;width:auto;height:auto;padding:0;border:0;border-radius:inherit;background:none;color:var(--foreground)}#tab-zu:hover{background:#ffffff0f}#tab-zu:disabled{background:none;color:var(--muted-foreground)}.feld{position:absolute;right:0;bottom:calc(100% + 8px);z-index:10;width:min(300px,100%);display:grid;gap:12px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000073}.feld-kopf{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.schalter{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted-foreground);cursor:pointer}.schalter input{appearance:none;position:relative;width:32px;height:18px;margin:0;border-radius:999px;background:var(--muted);cursor:pointer;outline:none;transition:background .15s}.schalter input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--foreground);transition:transform .15s}.schalter input:checked{background:var(--primary)}.schalter input:checked:after{transform:translate(14px)}.schalter input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}.schwelle{display:grid;gap:6px}.schwelle-pegel{position:relative;height:8px;border-radius:999px;background:var(--muted);overflow:hidden}#sperre-pegel{height:100%;width:0;background:#ffffff59;transition:width .05s linear}#sperre-pegel.offen{background:var(--primary)}#sperre-marke{position:absolute;top:0;bottom:0;width:2px;background:var(--foreground);transform:translate(-1px)}#sperre-regler{width:100%;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}#sperre-regler:disabled{opacity:.45;cursor:default}#musik-regler{width:100%;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}.feld .klein{margin:0;font-size:12px}.frage{width:min(380px,calc(100vw - 32px));padding:20px;border:1px solid var(--input);border-radius:calc(var(--radius) + 4px);background:var(--card);color:var(--foreground);box-shadow:0 16px 48px #0009}.frage::backdrop{background:#0009}.frage strong{font:600 16px var(--font-sans)}.frage p{margin:8px 0 16px;font-size:14px;color:var(--muted-foreground)}.navi{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}@keyframes laufen{to{stroke-dashoffset:-10}}@keyframes drehen{to{transform:rotate(360deg)}}@keyframes einladen{0%{transform:scale(.94);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes puls{50%{opacity:.35}}@media (max-width: 480px){.buehne{--welt: min(88px, 24vw);column-gap:8px;grid-template-columns:minmax(0,84px) minmax(0,24px) calc(var(--welt) * 2)}.ich-platz{width:30px;height:30px}.karte{padding:16px 16px 20px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:root{--z: 1;--rahmen: 312px}.kopf-rechts{min-width:0;max-width:100%}#zustand{max-width:100%;overflow:hidden}.editor{zoom:var(--z)!important;width:min(1000px,calc(100vw / var(--z) - 32px));height:min(720px,calc((100svh - var(--rahmen)) / var(--z)));min-height:620px;gap:16px}.klappe-liste,.info-text,.frage{zoom:var(--z)}.ausweis-buehne{--zeit: .8s;position:relative;flex:1;min-height:0;overflow:hidden}.zoom{position:absolute;inset:0;perspective:1500px;transform-origin:0 0}.ausweis-buehne[data-bereit] .zoom{transition:transform var(--zeit) cubic-bezier(.6,0,.2,1)}.ausweis-buehne[data-ansicht=foto] .zoom{transform:translate(var(--z-x, 0),var(--z-y, 0)) scale(var(--z-s, 1))}.kippen{position:absolute;inset:0;transition:transform .25s ease-out;transform:rotateX(var(--kipp-x, 0deg)) rotateY(var(--kipp-y, 0deg))}.ausweis-buehne[data-ansicht=foto] .kippen{transform:none}.ausweis-buehne:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 66% 72% at 50% 46%,rgb(255 255 255 / 7%),transparent 76%);transition:opacity .3s ease}.ausweis-buehne[data-ansicht=foto]:before{opacity:0}.ausweis-platz{position:absolute;inset:0 0 56px;display:grid;place-items:center}.foto{position:absolute;left:var(--foto-x, 0);top:var(--foto-y, 0);width:var(--foto-b, 0);height:var(--foto-h, 0);overflow:hidden;border-radius:3px;background:#cfd1cd;transition:background .4s ease .35s}#figur{position:absolute;inset:0;display:block;width:100%;height:100%}.ausweis-buehne[data-ansicht=foto] .foto{background:#1b1a20}.ausweis-buehne[data-ansicht=foto] #figur{cursor:grab}.ausweis-buehne[data-ansicht=foto] #figur:active{cursor:grabbing}.foto-oeffnen{position:absolute;inset:0;width:auto;height:auto;padding:0;display:flex;align-items:flex-end;justify-content:center;background:none;border-radius:0;color:#fff}.foto-oeffnen:hover:not(:disabled){background:#0000001a}.foto-oeffnen:disabled{opacity:1}.foto-oeffnen span{width:100%;padding:4px 0;background:#14141ab8;font:500 12px var(--font-sans);opacity:0;transition:opacity .15s}.foto-oeffnen:hover span,.foto-oeffnen:focus-visible span{opacity:1}.foto-oeffnen:focus-visible{box-shadow:inset 0 0 0 3px var(--primary)}.ausweis-buehne[data-ansicht=foto] .foto-oeffnen{display:none}.foto-knoepfe{position:absolute;left:var(--panel-x, 0);width:var(--panel-b, 320px);top:calc(var(--panel-y, 0px) + var(--panel-h, 100%) - 44px);display:flex;justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.ausweis-buehne[data-ansicht=foto] .foto-knoepfe{opacity:1;visibility:visible;transition-delay:.7s}.foto-knoepfe .pille{background:#14141abf;color:var(--foreground)}.foto-knoepfe .pille:hover{background:#32323cd9}.schritte{--tab: #212125;--rand: #3c3c43;position:absolute;left:var(--schritte-x, 344px);right:0;top:var(--schritte-y, 0);bottom:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;translate:24px 0;transition:opacity .25s ease,translate .25s ease,visibility .25s}.ausweis-buehne[data-ansicht=foto] .schritte{opacity:1;visibility:visible;translate:0 0;transition-delay:.6s}.kategorien{flex:none;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kategorie{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:auto;height:50px;padding:0 8px 0 4px;background:none;border:1px solid transparent;border-bottom-color:var(--rand);border-radius:12px 12px 0 0;color:var(--muted-foreground);font:600 12px var(--font-sans);transition:none}.kategorie:hover{background:#ffffff0a;color:var(--foreground)}.kategorie[aria-current=step],.kategorie[aria-current=step]:hover{z-index:1;background:var(--tab);border-color:var(--rand);border-bottom-color:var(--tab);color:var(--foreground)}.kategorie[aria-current=step]:not(:first-child):before,.kategorie[aria-current=step]:not(:last-child):after{content:"";position:absolute;bottom:-1px;width:13px;height:12px}.kategorie[aria-current=step]:not(:first-child):before{left:-13px;background:radial-gradient(circle 12.5px at 0 0,transparent 11.5px,var(--rand) 11.6px,var(--rand) 12.4px,var(--tab) 12.5px)}.kategorie[aria-current=step]:not(:last-child):after{right:-13px;background:radial-gradient(circle 12.5px at 100% 0,transparent 11.5px,var(--rand) 11.6px,var(--rand) 12.4px,var(--tab) 12.5px)}.kategorie canvas{width:40px;height:40px;flex:none}.tab-karte{flex:1;min-height:0;display:flex;padding:12px 4px 12px 12px;background:var(--tab);border:1px solid var(--rand);border-top:0;border-radius:0 0 12px 12px}.inhalt{flex:1;min-width:0;min-height:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;display:flex;flex-direction:column;gap:12px;padding-right:6px;outline:none}.schritte .navi{margin-top:12px}.block{flex:none;display:grid;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05}.block-titel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.abschnitt{flex:none;margin:6px 0 -2px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.kachel{display:grid;justify-items:center;align-content:start;gap:2px;width:auto;height:auto;padding:4px 3px 5px;white-space:normal;background:#ffffff08;border-color:var(--border);color:var(--muted-foreground);font:500 11px/1.2 var(--font-sans)}.kachel:hover{background:#ffffff14;color:var(--foreground)}.kachel[aria-pressed=true],.kachel[aria-pressed=true]:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary);color:var(--foreground)}.kachel canvas{width:62px;height:62px}.kachel span{display:grid;place-items:center;min-height:2.4em;text-align:center}.farb-zeile{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.farb-zeile>span{flex:none;width:42px;font-size:12px;color:var(--muted-foreground)}.farben{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.farbe{width:24px;height:24px;padding:0;flex:none;border:1px solid var(--input);border-radius:50%}.farbe:hover{filter:brightness(1.12)}.farbe[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--primary)}.farbe-frei{width:24px;height:24px;padding:0;border:1px dashed var(--muted-foreground);border-radius:50%;background:none;cursor:pointer}.farbe-frei::-webkit-color-swatch-wrapper{padding:3px}.farbe-frei::-webkit-color-swatch{border:0;border-radius:50%}.farbe-frei::-moz-color-swatch{border:0;border-radius:50%}.ausweis,.klappe-liste.auf-papier{--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace}.ausweis{--papier: #e4e3cf;--tinte: #17171c;--blass: #4d4f46;--linie: #a7a78f;--blau: #2c3f8f;position:relative;flex:none;width:min(720px,100%);aspect-ratio:1.586;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;color:var(--tinte);background:url(ausweis-muster.svg) center / cover,linear-gradient(120deg,#eeeddb,var(--papier) 45%,#d8ddc4);box-shadow:0 1px #a9a893,0 2px 1px #84836f,0 6px 10px #0006,0 22px 44px #0000008c;transition:opacity .3s ease}.ausweis:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff73}.ausweis-buehne[data-ansicht=foto] .ausweis{opacity:0;pointer-events:none;transition:opacity .3s ease .5s}.aw-wasserzeichen{position:absolute;right:10px;bottom:-60px;font-size:300px;line-height:1;color:#3c5a4617;pointer-events:none}.aw-kopf{position:relative;display:flex;align-items:center;gap:14px;padding:16px 24px 8px}.aw-wappen{flex:none;display:grid;place-items:center;width:62px;height:42px;border-radius:2px;background:#15151a;font-size:26px;line-height:1}.aw-wappen .aqua,.aw-staat .aqua{color:#c25e1f}.aw-wappen .aqua{color:#ff8a3d}.aw-staat .pink{color:#4f7a12}.aw-titel{flex:1;min-width:0;display:grid;gap:0;color:var(--blau)}.aw-staat,.aw-art{font:800 15px/1.15 var(--font-sans);letter-spacing:.02em}.aw-art{margin-top:2px;color:var(--blau)}.aw-klein{font:600 7.5px/1.2 var(--font-sans);letter-spacing:.03em;color:var(--blass)}.aw-nummer{font:500 19px var(--font-mono);letter-spacing:.14em;white-space:nowrap}.aw-bauch{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;padding:8px 24px 16px}.aw-bild{width:232px;height:292px}.aw-felder{display:flex;flex-direction:column;gap:5px;min-width:0}.aw-feld{display:grid;gap:0;min-width:0}.aw-feld>span{font:600 8.5px/1.3 var(--font-sans);color:var(--blass)}.aw-feld input,.aw-feld .klappe{width:100%;height:28px;padding:0 2px;border:0;border-bottom:1px dotted var(--linie);border-radius:0;background:none;color:var(--tinte);font:500 16px var(--font-mono);letter-spacing:.06em;outline:none;box-shadow:none}.aw-feld input::placeholder{color:var(--blass);opacity:1}.aw-feld input:hover:not(:disabled),.aw-feld .klappe:hover:not(:disabled){background:#0000000d}.aw-feld input:focus-visible,.aw-feld .klappe:focus-visible{border-bottom:2px solid var(--tinte);box-shadow:none;background:#0000000d}.aw-feld input:disabled,.aw-feld .klappe:disabled{opacity:1;cursor:default;border-bottom-color:transparent}.aw-feld .klappe .leer{color:var(--blass)}.aw-feld .klappe svg{color:var(--blass)}.aw-feld .klappe:disabled svg{display:none}.geburtstag{display:grid;grid-template-columns:1fr 1.9fr 1.2fr;gap:8px}.aw-unten{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:52px}.aw-gueltig strong{font:500 15px var(--font-mono);letter-spacing:.06em}.aw-geist{width:56px;height:56px;filter:grayscale(1) contrast(.8);opacity:.4;mix-blend-mode:multiply}.aw-unterschrift{min-height:30px;border-bottom:1px solid var(--linie);overflow:hidden;white-space:nowrap;font:italic 400 24px/30px Segoe Script,Bradley Hand,Brush Script MT,cursive;color:#1d2340}.ausweis-aktion{position:absolute;z-index:1;left:0;right:0;bottom:0;margin:0 auto;width:min(720px,100%);display:flex;align-items:center;justify-content:flex-end;gap:14px;height:40px;transition:opacity .2s ease}.ausweis-aktion button{width:auto;min-width:200px}.ausweis-buehne[data-ansicht=foto] .ausweis-aktion{opacity:0;pointer-events:none}.aw-fehler{flex:1;margin:0;color:var(--destructive);font-size:13px;line-height:1.3}.klappe{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer}.klappe span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klappe svg{width:14px;height:14px}.klappe-liste{position:fixed;inset:auto;margin:0;padding:4px;max-height:280px;overflow:hidden;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius);box-shadow:0 8px 24px #0000008c}.klappe-liste.auf-papier{color:#17171c;background:url(ausweis-muster.svg) center / 720px auto,#e4e3cf;border-color:#a7a78f;border-radius:8px}.auf-papier .klappe-eintrag{color:#17171c;font:500 14px var(--font-mono);letter-spacing:.04em}.auf-papier .klappe-eintrag:hover,.auf-papier .klappe-eintrag:focus-visible{background:#00000014}.auf-papier .klappe-eintrag[aria-selected=true]{color:#2c3f8f;font-weight:700}.klappe-liste.auf-papier input{color:#17171c;background:none;border:0;border-bottom:1px dotted #55544c;border-radius:0;font:500 14px var(--font-mono)}.auf-papier input::placeholder{color:#4d4f46}.klappe-liste.auf-papier .klappe-eintraege{scrollbar-color:#a7a78f transparent}.klappe-liste:popover-open{display:flex;flex-direction:column;gap:4px}.klappe-liste input{flex:none;width:100%;box-sizing:border-box;height:32px;padding:0 8px;border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);background:#ffffff0a;color:var(--foreground);font:400 13px var(--font-sans);outline:none}.klappe-eintraege{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.klappe-eintrag{justify-content:flex-start;height:30px;padding:0 8px;background:transparent;color:var(--foreground);font:500 13px var(--font-sans)}.klappe-eintrag:hover,.klappe-eintrag:focus-visible{background:#ffffff14;box-shadow:none}.klappe-eintrag[aria-selected=true]{color:var(--primary);font-weight:500}.vorlagen-liste{width:240px;max-height:min(400px,70vh)}.vorlagen-liste .klappe-eintrag{height:48px;gap:10px}.vorlagen-liste canvas{width:40px;height:40px;flex:none;border-radius:4px;background:var(--muted) center / cover}.info{position:absolute;top:8px;right:10px;width:16px;height:16px;padding:0;flex:none;border:1px solid var(--blass);border-radius:50%;background:transparent;color:var(--blass);font:600 10px/1 var(--font-sans)}.info:hover{background:#0000001a}.info-text{position:fixed;inset:auto;margin:0;max-width:260px;padding:8px 10px;color:var(--foreground);font-size:13px;line-height:1.4;background:var(--card);border:1px solid var(--input);border-radius:var(--radius);box-shadow:0 8px 24px #0000008c}.zettel-kopf{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--input);font-size:12px;color:var(--muted-foreground)}#zettel-uhr{font-variant-numeric:tabular-nums}.frage #zettel-kunde{margin:2px 0 12px}#zettel-liste{margin:0 0 12px;padding:0;list-style:none;font-size:14px}#zettel-liste li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--input)}#zettel-liste li span:first-child{color:var(--muted-foreground)}.frage #zettel-hinweis{margin:0 0 10px;font-size:13px}.frage #zettel-fehler{margin:0 0 10px}.termin .ausweis-aktion,.termin #vorlagen{display:none}#abbrechen{display:none;width:auto;aspect-ratio:1;padding:0;place-items:center;background:#d63a4a;color:#fff}#abbrechen:hover{background:#ee4f5f}#abbrechen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.termin #abbrechen{display:grid}.termin .schritte .navi{grid-template-columns:auto 1fr 1fr}.termin .schritte .navi:has([hidden]){grid-template-columns:auto 1fr}.frage #abbruch-fehler{margin:0 0 10px}.termin .ausweis-platz{visibility:hidden}.termin .zoom,.termin .kippen,.termin .foto,.termin .schritte,.termin .foto-knoepfe{transition:none!important}.navi [hidden]{display:none}.navi:has([hidden]){grid-template-columns:1fr}.meldung{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}.meldung strong{font-size:20px}.meldung p{margin:0;max-width:42ch;color:var(--muted-foreground)}.meldung button{width:auto;margin-top:8px}@media (max-width: 760px){.editor{width:calc(100vw - 16px);height:calc(100svh - var(--cd-kopf) - 16px);min-height:460px;margin-block:8px;padding:12px;gap:10px}.ausweis{aspect-ratio:auto;border-radius:12px}.aw-kopf{padding:10px 12px 6px;gap:8px}.aw-wappen{width:38px;height:28px;font-size:18px}.aw-staat,.aw-art{font-size:12px}.aw-klein{display:none}.aw-nummer{font-size:12px}.aw-bauch{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:6px 12px 12px}.aw-bild{width:100px;height:126px}.aw-feld input,.aw-feld .klappe{font-size:13px;height:26px}.aw-unten{min-height:0}.aw-geist{display:none}.aw-nummer{letter-spacing:.06em;margin-right:14px}.aw-unterschrift{font-size:17px}.kategorie{flex-direction:column;justify-content:center;gap:0;height:60px;padding:2px;font-size:11px}.kategorie canvas{width:36px;height:36px}.ausweis-aktion{justify-content:stretch}.ausweis-aktion button{flex:1;min-width:0}.aw-fehler{display:none}.aw-fehler:not(:empty){display:block}}