:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf6ef;--bg-karte:#fff;--bg-karte-hover:#fffaf1;--bg-feld:#fff;--rand:#ece2d2;--rand-leise:#f4ede1;--text:#271e10;--text-leise:#6f604a;--navy:#271e10;--navy-hover:#40331d;--akzent:#f59e0b;--akzent-tief:#b45309;--akzent-flaeche:#fdf1dc;--akzent-rand:#f3d9a8;--akzent-schrift:#2a1a04;--sonne-verlauf:linear-gradient(135deg, #fbc02d, #f59e0b);--ring-stop-1:#fbc02d;--ring-stop-2:#f59e0b;--gruen:#25a777;--gruen-text:#13724f;--gruen-flaeche:#eafaf4;--gruen-rand:#c2ebdc;--gelb:#f59f0a;--gelb-text:#8a4d0f;--gelb-flaeche:#fef5e7;--gelb-rand:#f7dfb6;--rot:#ef4444;--rot-text:#a71b1b;--rot-flaeche:#fdecec;--rot-rand:#f9c8c8;--radius:14px;--radius-karte:18px;--schatten:0 1px 2px #3f2e120f, 0 1px 3px #3f2e120d;--schatten-hoch:0 6px 14px -6px #3f2e1229;font-synthesis:none;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-bereich]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--bg-karte:#16161d;--bg-karte-hover:#1d1d26;--bg-feld:#101017;--rand:#2a2a36;--rand-leise:#23232e;--text:#f2f2f5;--text-leise:#9a9aab;--navy:#f2f2f5;--navy-hover:#d6d6de;--akzent:#ffb340;--akzent-tief:#ffb340;--akzent-flaeche:#ffb3401f;--akzent-rand:#ffb34057;--akzent-schrift:#1a1205;--sonne-verlauf:linear-gradient(135deg, #ffd76e, #ffb340);--ring-stop-1:#ffd76e;--ring-stop-2:#ffb340;--gruen:#3ddc84;--gruen-text:#a8f0c8;--gruen-flaeche:#3ddc841f;--gruen-rand:#3ddc844d;--gelb:#ffb340;--gelb-text:#ffd9a0;--gelb-flaeche:#ffb3401c;--gelb-rand:#ffb3404d;--rot:#ff6b6b;--rot-text:#ffb3b3;--rot-flaeche:#ff6b6b1f;--rot-rand:#ff6b6b4d;--schatten:0 1px 2px #0006;--schatten-hoch:0 8px 18px -8px #0000008c}}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.huelle{max-width:520px;margin:0 auto;padding:20px 16px 96px}.kopf{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:20px;display:flex}.kopf h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.kopf-unter{color:var(--text-leise);margin:2px 0 0;font-size:13px}.zurueck{color:var(--text-leise);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 4px 8px 0;font-family:inherit;font-size:15px;display:inline-flex}.zurueck:hover{color:var(--text)}.gruss-kopf{margin-bottom:18px}.gruss-titel{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.gruss-unter{color:var(--text-leise);margin:3px 0 0;font-size:14px}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);margin-bottom:12px;padding:16px}.karte-klickbar{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;transition:background .15s,border-color .15s,box-shadow .15s}.karte-klickbar:hover:not(:disabled){background:var(--bg-karte-hover);border-color:var(--akzent-rand);box-shadow:var(--schatten-hoch)}.karte-klickbar:disabled{opacity:.5;cursor:not-allowed}.karte-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.karte-titel{font-size:17px;font-weight:600}.karte-zeile{color:var(--text-leise);margin-top:4px;font-size:14px}.karte-akzent{border-color:var(--akzent)}.karte-gruen{border-color:var(--gruen)}.tarif-gewaehlt{border-color:var(--akzent);background:var(--akzent-flaeche)}.willkommen-karte{background:linear-gradient(135deg, var(--akzent-flaeche), var(--bg-karte) 70%);border-color:var(--akzent-rand)}.marke{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.marke-frei{background:var(--gruen-flaeche);color:var(--gruen-text);box-shadow:inset 0 0 0 1px var(--gruen-rand)}.marke-belegt{background:var(--gelb-flaeche);color:var(--gelb-text);box-shadow:inset 0 0 0 1px var(--gelb-rand)}.marke-offline{background:var(--rot-flaeche);color:var(--rot-text);box-shadow:inset 0 0 0 1px var(--rot-rand)}.punkt{background:currentColor;border-radius:50%;width:7px;height:7px}.knopf{border-radius:var(--radius);background:var(--akzent);width:100%;color:var(--akzent-schrift);cursor:pointer;box-shadow:var(--schatten);border:none;padding:15px 18px;font-family:inherit;font-size:16px;font-weight:650;transition:filter .15s;display:block}.knopf:hover:not(:disabled){filter:brightness(1.06)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-zweit{background:var(--bg-karte);border:1px solid var(--rand);color:var(--text);box-shadow:none}.knopf-zweit:hover:not(:disabled){background:var(--bg-karte-hover);filter:none}.knopf-anbieter{border:1px solid var(--rand);border-radius:var(--radius);color:#1f1f1f;cursor:pointer;width:100%;box-shadow:var(--schatten);background:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.knopf-anbieter:hover:not(:disabled){filter:brightness(.97)}.knopf-anbieter:disabled{opacity:.55;cursor:not-allowed}.trenner{color:var(--text-leise);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.trenner:before,.trenner:after{content:"";border-top:1px solid var(--rand);flex:1}.knopf-still{color:var(--text-leise);cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:inherit;font-size:14px}.knopf-still:hover{color:var(--text)}.feld{border:1px solid var(--rand);border-radius:var(--radius);background:var(--bg-feld);width:100%;color:var(--text);margin-bottom:10px;padding:14px 16px;font-family:inherit;font-size:16px}.feld:focus{outline:2px solid var(--akzent);outline-offset:-1px}label{color:var(--text-leise);margin-bottom:6px;font-size:13px;display:block}.meldung{border-radius:var(--radius);margin-bottom:12px;padding:13px 15px;font-size:14px;line-height:1.45}.meldung-fehler{background:var(--rot-flaeche);border:1px solid var(--rot-rand);color:var(--rot-text)}.meldung-gut{background:var(--gruen-flaeche);border:1px solid var(--gruen-rand);color:var(--gruen-text)}.meldung-hinweis{background:var(--gelb-flaeche);border:1px solid var(--gelb-rand);color:var(--gelb-text)}.leise{color:var(--text-leise);font-size:14px;line-height:1.5}.mitte{text-align:center}.anmelde-huelle{padding-top:max(11vh,40px)}.anmelde-kopf{text-align:center;margin-bottom:26px}.anmelde-kopf .gruss-titel{margin-top:14px}.tab-leiste{z-index:40;background:color-mix(in srgb, var(--bg-karte) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-leiste-inhalt{width:100%;max-width:520px;margin:0 auto;display:flex}.tab-punkt{cursor:pointer;color:var(--text-leise);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 7px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.tab-punkt-aktiv{color:var(--akzent-tief)}.buehne{text-align:center;background:var(--bg-karte);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:20px;margin-bottom:16px;padding:32px 20px}.buehne-lauf{background:linear-gradient(160deg, var(--akzent-flaeche), var(--bg-karte));border-color:var(--akzent-rand)}.uhr{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:8px 0;font-size:60px;font-weight:250;line-height:1.05}.uhr-akzent{color:var(--akzent-tief)}.buehne-titel{color:var(--text-leise);text-transform:uppercase;letter-spacing:.07em;font-size:15px;font-weight:600}.ring-umfeld{width:min(240px,70vw);margin:14px auto 6px;position:relative}.ring-svg{width:100%;height:auto;display:block;transform:rotate(-90deg)}.ring-spur{fill:none;stroke:var(--rand);stroke-width:11px}.ring-wert{fill:none;stroke-width:11px;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.ring-mitte{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.ring-mitte .uhr{margin:0;font-size:46px}.balken{background:var(--rand);border-radius:999px;height:5px;margin-top:20px;overflow:hidden}.balken-fuellung{background:var(--akzent);border-radius:999px;height:100%;transition:width .5s linear}.reihe{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:baseline;padding:11px 0;display:flex}.reihe:last-child{border-bottom:none}.reihe-wert{font-weight:600}.laden{text-align:center;color:var(--text-leise);padding:48px 20px}.stapel>*+*{margin-top:10px}.fuss{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 68%, transparent);position:fixed;bottom:0;left:0;right:0}.fuss-inhalt{max-width:520px;margin:0 auto}@media (prefers-reduced-motion:reduce){*{transition:none!important}}[data-bereich=betrieb]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f6;--bg-karte:#fff;--bg-karte-hover:#f8fafc;--bg-feld:#fff;--rand:#e2e8f0;--rand-leise:#f1f5f9;--text:#020817;--text-leise:#64748b;--navy:#111f3a;--navy-hover:#223659;--akzent:#5e25e4;--akzent-flaeche:#f2edfd;--akzent-rand:#d8cbf6;--akzent-schrift:#fff;--gruen:#25a777;--gruen-text:#13724f;--gruen-flaeche:#eafaf4;--gruen-rand:#c2ebdc;--gelb:#f59f0a;--gelb-text:#8a4d0f;--gelb-flaeche:#fef5e7;--gelb-rand:#f7dfb6;--rot:#ef4444;--rot-text:#a71b1b;--rot-flaeche:#fdecec;--rot-rand:#f9c8c8;--radius:10px;--radius-karte:18px;--schatten:0 1px 2px #0208170f, 0 1px 3px #0208170a;--schatten-hoch:0 4px 6px -1px #02081714, 0 2px 4px -2px #0208170d}[data-bereich=betrieb] .karte{border-radius:var(--radius-karte);box-shadow:var(--schatten)}[data-bereich=betrieb] .karte-klickbar:hover:not(:disabled){border-color:var(--akzent-rand);box-shadow:var(--schatten-hoch)}[data-bereich=betrieb] .meldung-fehler{background:var(--rot-flaeche);border-color:var(--rot-rand);color:var(--rot-text)}[data-bereich=betrieb] .meldung-gut{background:var(--gruen-flaeche);border-color:var(--gruen-rand);color:var(--gruen-text)}[data-bereich=betrieb] .meldung-hinweis{background:var(--gelb-flaeche);border-color:var(--gelb-rand);color:var(--gelb-text)}[data-bereich=betrieb] .marke-frei{background:var(--gruen-flaeche);color:var(--gruen-text);box-shadow:inset 0 0 0 1px var(--gruen-rand)}[data-bereich=betrieb] .marke-belegt{background:var(--gelb-flaeche);color:var(--gelb-text);box-shadow:inset 0 0 0 1px var(--gelb-rand)}[data-bereich=betrieb] .marke-offline{background:var(--rot-flaeche);color:var(--rot-text);box-shadow:inset 0 0 0 1px var(--rot-rand)}[data-bereich=betrieb] .feld:focus{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}[data-bereich=betrieb] .knopf{box-shadow:var(--schatten)}[data-bereich=betrieb] .knopf-zweit{background:var(--bg-karte);border-color:var(--rand)}[data-bereich=betrieb] .knopf-zweit:hover:not(:disabled){background:var(--bg-karte-hover);border-color:var(--akzent-rand);color:var(--akzent)}.betrieb-seite{background:var(--bg);min-height:100vh;color:var(--text)}.betrieb-kopfzeile{z-index:30;background:var(--navy);border-bottom:1px solid #ffffff14;position:sticky;top:0}.betrieb-kopfzeile-inhalt{flex-wrap:wrap;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:10px 20px;display:flex}.betrieb-marke{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.betrieb-marke-zeichen{background:var(--akzent);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.betrieb-rolle{text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c;border:1px solid #ffffff29;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.betrieb-nav{flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto;display:flex}.betrieb-nav-punkt{color:#ffffffad;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.betrieb-nav-punkt:hover{background:var(--navy-hover);color:#fff}.betrieb-nav-punkt--aktiv{color:#fff;background:#ffffff1a}.betrieb-nav-punkt--aktiv:hover{background:#ffffff24}.betrieb-nav-trenner{background:#ffffff24;width:1px;height:22px;margin:0 6px}.betrieb-flaeche{max-width:1240px;margin:0 auto;padding:22px 20px 64px}.sektion{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.sektion-zeichen{background:var(--akzent-flaeche);border:1px solid var(--akzent-rand);width:52px;height:52px;color:var(--akzent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.sektion-text{min-width:0}.sektion-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--akzent);margin:0;font-size:11px;font-weight:800}.sektion-titelzeile{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.sektion-titel{letter-spacing:-.025em;color:var(--navy);margin:0;font-size:30px;font-weight:800;line-height:1.15}.sektion-zaehler{border:1px solid var(--rand);background:var(--bg-karte-hover);color:#475569;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.sektion-unter{max-width:62ch;color:var(--text-leise);margin:8px 0 0;font-size:14.5px;line-height:1.55}.sektion-aktion{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.zurueck-band{min-height:36px;font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:8px;padding:0 2px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.zurueck-band:hover{color:var(--akzent)}.werkzeugleiste{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.suche{flex:260px;min-width:200px;position:relative}.suche>svg{color:var(--text-leise);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.suche>.feld{height:42px;margin:0;padding-left:40px;font-size:14.5px}.werkzeugleiste>.feld{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 11px center;background-repeat:no-repeat;width:auto;height:42px;margin:0;padding:0 34px 0 13px;font-size:14.5px}.liste{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);overflow:hidden}.listenzeile{border-bottom:1px solid var(--rand-leise);align-items:center;gap:16px;padding:14px 20px;transition:background .12s;display:flex}.listenzeile:last-child{border-bottom:none}.listenzeile:hover{background:var(--bg-karte-hover)}.listenzeile-haupt{flex:220px;min-width:0}.listenzeile-titel{color:var(--text);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;font-size:15.5px;font-weight:700;display:flex}.listenzeile-unter{color:var(--text-leise);margin-top:3px;font-size:13px}.listenzeile-werte{flex-shrink:0;align-items:center;gap:26px;display:flex}.wert{width:118px}.wert-name{text-transform:uppercase;letter-spacing:.11em;color:#94a3b8;font-size:10.5px;font-weight:700;display:block}.wert-inhalt{color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:600;display:block}@media (width<=900px){.listenzeile-werte{display:none}}.listenzeile-aktionen{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.stift{width:38px;height:38px;color:var(--text-leise);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:background .12s,color .12s,border-color .12s;display:grid}.stift:hover{background:var(--akzent-flaeche);border-color:var(--akzent-rand);color:var(--akzent)}.pille{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pille>svg{flex-shrink:0}.pille-gut{background:var(--gruen-flaeche);color:var(--gruen-text);box-shadow:inset 0 0 0 1px var(--gruen-rand)}.pille-warn{background:var(--gelb-flaeche);color:var(--gelb-text);box-shadow:inset 0 0 0 1px var(--gelb-rand)}.pille-fehler{background:var(--rot-flaeche);color:var(--rot-text);box-shadow:inset 0 0 0 1px var(--rot-rand)}.pille-neutral{background:var(--bg-karte-hover);color:#475569;box-shadow:inset 0 0 0 1px var(--rand)}.pille-akzent{background:var(--akzent-flaeche);color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent-rand)}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.kennzahl{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);color:inherit;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}a.kennzahl:hover{border-color:var(--akzent-rand);box-shadow:var(--schatten-hoch)}.kennzahl-kopf{text-transform:uppercase;letter-spacing:.12em;color:var(--text-leise);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.kennzahl-wert{letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;font-weight:800;line-height:1}.kennzahl-unter{color:var(--text-leise);margin-top:6px;font-size:13px}.klapper{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);overflow:hidden}.klapper+.klapper{margin-top:12px}.klapper>summary{cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:15px 20px;font-size:14.5px;font-weight:700;list-style:none;display:flex}.klapper>summary::-webkit-details-marker{display:none}.klapper>summary:hover{background:var(--bg-karte-hover)}.klapper>summary>.klapper-pfeil{color:var(--text-leise);margin-left:auto;transition:transform .18s}.klapper[open]>summary>.klapper-pfeil{transform:rotate(180deg)}.klapper>summary>.klapper-unter{color:var(--text-leise);font-size:13px;font-weight:500}.klapper-inhalt{border-top:1px solid var(--rand-leise);padding:4px 20px 20px}.einstellungen-raster{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1000px){.einstellungen-raster{grid-template-columns:264px minmax(0,1fr)}}.seitenleiste{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten);padding:14px}@media (width>=1000px){.seitenleiste{position:sticky;top:76px}}.seitenleiste-gruppe+.seitenleiste-gruppe{margin-top:18px}.seitenleiste-gruppe>h3{text-transform:uppercase;letter-spacing:.16em;color:#94a3b8;margin:0 0 6px;padding:0 12px;font-size:10.5px;font-weight:800}.seitenleiste-punkt{width:100%;min-height:42px;font:inherit;color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.seitenleiste-punkt:hover{background:var(--bg-karte-hover);color:var(--text)}.seitenleiste-punkt>svg{color:#94a3b8;flex-shrink:0}.seitenleiste-punkt:hover>svg{color:var(--akzent)}.seitenleiste-punkt--aktiv,.seitenleiste-punkt--aktiv:hover{background:var(--navy);color:#fff}.seitenleiste-punkt--aktiv>svg,.seitenleiste-punkt--aktiv:hover>svg{color:#fff}.seitenleiste-punkt>.seitenleiste-zeichen{margin-left:auto}.seitenleiste-punkt>.seitenleiste-zeichen--warn{color:var(--gelb)}.seitenleiste-punkt--aktiv>.seitenleiste-zeichen--warn{color:#fbbf24}.seitenleiste-punkt>.seitenleiste-zeichen--gut{background:var(--gruen);border-radius:50%;width:8px;height:8px}.dialog-hintergrund{z-index:60;background:#02081773;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--bg-karte);border:1px solid var(--rand);border-radius:20px;width:100%;max-width:540px;margin:auto;box-shadow:0 20px 40px -12px #0208174d}.dialog-kopf{border-bottom:1px solid var(--rand-leise);align-items:flex-start;gap:14px;padding:20px 22px 14px;display:flex}.dialog-kopf h2{letter-spacing:-.02em;color:var(--navy);margin:0;font-size:19px;font-weight:800}.dialog-kopf p{color:var(--text-leise);margin:3px 0 0;font-size:13.5px;line-height:1.5}.dialog-schliessen{width:34px;height:34px;color:var(--text-leise);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.dialog-schliessen:hover{background:var(--bg-karte-hover);color:var(--text)}.dialog-koerper{padding:18px 22px}.dialog-fuss{justify-content:flex-end;gap:10px;padding:14px 22px 20px;display:flex}.dialog-fuss>.knopf{width:auto;padding:11px 22px;font-size:15px}.dialog-feld+.dialog-feld{margin-top:15px}.dialog-feld>label{color:#334155;margin-bottom:5px;font-size:13px;font-weight:600}.dialog-feld>.feld{margin-bottom:0}.dialog-feld>.hinweis{color:var(--text-leise);margin:6px 0 0;font-size:12.5px;line-height:1.5}.leer{text-align:center;color:var(--text-leise);padding:44px 24px;font-size:14.5px}.knopf-haupt{background:var(--akzent);width:auto;min-height:42px;color:var(--akzent-schrift);font:inherit;cursor:pointer;box-shadow:var(--schatten);border:none;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.knopf-haupt:hover:not(:disabled){filter:brightness(1.1)}.knopf-haupt:disabled{opacity:.5;cursor:not-allowed}.knopf-rand{border:1px solid var(--rand);background:var(--bg-karte);width:auto;min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.knopf-rand:hover:not(:disabled){border-color:var(--akzent-rand);background:var(--akzent-flaeche);color:var(--akzent)}.knopf-rand:disabled{opacity:.5;cursor:not-allowed}.etikett{color:#111;background:#fff;border:3px solid #111;border-radius:8px;max-width:640px;padding:24px}.etikett h1{letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:1.6rem}.etikett h2{margin:14px 0 6px;font-size:1.1rem}.etikett h3{margin:14px 0 6px;font-size:1rem}.etikett table{border-collapse:collapse;width:100%;margin-top:6px}.etikett th,.etikett td{text-align:left;border:1px solid #333;padding:6px 8px;font-size:.9rem}.etikett-warntext{font-weight:600}.etikett-fussnote{color:#333;margin-top:8px;font-size:.8rem}@media print{.kein-druck,.kopf,.tab-leiste,.betrieb-kopfzeile{display:none!important}body{background:#fff}.etikett{border-width:4px;max-width:none}}.tabelle{border-collapse:collapse;width:100%;font-size:.9rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--rand-leise);padding:8px 10px}.tabelle th{color:var(--text-leise);font-weight:600}[data-bereich=plattform]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1226;--bg-karte:#121f3d;--bg-karte-hover:#182a52;--bg-feld:#0d1730;--rand:#263a63;--rand-leise:#1c2c50;--text:#eef2f6;--text-leise:#8fa3c6;--navy:#f2f6fb;--navy-hover:#223659;--akzent:#14b8ca;--akzent-flaeche:#14b8ca1f;--akzent-rand:#14b8ca61;--akzent-schrift:#04222a;--gruen:#34d399;--gruen-text:#7cebbc;--gruen-flaeche:#34d39921;--gruen-rand:#34d39952;--gelb:#fbbf24;--gelb-text:#fcd34d;--gelb-flaeche:#fbbf2421;--gelb-rand:#fbbf2452;--rot:#f87171;--rot-text:#fda4a4;--rot-flaeche:#f8717121;--rot-rand:#f8717152;--radius:10px;--radius-karte:18px;--schatten:0 1px 2px #00000059;--schatten-hoch:0 8px 18px -8px #0000008c}[data-bereich=plattform] .betrieb-kopfzeile{background:#060b1a;border-bottom-color:#ffffff12}[data-bereich=plattform] .sektion-zaehler,[data-bereich=plattform] .pille-neutral{background:var(--bg-karte-hover);color:var(--text-leise);border-color:var(--rand);box-shadow:inset 0 0 0 1px var(--rand)}[data-bereich=plattform] .dialog-feld>label,[data-bereich=plattform] .seitenleiste-punkt{color:var(--text-leise)}[data-bereich=plattform] .karte{border-radius:var(--radius-karte);box-shadow:var(--schatten)}[data-bereich=plattform] .knopf-rand{background:0 0}[data-bereich=plattform] .feld:focus{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}.quiz-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.quiz-start{text-align:center}.quiz-start-sonne{margin-bottom:10px;font-size:46px;line-height:1}.quiz-start h2{margin-bottom:8px}.quiz-start .knopf{margin-top:16px}.quiz-start .knopf-zweit{margin-top:8px}.quiz-fortschritt{width:72px;height:72px;margin:4px auto 16px;position:relative}.quiz-sonnenkern{background:var(--akzent);border-radius:50%;position:absolute;inset:24px;box-shadow:0 0 14px #ffb34073}.quiz-strahl{background:var(--rand);transform-origin:2px 6px;border-radius:2px;width:4px;height:12px;transition:background-color .24s;position:absolute;top:30px;left:34px}.quiz-strahl-voll{background:var(--akzent)}.quiz-fieldset{border:0;margin:0;padding:0}.quiz-frage-text{margin-bottom:14px;font-size:1.15rem;font-weight:650;line-height:1.35}.quiz-karten{gap:10px;display:grid}.quiz-karte{border:2px solid var(--rand);background:var(--bg-karte);width:100%;min-height:60px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:border-color .16s,background-color .16s,transform .12s;display:flex}.quiz-karte:hover{border-color:var(--akzent)}.quiz-karte:active{transform:scale(.98)}.quiz-karte:focus-within,.quiz-karte:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.quiz-karte-aktiv{border-color:var(--akzent);background:var(--akzent-flaeche)}.quiz-radio{opacity:0;width:1px;height:1px;position:absolute}.quiz-badge{border:2px solid var(--rand);background:var(--bg);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:700;transition:background-color .16s,color .16s,border-color .16s;display:grid}.quiz-karte-aktiv .quiz-badge,.quiz-karte:hover .quiz-badge{background:var(--akzent);border-color:var(--akzent);color:#fff}.quiz-kachel{border:2px solid #0000001f;border-radius:12px;flex:none;width:44px;height:44px}.quiz-kachel-auge{border-radius:50%}.quiz-antwort-text{line-height:1.35}.quiz-fussnote{color:var(--text-leise);margin-top:12px;font-size:.82rem}.quiz-rein{animation:.26s cubic-bezier(.22,1,.36,1) quiz-rein}.quiz-raus{animation:.26s forwards quiz-raus}@keyframes quiz-rein{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-raus{to{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){.quiz-rein,.quiz-raus{animation:none}.quiz-strahl{transition:none}}.quiz-checkzeile{align-items:flex-start;gap:10px;margin:10px 0;font-size:.9rem;line-height:1.4;display:flex}.quiz-checkzeile input{margin-top:3px}.quiz-canvas{border:2px dashed var(--rand);background:var(--bg-karte);touch-action:none;border-radius:12px;width:100%;height:160px}.quiz-ergebnis{border-radius:var(--radius-karte);color:#2a2018;box-shadow:var(--schatten);margin-bottom:14px;padding:26px 22px}.quiz-ergebnis-dunkel{color:#fdf6ee}.quiz-ergebnis-typ{letter-spacing:-.01em;font-size:2rem;font-weight:750}.quiz-ergebnis-name{margin-top:2px;font-size:1.05rem;font-weight:600}.quiz-ergebnis-braeunung{opacity:.85;margin-top:6px}.quiz-ergebnis-score{margin-top:10px;font-weight:650}.quiz-ergebnis-merkmale{gap:3px;margin:12px 0 0;padding-left:18px;font-size:.9rem;display:grid}@media print{.quiz .kopf,.quiz .knopf,.quiz .knopf-zweit{display:none!important}}