:root{--lime:#d4f000;--lime-hell:#f3fbc2;--lime-tief:#9db300;--tuerkis:#00bfaf;--tuerkis-text:#00796f;--tuerkis-hell:#ddf6f3;--schwarz:#000;--kohle:#16181a;--weiss:#fff;--flaeche:#f3f5f4;--flaeche-2:#e9edeb;--linie:#dde3e0;--text:#0a0b0b;--text-2:#56625e;--text-3:#85908c;--rot:#b42318;--orange:#b54708;--radius:20px;--radius-m:14px;--radius-s:10px;--schatten:0 1px 2px #0a0b0b0f, 0 8px 24px #0a0b0b0f;--schrift:"Asen Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--flaeche);min-height:100%;color:var(--text);font-family:var(--schrift);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.45}#app{flex-direction:column;min-height:100dvh;display:flex}.leiste{background:var(--schwarz);color:var(--weiss);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;align-items:center;gap:12px;display:flex}.leiste img{border-radius:8px;width:32px;height:32px}.leiste .titel{letter-spacing:.01em;font-weight:700}.leiste .rechts{color:var(--text-3);margin-left:auto;font-size:14px}.inhalt{width:100%;max-width:720px;padding:20px 16px calc(env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.inhalt.breit{max-width:1100px}.karte{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:16px;padding:20px}.karte h2{margin:0 0 8px;font-size:20px}.karte p{color:var(--text-2);margin:0 0 12px}.platzhalter{border:2px dashed var(--linie);border-radius:var(--radius-m);color:var(--text-3);margin-bottom:12px;padding:14px 16px}.platzhalter strong{color:var(--text-2)}button,.knopf{font:inherit;border-radius:var(--radius-m);cursor:pointer;background:var(--lime);min-height:48px;color:var(--schwarz);border:none;width:100%;padding:14px 18px;font-weight:700}button.zweit{background:var(--flaeche-2);color:var(--text);font-weight:600}button.klein{width:auto;min-height:36px;padding:6px 12px;font-size:15px}button.gefahr{color:var(--rot);background:#fde8e7}button:disabled{opacity:.5;cursor:default}button+button{margin-top:10px}label{margin:12px 0 6px;font-weight:600;display:block}input,select,textarea{font:inherit;border:1px solid var(--linie);border-radius:var(--radius-s);background:var(--weiss);width:100%;padding:12px 14px}input.code{letter-spacing:.12em;text-transform:uppercase;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px}.meldung{border-radius:var(--radius-s);margin:12px 0;padding:12px 14px}.meldung.fehler{color:var(--rot);background:#fde8e7}.meldung.hinweis{background:var(--tuerkis-hell);color:var(--tuerkis-text)}.meldung.gut{background:var(--lime-hell);color:#3d4600}.zeile{border-bottom:1px solid var(--flaeche-2);align-items:center;gap:12px;padding:12px 0;display:flex}.zeile:last-child{border-bottom:none}.zeile .rechts{gap:8px;margin-left:auto;display:flex}.marke-stand{background:var(--flaeche-2);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:13px}.marke-stand.freigegeben{background:var(--lime-hell)}.marke-stand.wartet{color:var(--orange);background:#fff1d6}.marke-stand.gesperrt{color:var(--rot);background:#fde8e7}.gross-code{letter-spacing:.1em;text-align:center;background:var(--schwarz);color:var(--lime);border-radius:var(--radius-m);margin:12px 0;padding:18px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:34px}.klein-text{color:var(--text-3);font-size:14px}.test-band{background:repeating-linear-gradient(45deg, var(--orange), var(--orange) 10px, #c25a1c 10px, #c25a1c 20px);color:var(--weiss);text-align:center;padding:3px;font-size:13px;font-weight:700}.anmeldung{background:var(--schwarz);min-height:100dvh;color:var(--weiss);padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);justify-content:center;align-items:center;display:flex}.test-band+.anmeldung{flex:1;min-height:0}.anmeldung-kasten{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.anmeldung-zeichen{border-radius:16px;width:64px;height:64px}.anmeldung h1{margin:0;font-size:30px}.anmeldung h1 span{color:var(--lime)}.anmeldung .leise{color:#a8b3af;margin:0}.anmeldung .gross{margin:0;font-size:24px;font-weight:700}.anmeldung label{color:#a8b3af;margin:0}.anmeldung input{background:var(--kohle);color:var(--weiss);border-color:#2b3033}.anmeldung .klein-text{color:#7f8b87;text-align:center}.anmeldung button+button{margin-top:0}button.dunkel{background:var(--kohle);color:var(--weiss);border:1px solid #2b3033}.reiter{background:var(--schwarz);gap:4px;padding:0 16px;display:flex;overflow-x:auto}.reiter a{color:#a8b3af;white-space:nowrap;border-bottom:3px solid #0000;padding:10px 14px;font-weight:600;text-decoration:none}.reiter a.an{color:var(--weiss);border-bottom-color:var(--lime)}.raster{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.kiste{background:var(--weiss);border-radius:var(--radius-m);box-shadow:var(--schatten);padding:14px 16px}.kiste.spaeter{box-shadow:none;border:2px dashed var(--linie);color:var(--text-3);background:0 0}.kiste b{display:block}.ohne-netz{color:var(--orange);text-align:center;background:#fff1d6;padding:6px;font-size:14px}a.link{color:var(--tuerkis-text)}.abschnitt-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:22px 0 8px;font-size:13px;font-weight:700}.gross-knopf{text-align:left;background:var(--lime);border-radius:var(--radius);align-items:center;gap:14px;width:100%;margin-bottom:16px;padding:18px;display:flex}.gross-knopf .wort{flex:1}.gross-knopf .wort small{color:#3c4500;font-weight:400;display:block}:root{--kohle-2:#23272a;--ok:#146c43;--ok-hell:#e3f5ea;--warn-hell:#fff1db;--rot-hell:#fde8e7;--schatten-gross:0 30px 80px #00000059}.ikon{vertical-align:middle;flex:none;width:20px;height:20px;display:inline-block}.ikon.ikon-k{width:16px;height:16px}.ikon.ikon-g{width:26px;height:26px}.app-seite{flex-direction:column;flex:1;display:flex}.app-kopf{background:var(--schwarz);color:var(--weiss);padding:calc(env(safe-area-inset-top) + 10px) 16px 18px;flex-direction:column;gap:10px;display:flex}.app-kopf>*{width:100%;max-width:688px;margin-left:auto;margin-right:auto}.app-kopf-oben{grid-template-columns:1fr minmax(0,max-content) 1fr;align-items:center;gap:8px;min-height:44px;display:grid}.app-kopf-oben .app-kopf-links{justify-content:flex-start;align-items:center;display:flex}.app-kopf-oben .app-kopf-titel{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.app-kopf-oben .app-kopf-rechts{justify-content:flex-end;align-items:center;display:flex}.app-kopf-oben img.app-zeichen{border-radius:8px;width:32px;height:32px}.app-kopf h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:2px;margin-bottom:0;font-size:28px;line-height:1.15}.app-kopf h1 .chip{vertical-align:.25em;letter-spacing:0;margin-left:10px}.app-kopf .app-kopf-unter{color:#a8b3af;margin-top:-4px;font-size:15px}.kopf-zurueck{min-height:44px;color:inherit;white-space:nowrap;background:#ffffff1f;border-radius:999px;align-items:center;gap:2px;padding:0 14px 0 8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.kopf-zurueck:active{background:#ffffff3d}.kopf-zurueck>.ikon-k{margin:0 4px 0 1px}.kopf-aendern{color:inherit;border-radius:var(--radius-s);align-items:flex-end;gap:12px;text-decoration:none;display:flex}.kopf-aendern:active{opacity:.75}.kopf-aendern .kopf-aendern-wort{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kopf-aendern .app-kopf-unter{margin-top:0}.kopf-aendern .kopf-stift{min-height:36px;color:var(--lime);background:#ffffff1f;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}@media (max-width:429px){.nur-breit{display:none}}.app-inhalt{flex-direction:column;flex:1;gap:14px;width:100%;max-width:720px;margin:0 auto;padding:16px 16px 24px;display:flex}.app-inhalt>*{flex-shrink:0}.app-inhalt .abschnitt-titel{margin:8px 2px -4px}.app-fuss{z-index:5;padding:20px 16px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(180deg, #f3f5f400 0, var(--flaeche) 18px);position:sticky;bottom:0}.app-fuss-innen{flex-direction:column;gap:8px;max-width:688px;margin:0 auto;display:flex}.app-fuss-innen .klein-text{text-align:center}.knopf-reihe{gap:10px;display:flex}.knopf-reihe>*{margin:0}.knopf-reihe>.knopf-haupt{flex:1}.knopf-reihe>.knopf-vorige{flex:0 auto;gap:4px;min-width:0;padding:0 12px 0 8px;font-size:15px;line-height:1.15}.knopf-reihe>.knopf-vorige~.knopf-haupt{white-space:nowrap;flex:1 0 auto;padding:0 16px}.knopf-vorige>span{text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.knopf-haupt,.knopf-rand{width:auto;min-height:56px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 22px;font-size:17px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .2s;display:inline-flex}.knopf-haupt{background:var(--lime);color:var(--schwarz);border:none;box-shadow:0 6px 18px #d4f00059}.knopf-rand{background:var(--weiss);color:var(--text);border:1.5px solid var(--linie)}.knopf-haupt:active,.knopf-rand:active{transform:scale(.98)}.knopf-haupt:disabled{opacity:.45;box-shadow:none;cursor:default}.knopf-block{width:100%}.chip{white-space:nowrap;background:var(--flaeche-2);min-height:26px;color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip .ikon{width:14px;height:14px}.chip.chip-ok{background:var(--ok-hell);color:var(--ok)}.chip.chip-warn{background:var(--warn-hell);color:var(--orange)}.chip.chip-fehler{background:var(--rot-hell);color:var(--rot)}.chip.chip-dunkel{background:var(--kohle-2);color:var(--weiss)}.chip.chip-lime{background:var(--lime);color:var(--schwarz)}.chip.chip-sp{color:var(--text-2);background:0 0;border:1.5px dashed #9aa5a1}.listen-karte{background:var(--weiss);border-radius:var(--radius-m);box-shadow:var(--schatten);overflow:hidden}.listen-eintrag{border-bottom:1px solid var(--flaeche-2);min-height:64px;color:inherit;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.listen-eintrag:last-child{border-bottom:none}.listen-eintrag:active{background:var(--flaeche)}.listen-eintrag .listen-wort{flex:1;min-width:0}.listen-eintrag .listen-wort b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.listen-eintrag .listen-wort span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.listen-eintrag>.ikon{color:var(--text-3)}.avatar{background:var(--flaeche-2);width:44px;height:44px;color:var(--text-2);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.avatar.avatar-lime{background:var(--lime);color:var(--schwarz)}.avatar.avatar-tuerkis{background:var(--tuerkis);color:var(--schwarz)}.avatar.avatar-dunkel{background:var(--schwarz);color:var(--lime)}.neu-karte{background:var(--lime);color:var(--schwarz);border-radius:var(--radius);align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex;box-shadow:0 8px 24px #9db30040}.neu-karte:active{transform:scale(.99)}.neu-karte .avatar{border-radius:16px;width:54px;height:54px}.neu-karte .neu-wort{flex:1}.neu-karte .neu-wort b{font-size:19px;display:block}.neu-karte .neu-wort span{color:#3c4500;font-size:14px;display:block}.leer-karte{background:var(--weiss);border-radius:var(--radius-m);color:var(--text-2);box-shadow:var(--schatten);padding:16px;font-size:15px}.spaeter-block{border-radius:var(--radius-m);color:var(--text-2);background:repeating-linear-gradient(-45deg,#0a0b0b05 0 10px,#0000 10px 20px);border:1.5px dashed #aeb8b4;padding:14px 16px}.spaeter-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-bottom:4px;display:flex}.spaeter-kopf h4{color:var(--text);flex:11em;margin:0;font-size:15px}.spaeter-block p{margin:0;font-size:14px}.tipp{border-radius:var(--radius-m);background:var(--tuerkis-hell);color:#0b4f49;align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;display:flex}.tipp>.ikon{margin-top:1px}.tipp>div{flex:1;min-width:0}.tipp.tipp-gelb{background:var(--lime-hell);color:#4a5400}.tipp.tipp-warn{background:var(--warn-hell);color:#7a3300}.tipp.tipp-grau{background:var(--flaeche-2);color:var(--text-2)}.tipp.tipp-rot{background:var(--rot-hell);color:var(--rot)}.tipp button.tipp-knopf{background:var(--weiss);width:auto;min-height:44px;color:inherit;border:1.5px solid;border-radius:999px;margin-top:8px;padding:0 16px;font-size:15px;display:block}.feld{flex-direction:column;gap:6px;min-width:0;display:flex}.feld>label{color:var(--text-2);margin:0;font-size:14px;font-weight:600}.feld>label .pflicht{color:var(--text-3);font-weight:400}.feld input,.feld textarea{border-radius:var(--radius-m);border:1.5px solid var(--linie);background:var(--weiss);min-height:52px;padding:0 14px;font-size:17px}.feld textarea{resize:vertical;padding:12px 14px}.feld input:focus,.feld textarea:focus,.text-karte:focus-within,.laenge-feld:focus-within{border-color:var(--tuerkis);outline:none;box-shadow:0 0 0 4px #00bfaf26}.feld input[aria-invalid=true]{border-color:var(--rot)}.feld-hinweis{color:var(--rot);font-size:14px}.feld-raster{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feld-raster.plz-ort{grid-template-columns:7.5em 1fr}@media (max-width:400px){.feld-raster:not(.plz-ort){grid-template-columns:1fr}}.auswahl{flex-wrap:wrap;gap:8px;display:flex}.auswahl button{border:1.5px solid var(--linie);background:var(--weiss);width:auto;min-height:44px;color:var(--text);border-radius:999px;align-items:center;gap:6px;margin:0;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.auswahl button.an{background:var(--schwarz);color:var(--weiss);border-color:var(--schwarz)}.auswahl button:disabled{opacity:1;color:var(--text-3);background:0 0;border-style:dashed}.auswahl button:disabled .ikon{opacity:.6}.fortschritt-karte{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);align-items:center;gap:14px;padding:16px;display:flex}.fortschritt-karte .fortschritt-wort{flex:1;min-width:0}.fortschritt-karte .fortschritt-wort b{font-size:17px;display:block}.fortschritt-karte .fortschritt-wort span{color:var(--text-2);font-size:14px;display:block}.ring{flex:none;width:64px;height:64px;position:relative}.ring svg{width:64px;height:64px;transform:rotate(-90deg)}.ring svg circle{transition:stroke-dasharray .5s}.ring .ring-zahl{justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.stationsweg{flex-direction:column;gap:10px;display:flex;position:relative}.stationsweg:before{content:"";background:var(--linie);width:2px;position:absolute;top:22px;bottom:22px;left:21px}.station{color:inherit;align-items:stretch;gap:12px;text-decoration:none;display:flex;position:relative}.station .station-knoten{z-index:1;background:var(--weiss);border:2px solid var(--linie);width:44px;height:44px;color:var(--text-3);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:6px;font-size:15px;font-weight:800;display:flex;position:relative}.station.fertig .station-knoten{background:var(--lime);border-color:var(--lime);color:var(--schwarz)}.station.aktiv .station-knoten{border-color:var(--tuerkis);color:var(--tuerkis-text);box-shadow:0 0 0 5px #00bfaf26}.station .station-karte{background:var(--weiss);border-radius:var(--radius-m);min-width:0;min-height:56px;box-shadow:var(--schatten);flex:1;align-items:center;gap:10px;padding:12px 14px;display:flex}.station.aktiv .station-karte{outline:2px solid var(--tuerkis)}a.station:active .station-karte{background:var(--flaeche)}.station.extra .station-knoten{color:var(--text-3);border-style:dashed}.station.extra .station-karte{box-shadow:none;background:0 0;border:1.5px dashed #aeb8b4}.station .station-wort{flex:1;min-width:0}.station .station-wort b{font-size:16px;display:block}.station .station-wort span{color:var(--text-2);font-size:14px;display:block}.station .station-wort span.jetzt{color:var(--tuerkis-text);font-weight:700}.station-karte>.ikon{color:var(--text-3)}.station-punkte{gap:5px;display:flex}.station-punkte i{background:#3a4044;border-radius:3px;flex:1;height:5px}.station-punkte i.fertig{background:var(--lime)}.station-punkte i.hier{background:var(--weiss)}.laengen-raster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.laenge-feld{background:var(--weiss);border:1.5px solid var(--linie);border-radius:var(--radius-m);cursor:text;min-width:0;margin:0;padding:10px 12px;font-weight:400;display:block}.laenge-feld .laenge-name{color:var(--text-2);font-size:13px;font-weight:600;display:block}.laenge-feld .laenge-wert{align-items:baseline;gap:4px;display:flex}.laenge-feld input{background:0 0;border:none;border-radius:0;outline:none;width:100%;min-width:0;min-height:40px;padding:0;font-size:24px;font-weight:800}.laenge-feld input::placeholder{color:#c3cbc8;font-weight:600}.laenge-feld .einheit{color:var(--text-3);font-weight:700}.laenge-feld.ungueltig{border-color:var(--rot)}.text-karte{background:var(--weiss);border-radius:var(--radius-m);border:1.5px solid var(--linie);margin:0;padding:12px 14px;font-weight:400;display:block}.text-karte textarea{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;min-height:88px;padding:0;font-size:17px;line-height:1.5;display:block}.text-karte textarea.kurz{min-height:52px}@supports (field-sizing:content){.text-karte textarea{field-sizing:content;max-height:60vh}}.text-karte .text-karte-unten{color:var(--text-3);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.gespeichert{color:var(--ok);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.toast{left:50%;top:calc(env(safe-area-inset-top) + 14px);z-index:80;background:var(--schwarz);color:var(--weiss);box-shadow:var(--schatten-gross);pointer-events:none;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;font-weight:700;animation:.25s toast-rein;display:flex;position:fixed;transform:translate(-50%)}.toast .ikon{color:var(--lime)}@keyframes toast-rein{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}button.neue-fassung{left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:90;background:var(--tuerkis);width:auto;max-width:calc(100% - 32px);min-height:52px;color:var(--schwarz);box-shadow:var(--schatten-gross);white-space:nowrap;border-radius:999px;padding:0 22px;font-size:16px;position:fixed;transform:translate(-50%)}.fuss-zeilen{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}.fuss-zeilen a{color:var(--tuerkis-text)}.fuss-zeilen .fassung{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.toast.toast-fehler .ikon{color:#ff9d8f}.abschnitt-zeile{justify-content:space-between;align-items:baseline;gap:10px;margin:8px 2px -4px;display:flex}.app-inhalt .abschnitt-zeile .abschnitt-titel{margin:0}.abschnitt-zeile .klein-text{align-items:center;gap:3px;font-size:13px;display:inline-flex}.foto{aspect-ratio:4/3;background:#cfd6d3;border-radius:12px;position:relative;overflow:hidden}.foto>img,.foto>svg.zeichen-ebene{width:100%;height:100%;display:block;position:absolute;inset:0}.foto>img{object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.foto.foto-ganz{aspect-ratio:var(--seitenverhaeltnis);width:min(100%, calc(62dvh * var(--seitenverhaeltnis)));border-radius:var(--radius-m);background:#16181a;margin:0 auto}svg.zeichen-ebene{pointer-events:none;overflow:visible}.foto-leer{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.foto-leer .foto-leer-text{max-width:24em;padding:0 16px;font-size:14px;line-height:1.35}.foto.foto-ganz .foto-leer{color:#c3cbc8}.foto-leer.foto-fehlt .ikon{color:var(--orange)}.foto.foto-ganz .foto-leer.foto-fehlt .ikon{color:#ffb37a}.foto-marken{gap:4px;display:flex;position:absolute;bottom:6px;left:6px}.mini-marke{background:var(--weiss);width:24px;height:24px;color:var(--schwarz);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 3px #00000040}.mini-marke .ikon{width:14px;height:14px}.mini-marke.lime{background:var(--lime)}.foto-raster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}a.foto-link{border-radius:12px;transition:transform 80ms;display:block}a.foto-link:active{transform:scale(.97)}.foto-neu{aspect-ratio:4/3;background:var(--weiss);color:var(--text-2);cursor:pointer;border:1.5px dashed #aeb8b4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;font-size:13px;font-weight:700;transition:transform 80ms;display:flex}.foto-neu:active{background:var(--flaeche);transform:scale(.97)}.foto-neu input{display:none}.foto-neu.breit{aspect-ratio:auto;text-align:left;background:var(--schwarz);min-height:92px;color:var(--weiss);border-radius:var(--radius-m);border:none;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:14px;padding:16px 18px}.foto-neu.breit>.ikon{width:30px;height:30px;color:var(--lime);flex:none}.foto-neu-wort b{font-size:18px;display:block}.foto-neu-wort span{color:#a8b3af;font-size:14px;font-weight:400;display:block}.foto-wird{background:var(--flaeche-2);justify-content:center;align-items:center;display:flex}.kreisel{border:3px solid #c3cbc8;border-top-color:var(--tuerkis);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite kreisel}@keyframes kreisel{to{transform:rotate(360deg)}}.foto-streifen{scrollbar-width:none;gap:8px;padding:3px 2px 4px;display:flex;overflow-x:auto}.foto-streifen::-webkit-scrollbar{display:none}.foto-streifen a{opacity:.55;border-radius:10px;flex:none;width:72px}.foto-streifen a .foto{border-radius:10px}.foto-streifen a.aktiv{opacity:1;outline:3px solid var(--tuerkis);outline-offset:1px}.foto-streifen .foto-marken{gap:2px;bottom:3px;left:3px}.foto-streifen .mini-marke{border-radius:6px;width:18px;height:18px}.foto-streifen .mini-marke .ikon{width:11px;height:11px}.knopf-dunkel{background:var(--schwarz);min-height:52px;color:var(--weiss);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.knopf-dunkel:active{transform:scale(.98)}.knopf-dunkel .ikon{color:var(--lime)}button.knopf-leise-rot{width:auto;min-height:44px;color:var(--rot);background:0 0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;margin:6px 0 0;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.rueckfrage{border-radius:var(--radius-m);background:var(--rot-hell);color:var(--rot);flex-direction:column;gap:8px;padding:14px;display:flex}.rueckfrage span{color:#7a2018;font-size:14px}.rueckfrage .knopf-reihe{margin-top:4px}.rueckfrage .knopf-rand{flex:1}button.knopf-loeschen{background:var(--rot);min-height:52px;color:var(--weiss);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;margin:0;font-size:16px;display:inline-flex}.zeichnen-seite{z-index:20;background:var(--schwarz);color:var(--weiss);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex;position:fixed;inset:0}.zeichnen-seite .app-kopf{padding-bottom:10px}.zeichen-buehne{touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;position:relative;container-type:size}.zeichen-bild{aspect-ratio:var(--seitenverhaeltnis);width:min(100cqw, calc(100cqh * var(--seitenverhaeltnis)));touch-action:none;cursor:crosshair;position:relative}.zeichen-bild>img,.zeichen-bild>svg.zeichen-ebene{width:100%;height:100%;display:block;position:absolute;inset:0}.zeichen-bild>img{object-fit:fill;pointer-events:none;-webkit-user-drag:none}.zeichen-tipp{z-index:2;pointer-events:none;box-shadow:var(--schatten-gross);position:absolute;top:16px;left:50%;transform:translate(-50%)}.werkzeuge{padding:12px 12px calc(env(safe-area-inset-bottom) + 12px);background:var(--schwarz);justify-content:center;align-items:stretch;gap:8px;display:flex}.werkzeuge .werkzeug,.werkzeuge button.werkzeug{background:var(--kohle-2);width:auto;min-width:0;height:60px;min-height:0;color:var(--weiss);font:inherit;cursor:pointer;border:none;border-radius:14px;flex-direction:column;flex:0 64px;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.werkzeuge .werkzeug.an{background:var(--lime);color:var(--schwarz)}.werkzeuge .werkzeug:disabled{opacity:.35}.werkzeuge .werkzeug:active{transform:scale(.96)}.werkzeuge .werkzeug-fertig{background:var(--lime);max-width:120px;color:var(--schwarz);flex:88px;margin-left:6px}.tipp.tipp-frage{color:#5c2a00;background:#fff1db;border:1.5px solid #ffd29a;font-size:14px}.chip.chip-frage{color:#7a3300;background:#ffe8cc}.text-karte .text-karte-unten .text-karte-wort{flex-wrap:wrap;flex:1;align-items:center;gap:2px 8px;min-width:0;display:flex}.text-karte .notiz-hinweis{color:var(--text-3);margin:10px 0 0;font-size:13px;line-height:1.4}button.mikro{background:var(--weiss);width:auto;min-height:44px;color:var(--text);border:1.5px solid var(--linie);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;margin:0;padding:0 14px 0 6px;font-size:15px;font-weight:600;display:inline-flex}button.mikro .mikro-punkt{background:var(--lime);width:30px;height:30px;color:var(--schwarz);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}button.mikro.laeuft{background:var(--schwarz);color:var(--weiss);border-color:var(--schwarz);font-weight:700}button.mikro.laeuft .mikro-punkt{color:var(--weiss);background:#ff4d4f;animation:1.2s infinite puls}button.mikro:active{transform:scale(.97)}@keyframes puls{0%{box-shadow:0 0 #ff4d4f80}70%{box-shadow:0 0 0 10px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.welle{align-items:center;gap:3px;height:18px;display:inline-flex}.welle i{background:currentColor;border-radius:2px;width:3px;height:4px;animation:1s ease-in-out infinite welle}.welle i:nth-child(5n+2){animation-delay:.1s}.welle i:nth-child(5n+3){animation-delay:.2s}.welle i:nth-child(5n+4){animation-delay:.3s}.welle i:nth-child(5n+5){animation-delay:.4s}@keyframes welle{0%,to{height:4px}50%{height:18px}}.memo-liste{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.memo-zeile{background:var(--flaeche);border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}button.memo-knopf{border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;min-height:0;margin:0;padding:0;display:inline-flex}button.memo-knopf.spielen{background:var(--schwarz);color:var(--lime)}button.memo-knopf.weg{color:var(--text-3);background:0 0}button.memo-knopf:disabled{opacity:.35}.memo-wort{min-width:0;color:var(--text-2);flex:1;font-size:13.5px;line-height:1.3}.memo-wort b{color:var(--text);font-size:15px;display:block}.memo-balken{background:var(--flaeche-2);border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.memo-stoerung{color:var(--orange);margin-top:3px;font-size:13px;display:block}.memo-balken i{background:var(--tuerkis);height:100%;transition:width .25s linear;display:block}.memo-zeile.memo-rueckfrage{background:var(--rot-hell);color:var(--rot);flex-wrap:wrap;padding:10px 12px}.memo-zeile.memo-rueckfrage .memo-wort{color:#7a2018}.memo-zeile.memo-rueckfrage .memo-wort b{color:var(--rot)}.memo-zeile.memo-rueckfrage .knopf-reihe{width:100%}.memo-zeile.memo-rueckfrage .knopf-rand,.memo-zeile.memo-rueckfrage .knopf-loeschen{flex:1;min-height:44px}.aufnahme-leiste{z-index:30;padding:18px 16px calc(env(safe-area-inset-bottom) + 14px);background:var(--schwarz);color:var(--weiss);border-radius:24px 24px 0 0;animation:.2s leiste-rein;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000047}@keyframes leiste-rein{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.aufnahme-leiste-innen{flex-direction:column;gap:12px;max-width:688px;margin:0 auto;display:flex}.aufnahme-oben{align-items:center;gap:12px;display:flex}.aufnahme-punkt{background:#ff4d4f;border-radius:50%;flex:none;width:14px;height:14px;animation:1.2s infinite puls}.aufnahme-wort{flex:1;min-width:0}.aufnahme-wort b{font-size:17px;line-height:1.25;display:block}.aufnahme-wort span{color:#a8b3af;font-size:13.5px;line-height:1.35;display:block}.aufnahme-zeit{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:800}.aufnahme-leiste .welle{width:100%;height:30px;color:var(--lime);justify-content:center;gap:4px}.aufnahme-leiste .welle i{width:4px;animation-name:welle-gross}@keyframes welle-gross{0%,to{height:5px}50%{height:30px}}.aufnahme-leiste.speichert .welle i{opacity:.4;height:5px;animation:none}.aufnahme-hinweis{color:#ffd29a;background:#ffffff1a;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.35}button.knopf-stopp{min-height:60px;color:var(--weiss);background:#ff4d4f;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0;font-size:19px;display:flex}button.knopf-stopp .ikon{width:24px;height:24px}button.knopf-stopp:active{transform:scale(.98)}.app-seite:has(.aufnahme-leiste) .app-inhalt{padding-bottom:200px}.aufnahme-leiste.mikro-hinweis{background:var(--weiss);color:var(--text);box-shadow:0 -12px 40px #0000002e}.mikro-hinweis .aufnahme-oben{align-items:flex-start}.mikro-hinweis .aufnahme-oben>.ikon{color:var(--orange);margin-top:2px}.mikro-hinweis .aufnahme-wort span{color:var(--text-2);font-size:15px}.k2-karte{background:var(--weiss);border-radius:var(--radius-m);box-shadow:var(--schatten);flex-direction:column;gap:12px;padding:14px;display:flex}.k2-datei{align-items:center;gap:12px;display:flex}.avatar.avatar-pdf{color:var(--rot);background:#fdecec;font-size:13px}.k2-datei-wort{flex:1;min-width:0}.k2-datei-wort b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.k2-datei-wort span{color:var(--text-2);font-size:14px;display:block}.k2-datei>.ikon{color:var(--ok)}.k2-karte .chip-zeile{flex-wrap:wrap;gap:6px;display:flex}input.datei-waehler{display:none}label.knopf-rand,label.knopf-haupt{cursor:pointer}.memo-balken{display:block}.aufnahme-leiste.speichert .aufnahme-punkt{background:#85908c;animation:none}.tipp a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline}.zusammen-karte{background:var(--weiss);border-radius:var(--radius-m);box-shadow:var(--schatten);padding:2px 16px}.zusammen-zeile{border-bottom:1px solid var(--flaeche-2);color:var(--text-2);justify-content:space-between;align-items:baseline;gap:6px 16px;padding:13px 0;font-size:15px;display:flex}.zusammen-zeile:last-child{border-bottom:none}.zusammen-zeile>span{flex:none}.zusammen-zeile b{min-width:0;color:var(--text);text-align:right;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.zusammen-zeile b .ikon{color:var(--ok)}.zusammen-zeile.offen b{color:var(--orange)}.fortschritt-karte>.avatar{border-radius:20px;width:64px;height:64px}.fortschritt-karte>.avatar .ikon{width:28px;height:28px}.text-karte.nur-lesen{box-shadow:var(--schatten);border-color:#0000}.text-karte.nur-lesen>.memo-liste:first-child{margin-top:0}.lese-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.5}.lese-text.leer{color:var(--text-3);font-size:15px}.laenge-feld.nur-lesen{cursor:default;box-shadow:var(--schatten);border-color:#0000}.laenge-zahl{flex:1;min-width:0;min-height:40px;font-size:24px;font-weight:800;line-height:40px}.laenge-zahl.leer{color:#c3cbc8;font-weight:600}.knopf-reihe>.knopf-vorige~.knopf-haupt.knopf-naechste{white-space:normal;flex:1 1 0;min-width:0;padding:0 14px;line-height:1.15}.knopf-naechste>span{text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.memo-hinweis{color:var(--text-3);margin-top:3px;font-size:13px;display:block}.knopf-rand.laedt .kreisel{border-width:2.5px;width:20px;height:20px}.k2-karte .pdf-hinweis{margin:-4px 2px 0}.gesendet-seite{background:var(--schwarz);color:var(--weiss);flex-direction:column;flex:1;display:flex}.gesendet-inhalt{width:100%;max-width:480px;padding:calc(env(safe-area-inset-top) + 32px) 24px calc(env(safe-area-inset-bottom) + 24px);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;margin:0 auto;display:flex}.gesendet-zeichen{background:var(--lime);width:96px;height:96px;color:var(--schwarz);border-radius:32px;flex:none;justify-content:center;align-items:center;display:flex}.gesendet-zeichen .ikon{width:46px;height:46px}.gesendet-zeichen.wartet{background:var(--kohle-2);color:var(--lime)}.gesendet-zeichen.fehler{background:var(--rot-hell);color:var(--rot)}.gesendet-zeichen .kreisel{border-color:#3a4044;border-top-color:var(--lime);width:40px;height:40px}.gesendet-inhalt h1{letter-spacing:-.02em;margin:0;font-size:30px;line-height:1.15}.gesendet-inhalt>p{color:#a8b3af;max-width:26em;margin:0}.gesendet-inhalt .tipp{text-align:left;width:100%}.gesendet-inhalt .spaeter-block{text-align:left;color:#a8b3af;background:0 0;border-color:#3a4044;width:100%}.gesendet-inhalt .spaeter-kopf h4{color:var(--weiss)}.gesendet-inhalt .chip-sp{color:#c3cbc8;border-color:#5a6460}.gesendet-knoepfe{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.knopf-rand.knopf-hell{color:var(--weiss);background:0 0;border-color:#3a4044}.fuss-zeilen .abmelden-wartet{color:var(--orange)}.sendungs-marke{background:var(--lime);min-height:20px;color:var(--schwarz);white-space:nowrap;border-radius:999px;align-items:center;padding:0 7px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.laenge-feld .laenge-name .sendungs-marke{vertical-align:1px;margin-left:6px}.abschnitt-zeile>.sendungs-marke{align-self:center}.foto>.sendungs-marke.foto-sendung{position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #00000040}.foto-streifen .foto>.sendungs-marke.foto-sendung{min-height:16px;padding:0 5px;font-size:10px;top:3px;left:3px}.text-karte .sendungs-kopf{color:var(--ok);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.station .station-wort span.nachgereicht{color:var(--ok);font-weight:700}button.knopf-leise{width:auto;min-height:44px;color:var(--text-2);text-underline-offset:3px;background:0 0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;margin:2px 0 0;padding:0 18px;font-size:15px;font-weight:600;text-decoration:underline;display:inline-flex}.knopf-rand.knopf-zweit{min-height:48px;margin-top:4px;font-size:16px;font-weight:700}.knopf-rand.knopf-zweit .ikon{color:var(--tuerkis-text)}.nachfrage-huelle{z-index:60;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);background:#0009;justify-content:center;align-items:flex-end;animation:.15s ease-out nachfrage-ein;display:flex;position:fixed;inset:0}.nachfrage-fenster{background:var(--weiss);width:100%;max-width:480px;color:var(--text);box-shadow:var(--schatten-gross);border-top:6px solid var(--orange);border-radius:24px;flex-direction:column;gap:10px;padding:24px 20px 20px;display:flex}.nachfrage-zeichen{background:var(--warn-hell);width:56px;height:56px;color:var(--orange);border-radius:18px;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.nachfrage-fenster h2{margin:4px 0 0;font-size:24px;line-height:1.2}.nachfrage-text{color:var(--text-2);font-size:16px}.nachfrage-text p{margin:0 0 6px}.nachfrage-text ul{color:var(--text);margin:0 0 10px;padding-left:20px;font-size:17px;font-weight:700}.nachfrage-text li+li{margin-top:2px}.nachfrage-fenster .knopf-dunkel{min-height:56px;font-size:17px}@keyframes nachfrage-ein{0%{opacity:0}to{opacity:1}}@media (min-width:700px){.nachfrage-huelle{align-items:center}}