@font-face{font-family:Archivo;src:url(/assets/archivo-var-DE4PpeND.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/plex-mono-400-Dm_PoFIZ.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/plex-mono-500-C_OblDzq.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/plex-mono-600-rgB1DpUr.woff2) format("woff2");font-weight:600;font-display:swap}:root{color-scheme:dark;--bg: #040B0D;--tile: #0A181C;--line: #142A31;--text: #E6F4F5;--sec: #B0C9CC;--muted: #86A3A8;--accent: #45DCE6;--accent-text: #45DCE6;--rail: #45DCE6;--on-accent: #040B0D;--warm: #F5B54A;--warm-text: #F5B54A;--gefahr: #F0786A;--gefahr-text: #F59286;--chip: #0E2026;--chip-border: #28474F;--chip-dot: #3F5F66;--pin: #86A3A8;--btn-border: #28474F;--input-bg: #040B0D;--input-border: #28474F;--nav-active: #11262C;--vorhang: rgba(2, 7, 9, .72);--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Archivo", system-ui, sans-serif;--radius: 22px;--gap: 14px;--ease-out: cubic-bezier(.23, 1, .32, 1);--tiefe: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 0 rgba(0, 0, 0, .35);--licht: rgba(255, 255, 255, .022);--schwebe: 0 24px 60px -24px rgba(0, 0, 0, .8)}:root[data-theme=hell]{color-scheme:light;--bg: #E9EDEC;--tile: #FFFFFF;--line: #D3DADB;--text: #0E1416;--sec: #3B474D;--muted: #56636A;--accent: #2BD3E6;--accent-text: #00707F;--rail: #0A8FA3;--on-accent: #0E1416;--warm: #D98A1A;--warm-text: #9A5B00;--gefahr: #C2412F;--gefahr-text: #A93424;--chip: #0E1416;--chip-border: #0E1416;--chip-dot: #3A4549;--pin: #56636A;--btn-border: #B9C3C6;--input-bg: #F2F4F3;--input-border: #B9C3C6;--nav-active: #E3EEEF;--vorhang: rgba(14, 20, 22, .42);--tiefe: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(14, 20, 22, .05), 0 12px 32px -20px rgba(14, 20, 22, .22);--licht: rgba(255, 255, 255, 0);--schwebe: 0 24px 60px -24px rgba(14, 20, 22, .35)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;--korn-daempfer: color-mix(in srgb, var(--bg) 50%, transparent);background:linear-gradient(var(--korn-daempfer),var(--korn-daempfer)),url(/assets/koernung-6SvteMqN.webp) repeat var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--rail);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--sans);font-stretch:108%;font-weight:800;letter-spacing:-.015em;text-wrap:balance}.mono{font-family:var(--mono)}.label{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.01em}.leise-text{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--text)}.logo .marke{width:58px;height:28px;flex:none}.logo .wort{font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:-.01em}.logo .wort b{color:var(--accent-text);font-weight:inherit}.kachel{position:relative;min-width:0;background:var(--tile) linear-gradient(180deg,var(--licht),transparent 42%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--tiefe)}.block{padding:26px;display:flex;flex-direction:column;gap:24px}.blockkopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.blockkopf h2{font-size:24px;line-height:1.1}.blockkopf .rechts{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app{display:flex;gap:var(--gap);max-width:1480px;margin:0 auto;padding:14px;min-height:100vh;align-items:flex-start}.seite{width:252px;flex:none;position:sticky;top:14px;height:calc(100vh - 28px);display:flex;flex-direction:column;gap:18px;padding:22px 16px;overflow-y:auto}.seite .logo{margin:0 4px}.nutzer{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);min-width:0}.nutzer-text{min-width:0}.nutzer-text b{display:block;font-size:15px}.nutzer-text span{display:block;font-size:13px;color:var(--sec);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menue{display:flex;flex-direction:column;gap:4px}.menue .gruppe{font-family:var(--mono);font-size:13px;color:var(--muted);margin:12px 0 2px 12px}.menue a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--sec);font-weight:600;font-size:16px;transition:background-color .15s ease,color .15s ease}.menue a:before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--muted);flex:none;transition:background-color .15s ease,border-color .15s ease}.menue a.router-link-active{background:var(--nav-active);color:var(--text)}.menue a.router-link-active:before{background:var(--accent);border-color:var(--accent)}.seite-unten{margin-top:auto;display:flex;flex-direction:column;gap:8px}.seite-unten .reihe{display:flex;gap:8px}.seite-unten .reihe>*{flex:1}.haupt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap);padding-bottom:40px;container-type:inline-size}.haupt>*{min-width:0}.ansicht{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 8px 8px}.kopf-text{min-width:0}.kopf h1{font-size:clamp(34px,5cqi,56px);line-height:.95;letter-spacing:-.024em;font-stretch:112%;overflow-wrap:anywhere}.kopf .textlink+h1{margin-top:6px}.status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;margin-top:14px;font-size:15px;color:var(--sec)}.status>span{display:inline-flex;align-items:center;gap:8px}.aktionen{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.zahlen.drei{grid-template-columns:repeat(3,minmax(0,1fr))}.zahl{padding:20px 22px;display:flex;flex-direction:column;gap:10px}.zahl b{font-size:44px;line-height:1;font-stretch:112%;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.zahl b small{font-size:22px;color:var(--muted);font-weight:700;margin-left:4px}.raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--gap)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:10px;cursor:pointer;background:var(--accent);color:var(--on-accent);font-family:var(--sans);font-weight:700;font-size:16px;line-height:1.2;white-space:nowrap;transition:transform .16s var(--ease-out),filter .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.knopf:active:not(:disabled){transform:scale(.97)}.knopf.rahmen{background:transparent;color:var(--text);border-color:var(--btn-border)}.knopf.leise{background:transparent;color:var(--text);border-color:var(--btn-border);font-size:14px;font-weight:600;min-height:40px;padding:0 14px}.knopf.gefahr{background:transparent;color:var(--gefahr-text);border-color:color-mix(in srgb,var(--gefahr) 45%,transparent)}.knopf.leise.gefahr{color:var(--gefahr-text)}.knopf.klein{min-height:36px;padding:0 11px}.knopf.breit{width:100%}.knopfreihe{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.knopfreihe .knopf{min-height:36px;padding:0 12px;font-size:14px;font-weight:600}.knopf:disabled{opacity:.45;cursor:not-allowed}.textlink{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--accent-text);white-space:nowrap}.textlink.gefahr{color:var(--gefahr-text)}.textlink.leise{color:var(--muted)}.textlink:disabled{opacity:.45;cursor:not-allowed}.punkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.punkt.warm{background:var(--warm)}.punkt.gefahr{background:var(--gefahr)}.punkt.aus{background:transparent;border:2px solid var(--muted);width:9px;height:9px}.zustand{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--sec);white-space:nowrap}.zustand.an{color:var(--accent-text)}.zustand.warm{color:var(--warm-text)}.zustand.gefahr{color:var(--gefahr-text)}.etikett{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:7px;border:1px solid var(--chip-border);font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}.etikett.modul{color:var(--accent-text);border-color:color-mix(in srgb,var(--rail) 55%,transparent)}.etikett .weg{background:none;border:0;padding:4px 6px;margin:-4px -8px -4px -2px;cursor:pointer;color:var(--sec);font-size:15px;line-height:1;border-radius:6px}.etiketten{display:flex;flex-wrap:wrap;gap:6px}.kreis{width:36px;height:36px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--chip);border:1px solid var(--chip-border);font-family:var(--mono);font-weight:600;font-size:13px;color:var(--accent)}.kreis.klein{width:30px;height:30px;font-size:11px}.menschen{display:flex;flex-wrap:wrap;gap:8px 18px}.mensch{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--text);min-width:0;overflow-wrap:anywhere}.mensch .weg{background:none;border:0;cursor:pointer;color:var(--muted);padding:2px 4px;border-radius:4px;font-size:13px}.zeilen{display:flex;flex-direction:column;gap:2px;margin:0 -10px}.zeile{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;min-width:0;transition:background-color .15s ease}.zeile-haupt{flex:1;min-width:0;display:flex;align-items:center;gap:14px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}div.zeile-haupt{cursor:default}.zeile-text{min-width:0;flex:1}.zeile-text b{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.zeile-text small{display:block;font-size:14px;color:var(--sec);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zeile-rechts{display:flex;align-items:center;gap:14px;flex:none}.zeile-rechts.gestapelt{flex-direction:column;align-items:flex-end;gap:2px}.zeile .datum{font-size:14px;color:var(--sec);white-space:nowrap;font-variant-numeric:tabular-nums}.daten{display:grid;grid-template-columns:auto 1fr;gap:14px 22px}.daten dt{font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:3px}.daten dd{min-width:0;overflow-wrap:anywhere}.daten dd.leer-wert{color:var(--muted)}.formular{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.feld{display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:13px;color:var(--sec);min-width:0}.feld.ganz{grid-column:1 / -1}.feld input,.feld select,.eingabe{width:100%;min-height:46px;padding:0 12px;border-radius:10px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);font-family:var(--sans);font-size:16px;transition:border-color .2s ease}.feld input:focus-visible,.feld select:focus-visible,.eingabe:focus-visible{outline:2px solid var(--rail);outline-offset:1px;border-color:var(--rail)}.feld input::placeholder,.eingabe::placeholder{color:var(--muted);opacity:.75}.feld select option{background:var(--tile);color:var(--text)}.haken{display:flex;align-items:center;gap:10px;min-height:44px;font-family:var(--sans);font-size:16px;color:var(--text);cursor:pointer}.haken input{width:18px;height:18px;accent-color:var(--accent)}.haken-liste{display:flex;flex-wrap:wrap;gap:4px 22px}.formular-unten{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.fehler{color:var(--gefahr-text);font-size:15px;font-weight:600}.leer{color:var(--sec);font-size:15px;padding:6px 0}.laden{color:var(--sec);font-size:15px;padding:40px 8px}.hinweis{color:var(--sec);font-size:15px;max-width:62ch}.meldung{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--rail);border-radius:14px;background:var(--bg)}.meldung code{font-family:var(--mono);font-size:14px;color:var(--accent-text);word-break:break-all}.protokoll{font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre-wrap;max-height:400px;overflow-y:auto;color:var(--sec);padding:14px;border-radius:12px;background:var(--bg)}.vorhang{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--vorhang);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:vorhang-ein .2s ease-out both}.dialog{width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:24px;background:var(--tile) linear-gradient(180deg,var(--licht),transparent 42%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--tiefe),var(--schwebe);animation:dialog-ein .26s var(--ease-out) both}.dialog.schmal{max-width:440px}.dialog-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-kopf h2{font-size:28px;line-height:1.02;font-stretch:112%;overflow-wrap:anywhere}.dialog-kopf .status{margin-top:10px}.dialog-teil{display:flex;flex-direction:column;gap:12px}.dialog-teil h3{font-size:20px}.schliessen{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--btn-border);border-radius:10px;color:var(--sec);cursor:pointer;transition:border-color .2s ease,color .2s ease}.dialog-unten{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}@keyframes vorhang-ein{0%{opacity:0}}@keyframes dialog-ein{0%{opacity:0;transform:translateY(10px) scale(.98)}}.anmeldung{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.anmeldung .kachel{width:100%;max-width:420px;padding:34px;display:flex;flex-direction:column;gap:22px}.anmeldung h1{font-size:44px;line-height:.95;font-stretch:112%;letter-spacing:-.024em;margin-top:4px}.anmeldung form{display:flex;flex-direction:column;gap:16px}.anmeldung .knopf{width:100%;min-height:48px;font-size:16px;margin-top:4px}.maschinen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--gap)}.maschine{padding:26px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:26px;align-items:center;transition:border-color .3s ease}.maschine.laeuft{border-color:color-mix(in srgb,var(--rail) 45%,var(--line))}.maschine.fertig{border-color:color-mix(in srgb,var(--warm) 55%,var(--line))}.maschine-bild{width:128px;height:160px;display:block}.maschine-text{display:flex;flex-direction:column;gap:8px;min-width:0}.maschine-text h2{font-size:20px;line-height:1.15;font-stretch:104%;font-weight:700;color:var(--sec);overflow-wrap:anywhere}.maschine-wort{font-family:var(--sans);font-size:52px;line-height:.95;font-weight:800;font-stretch:112%;letter-spacing:-.026em}.maschine.laeuft .maschine-wort{color:var(--accent-text)}.maschine.fertig .maschine-wort{color:var(--warm-text)}.maschine-zeit{display:flex;flex-direction:column;gap:2px;font-size:16px;color:var(--sec);margin-top:4px}.maschine-zeit b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.maschine-meldung{margin-top:6px}.wm-gehaeuse{fill:var(--bg);stroke:var(--sec);stroke-width:2}.wm-linie{stroke:var(--chip-border);stroke-width:2}.wm-anzeige{fill:var(--chip);stroke:var(--chip-border);stroke-width:1.5}.wm-taste{fill:none;stroke:var(--muted);stroke-width:1.5}.wm-tuer{fill:none;stroke:var(--sec);stroke-width:3.5}.wm-glas{fill:color-mix(in srgb,var(--rail) 7%,var(--tile))}.wm-loch{fill:var(--chip-border)}.wm-waesche{fill:color-mix(in srgb,var(--rail) 42%,var(--tile))}.wm-wasser{fill:color-mix(in srgb,var(--rail) 22%,transparent)}.wm-glanz{fill:none;stroke:var(--text);stroke-opacity:.22;stroke-width:2.5;stroke-linecap:round}.wm-waerme{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round}.maschine.laeuft .wm-tuer{stroke:var(--rail)}.maschine.laeuft .wm-anzeige{fill:color-mix(in srgb,var(--rail) 30%,var(--chip));stroke:var(--rail)}.maschine.fertig .wm-tuer{stroke:var(--warm)}.maschine.fertig .wm-anzeige{fill:color-mix(in srgb,var(--warm) 35%,var(--chip));stroke:var(--warm)}.maschine.fertig .wm-waesche{fill:color-mix(in srgb,var(--warm) 40%,var(--tile))}.wm-trommel,.wm-welle{transform-box:view-box}.wm-trommel{transform-origin:60px 89px}.maschine.laeuft .wm-trommel{animation:trommel 3.4s linear infinite}.maschine.laeuft.trockner .wm-trommel{animation-duration:2.4s}.maschine.laeuft .wm-welle{animation:welle 1.9s linear infinite}.maschine.fertig .wm-anzeige{animation:blinken 2.6s ease-in-out infinite}@keyframes trommel{to{transform:rotate(360deg)}}@keyframes welle{to{transform:translate(40px)}}@keyframes blinken{50%{opacity:.45}}.toast{position:fixed;left:50%;bottom:20px;z-index:500;transform:translate(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--tile);border:1px solid var(--rail);box-shadow:var(--tiefe),var(--schwebe);font-size:15px;font-weight:600;color:var(--text);animation:toast-ein .24s var(--ease-out) both}.toast.fehler-toast{border-color:var(--gefahr);color:var(--gefahr-text)}@keyframes toast-ein{0%{opacity:0;transform:translate(-50%,8px)}}.handy-leiste,.menue-knopf,.menue-vorhang{display:none}@media (hover: hover) and (pointer: fine){.menue a:not(.router-link-active):hover{color:var(--text);background:color-mix(in srgb,var(--nav-active) 60%,transparent)}.knopf:not(.rahmen):not(.leise):not(.gefahr):not(:disabled):hover{filter:brightness(1.07)}.knopf.rahmen:not(:disabled):hover,.knopf.leise:not(.gefahr):not(:disabled):hover,.schliessen:hover{border-color:var(--rail);color:var(--text)}.knopf.gefahr:not(:disabled):hover{border-color:var(--gefahr);background:color-mix(in srgb,var(--gefahr) 10%,transparent)}.textlink:not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}.zeile:hover{background:color-mix(in srgb,var(--nav-active) 70%,transparent)}.etikett .weg:hover,.mensch .weg:hover{color:var(--gefahr-text)}a.kachel:hover,.kachel.klickbar:hover{border-color:color-mix(in srgb,var(--rail) 45%,var(--line))}}@container (max-width: 820px){.s4,.s5,.s6,.s7,.s8{grid-column:span 12}}@container (max-width: 640px){.zahlen,.zahlen.drei{grid-template-columns:repeat(2,minmax(0,1fr))}.zahlen>:last-child:nth-child(odd){grid-column:span 2}.zahl b{font-size:36px}.block{padding:20px;gap:20px}.zeile-rechts .datum{display:none}.zeile{flex-wrap:wrap;row-gap:6px}.zeile-haupt{flex:1 1 100%}.zeile-rechts{flex:1 1 100%;flex-wrap:wrap;gap:6px 16px}.zeile:has(.zeile-haupt>.kreis) .zeile-rechts{padding-left:50px}.zeile:has(.zeile-haupt>.punkt) .zeile-rechts{padding-left:22px}.zeile-text small{white-space:normal;overflow-wrap:anywhere}.zeile.knapp{flex-wrap:nowrap}.zeile.knapp .zeile-haupt{flex:1 1 auto}.zeile.knapp .zeile-rechts{flex:none;padding-left:0!important}.maschine{grid-template-columns:92px minmax(0,1fr);gap:20px;padding:20px}.maschine-bild{width:92px;height:115px}.maschine-wort{font-size:42px}}@media (max-width: 900px){.app{display:block;padding:0 12px 12px}.handy-leiste{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:150;margin:0 -12px 6px;padding:8px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.handy-leiste .logo .marke{width:50px;height:24px}.handy-leiste .logo .wort{font-size:16px}.menue-knopf{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid var(--btn-border);border-radius:10px;cursor:pointer}.menue-knopf span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s var(--ease-out),opacity .2s ease}.menue-knopf.offen span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menue-knopf.offen span:nth-child(2){opacity:0}.menue-knopf.offen span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.seite{position:fixed;top:8px;bottom:8px;left:8px;height:auto;width:min(300px,calc(100vw - 56px));z-index:300;transform:translate(calc(-100% - 16px));visibility:hidden;transition:transform .3s var(--ease-out),visibility 0s linear .3s;box-shadow:var(--tiefe),var(--schwebe)}.seite.offen{transform:translate(0);visibility:visible;transition:transform .3s var(--ease-out),visibility 0s}.menue-vorhang{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--vorhang);opacity:0;pointer-events:none;transition:opacity .25s ease}.menue-vorhang.offen{opacity:1;pointer-events:auto}.kopf{padding:10px 4px 4px}.kachel{border-radius:18px}.dialog{padding:22px}.knopf.leise,.knopf.klein{min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.wm-trommel,.wm-welle,.wm-anzeige{animation:none!important}}