:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:var(--lightningcss-light,#f4f4f2)var(--lightningcss-dark,#17181a);--surface:var(--lightningcss-light,#fbfbfa)var(--lightningcss-dark,#1f2023);--surface-raised:var(--lightningcss-light,#fff)var(--lightningcss-dark,#26282b);--ink:var(--lightningcss-light,#1b1c1e)var(--lightningcss-dark,#e9eaec);--ink-soft:var(--lightningcss-light,#5f6368)var(--lightningcss-dark,#a3a7ad);--ink-faint:var(--lightningcss-light,#8e9298)var(--lightningcss-dark,#7a7f86);--line:var(--lightningcss-light,#dedfe1)var(--lightningcss-dark,#34363a);--line-strong:var(--lightningcss-light,#c6c8cb)var(--lightningcss-dark,#454850);--accent:var(--lightningcss-light,#3a5a8c)var(--lightningcss-dark,#8aaad8);--accent-hover:var(--lightningcss-light,#2e4a76)var(--lightningcss-dark,#a4c0e8);--accent-soft:var(--lightningcss-light,#e2e9f3)var(--lightningcss-dark,#26313f);--accent-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#14171c);--warn:var(--lightningcss-light,#8a5a1c)var(--lightningcss-dark,#d3a163);--warn-soft:var(--lightningcss-light,#f6ecdc)var(--lightningcss-dark,#33291a);--danger:var(--lightningcss-light,#97331f)var(--lightningcss-dark,#e0907c);--danger-soft:var(--lightningcss-light,#f7e4e0)var(--lightningcss-dark,#3a231e);--ok:var(--lightningcss-light,#2f6146)var(--lightningcss-dark,#86bb9d);--ok-soft:var(--lightningcss-light,#e0eee6)var(--lightningcss-dark,#1f3129);--schatten-nah:var(--lightningcss-light,#1b1c1e0d)var(--lightningcss-dark,#00000059);--schatten-fern:var(--lightningcss-light,#1b1c1e17)var(--lightningcss-dark,#00000073);--radius-sm:4px;--radius:8px;--radius-lg:14px;--raum-1:4px;--raum-2:8px;--raum-3:12px;--raum-4:16px;--raum-5:24px;--raum-6:32px;--raum-7:48px;--shadow-card:0 1px 2px var(--schatten-nah), 0 4px 12px var(--schatten-nah);--shadow-float:0 2px 6px var(--schatten-nah), 0 16px 36px var(--schatten-fern);--font-sans:ui-sans-serif, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--breite-schmal:26rem;--breite-mittel:46rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:500;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.seite{flex-direction:column;min-height:100dvh;display:flex}.seite__inhalt{width:100%;max-width:var(--breite-schmal);padding:var(--raum-7) var(--raum-4) var(--raum-6);gap:var(--raum-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.seite__inhalt--mittel{max-width:var(--breite-mittel)}.kopf{justify-content:space-between;align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4);border-bottom:1px solid var(--line);background:var(--surface);display:flex}.kopf__marke{font-family:var(--font-serif);letter-spacing:.01em;color:var(--ink);font-size:1rem;text-decoration:none}.kopf__werkzeuge{align-items:center;gap:var(--raum-2);display:flex}.karte{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--raum-6);gap:var(--raum-4);flex-direction:column;display:flex}.karte__kopf{gap:var(--raum-2);flex-direction:column;display:flex}.lede{color:var(--ink-soft);font-size:.95rem}.klein{color:var(--ink-faint);font-size:.82rem}.knopf{font:inherit;padding:var(--raum-3) var(--raum-4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center;font-size:.95rem;text-decoration:none;transition:background .12s,border-color .12s}.knopf:hover{border-color:var(--ink-faint)}.knopf:disabled{opacity:.55;cursor:default}.knopf--betont{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.knopf--betont:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.knopf--gefahr{color:var(--danger);border-color:var(--danger);background:0 0}.knopf--gefahr:hover:not(:disabled){background:var(--danger-soft)}.knopf--leise{color:var(--ink-soft);padding:var(--raum-2) var(--raum-3);background:0 0;border-color:#0000;font-size:.85rem}.knopf--leise:hover:not(:disabled){background:var(--accent-soft);color:var(--ink);border-color:#0000}.knopfreihe{gap:var(--raum-3);flex-wrap:wrap;display:flex}.knopfreihe--gestapelt{flex-direction:column}.feld{gap:var(--raum-2);flex-direction:column;display:flex}.feld__beschriftung{color:var(--ink-soft);font-size:.85rem}.feld__eingabe{font:inherit;padding:var(--raum-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.feld__eingabe:focus-visible{border-color:var(--accent)}.hinweis{border-radius:var(--radius);padding:var(--raum-3) var(--raum-4);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.9rem}.hinweis--fehler{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.hinweis--erfolg{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.hinweis--warnung{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.fuss{padding:var(--raum-5) var(--raum-4) var(--raum-6);text-align:center;color:var(--ink-faint);font-size:.8rem}.mono{font-family:var(--font-mono);font-size:.85em}.liste{gap:var(--raum-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.liste__zeile{gap:var(--raum-1);padding:var(--raum-3) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.liste__zeile:first-child{border-top:none}.liste__kopfzeile{justify-content:space-between;align-items:baseline;gap:var(--raum-3);flex-wrap:wrap;display:flex}.rueckfrage{gap:var(--raum-3);padding:var(--raum-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.feld--zeile{align-items:flex-end;gap:var(--raum-3);flex-flow:wrap}.feld--zeile .feld__eingabe{flex:1;min-width:14rem}.schluesselkasten{gap:var(--raum-3);flex-direction:column;display:flex}.schluesselkasten__wert{padding:var(--raum-3);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all;display:block}