@font-face{font-family:Barlow;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/barlow-400.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/barlow-600.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/barlow-700.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/barlow-condensed-900.woff2) format("woff2")}:root{--navy: #1e2d42;--text: #202d40;--muted: #5a6372;--bg: #f6f3ee;--card: #ffffff;--card-alt: #fbf9f6;--line: #ece7e0;--line-2: #e5e0da;--line-3: #ccc8bf;--orange: #e18f3b;--orange-bg: #fbf1e5;--brown: #9d6034;--yellow: #f8d849;--focus: #3273f5;--warn-bg: #fdf2e0;--warn-line: #f0d6ae;--warn-text: #7a4a22;--risk: #b3261e;--risk-bg: #fbe4e1;--risk-line: #e8a8a0;--ok-bg: #e4f2e6;--ok-line: #bfddc5;--ok-text: #1e5b2c;--manual-bg: #fff3b0;--manual-line: #e6d36a;--manual-text: #1f4fb8;--disabled-bg: #e5e0da;--disabled-text: #6b6760;--shadow: 0 2px 10px rgba(30, 45, 66, .06);--font: "Barlow", system-ui, "Segoe UI", sans-serif;--font-cond: "Barlow Condensed", "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.45 var(--font)}a{color:var(--text)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font-family:var(--font)}.kopf{background:var(--navy);min-height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.kopf-links{display:flex;align-items:center;gap:24px}.kalango-wort{display:flex;flex-direction:column;line-height:1}.kalango-wort b{font:700 34px/1 var(--font-cond);letter-spacing:1px;color:var(--yellow)}.kalango-wort span{font-size:8px;font-weight:600;letter-spacing:3px;color:var(--yellow);margin-top:2px}.kopf-trenner{width:1px;height:32px;background:#ffffff2e}.werkzeug{color:#fff;font:600 26px/1 var(--font-cond);letter-spacing:.3px}.konto{display:flex;align-items:center;gap:14px;color:#fff}.konto small{opacity:.75}.konto .knopf{background:transparent;color:#fff;border-color:#ffffff4d;min-height:44px}.konto .knopf:hover:not(:disabled){background:#ffffff1a;color:#fff}.seite{max-width:1280px;margin:0 auto;padding:32px 32px 56px}h1{margin:0;font:700 48px/1.05 var(--font-cond)}h2{margin:0;font:700 32px/1.1 var(--font-cond)}h3{margin:0;font:700 24px/1.1 var(--font-cond)}.unterzeile{margin:8px 0 0;font-size:18px;color:var(--muted)}.kopfzeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.klein{font-size:14px;color:var(--muted)}.schritt{font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--brown)}.reiter{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.reiter button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-3);background:var(--card);color:var(--text);font:600 16px var(--font);cursor:pointer}.reiter button[aria-selected=true]{background:var(--text);border-color:var(--text);color:#fff}.platz{flex:1}.leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.karte{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:22px 26px}.karte+.karte{margin-top:16px}.pille{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;border-radius:999px;padding:3px 12px;background:var(--bg);white-space:nowrap}.pille.offen{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-line)}.pille.geschaetzt{background:var(--manual-bg);color:var(--manual-text);border:1px solid var(--manual-line)}.pille.gemessen{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-line)}.pille.risiko{background:var(--risk);color:#fff}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;background:var(--card);border:1px solid var(--line-3);border-radius:12px;font:600 16px var(--font);color:var(--text);cursor:pointer;text-decoration:none}.knopf:hover:not(:disabled){background:var(--bg)}.knopf.primaer{background:var(--orange);border-color:var(--orange);box-shadow:0 2px 8px #e18f3b59}.knopf.primaer:hover:not(:disabled){background:#d6832d}.knopf.gross{min-height:56px;border-radius:14px;font-size:18px}.knopf.klein{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}.knopf:disabled{background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;box-shadow:none}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-3);background:var(--card);color:var(--text);font:600 15px var(--font);cursor:pointer}.chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#fff}.feld{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:600}.feld input,.feld select,.feld textarea{min-height:52px;padding:0 16px;border:1px solid var(--line-3);border-radius:14px;background:#fff;font:400 17px var(--font);color:var(--text)}.feld textarea{padding:10px 16px;min-height:96px;font:400 14px/1.4 ui-monospace,Consolas,monospace}.feld.kompakt{font-size:13px;gap:4px}.feld.kompakt input,.feld.kompakt select,.feld.kompakt textarea{min-height:44px;border-radius:12px;font-size:16px;padding:0 12px}.feld.kompakt textarea{padding:8px 12px;min-height:80px;font-size:13px}.formular{display:flex;flex-direction:column;gap:16px}.zeile-felder{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.zeile-felder .feld{flex:1 1 160px}.login-karte{width:100%;max-width:480px;margin:0 auto;padding:36px 36px 32px;border-radius:24px}.login-karte p{margin:8px 0 24px;font-size:17px;color:var(--muted);line-height:1.4}.code-feld{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.code-feld input{width:100%;min-width:0;height:60px;text-align:center;border:1px solid var(--line-3);border-radius:14px;background:#fff;font:700 32px var(--font-cond);color:var(--text)}.code-feld input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #3273f540;outline:0}.warnbox{display:flex;gap:10px;align-items:flex-start;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:12px;padding:10px 14px;font-size:15px;color:var(--warn-text)}.warnbox.rot{background:var(--risk-bg);border-color:var(--risk-line);color:var(--risk)}.warnbox.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-text)}.qr{display:block;margin:0 auto 12px;border-radius:12px;border:1px solid var(--line)}.backup-codes{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;background:var(--bg);border-radius:12px;font:600 18px/1.3 ui-monospace,Consolas,monospace;letter-spacing:1px}.backup-codes li{padding:4px 0;text-align:center;-webkit-user-select:all;user-select:all}.geheimnis{font:600 18px/1.3 ui-monospace,Consolas,monospace;letter-spacing:1px;word-break:break-all;text-align:center;background:var(--bg);border-radius:10px;padding:10px}.anteil{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.anteil-zahl{font:700 44px/1 var(--font-cond)}.balken{flex:1 1 280px;height:16px;background:var(--bg);border:1px solid var(--line-2);border-radius:999px;overflow:hidden;display:flex}.balken>i{display:block;height:100%}.balken .b-offen{background:var(--orange)}.balken .b-geschaetzt{background:var(--yellow)}.balken .b-gemessen{background:#5aa469}.tabelle-rahmen{overflow-x:auto}table.liste{border-collapse:separate;border-spacing:0;width:100%;font-size:16px;font-variant-numeric:tabular-nums}.liste th,.liste td{padding:10px 12px;border-bottom:1px solid #f0ece6;text-align:left;vertical-align:middle}.liste thead th{background:var(--card-alt);border-bottom:1px solid var(--line-2);font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.liste.kompakt{font-size:15px}.liste.kompakt th,.liste.kompakt td{padding:9px 7px}.liste.kompakt thead th{font-size:11.5px;letter-spacing:.3px;white-space:normal}.liste td.num,.liste th.num{text-align:right;white-space:nowrap}.liste tr.bearbeiten td{background:var(--card-alt)}.liste .name{font-weight:600}.liste .hinweis{display:block;font-size:13px;font-weight:400;color:var(--muted)}.liste .schluessel{font:12px ui-monospace,Consolas,monospace;color:var(--muted)}.wert-manuell{background:var(--manual-bg);color:var(--manual-text);border:1px solid var(--manual-line);border-radius:8px;padding:2px 8px;font-weight:600;display:inline-block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.wert-offen{color:var(--warn-text);font-style:italic}.verlauf{margin:8px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}.verlauf li{padding:2px 0}.liste tr.summe th,.liste tr.summe td{font-weight:700;border-top:2px solid var(--line-3);background:var(--card-alt)}.liste th.name{text-transform:none;letter-spacing:0;font-size:16px;color:var(--text)}.daten{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px;margin:12px 0 0}.daten dt{font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.daten dd{margin:2px 0 0;font-weight:600;word-break:break-word}.leer{padding:24px;text-align:center;color:var(--muted)}.fuss{margin-top:40px;text-align:center;font-size:14px;color:var(--muted)}@media(max-width:720px){.kopf,.seite{padding-left:16px;padding-right:16px}h1{font-size:36px}.login-karte{padding:24px 20px}}
