:root{--accent:#1b3a6b;--accent-dark:#16305a;--accent-light:#7d9cc9;--accent-soft:#eef3fa;--bg:#f4f5f8;--paper:#fff;--ink:#111827;--muted:#6b7280;--line:#11182714;--ok:#2f7d55;--err:#b42318;--shadow:0 1px 2px #1018280d, 0 8px 24px #1018280f;--shadow-hi:0 2px 6px #1b3a6b1f, 0 16px 40px #1b3a6b29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.seite{flex-direction:column;min-height:100dvh;display:flex}.kopf{z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 20px 12px;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);background:#ffffffe6;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:sticky;top:0}.kopf-links{align-items:center;gap:8px;display:flex}.marke-fuchs{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.kopf-titel{letter-spacing:-.01em;font-size:15px;font-weight:700}.logo{display:flex}.logo img{width:auto;height:28px;display:block}.kopf-rechts{justify-content:flex-end;align-items:center;gap:10px;display:flex}.sicher{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.ikon{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:grid}.ikon:hover{color:var(--accent);border-color:#a9bedd}.balken{background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.balken span{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:0 3px 3px 0;height:100%;transition:width .6s;display:block}@media (width<=600px){.kopf{gap:8px;padding-inline:14px}.kopf-titel,.sicher span{display:none}.sicher{padding:6px}.logo img{height:22px}}.start,.chat,.ergebnis{width:100%;max-width:820px;margin:0 auto;padding:0 16px}.start{flex-direction:column;flex:1;gap:20px;padding-top:28px;display:flex}.held{text-align:center;justify-items:center;gap:8px;animation:.5s cubic-bezier(.2,.8,.2,1) both rein;display:grid}.held-fuchs{background:var(--accent);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-hi);border-radius:20px;place-items:center;display:grid}.held h1{letter-spacing:-.03em;margin-top:6px;font-size:clamp(28px,6vw,38px);font-weight:800}.held p{color:var(--muted)}.ordner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.ordner{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=820px){.ordner{grid-template-columns:repeat(4,minmax(0,1fr))}}.ordner li{animation:.5s cubic-bezier(.2,.8,.2,1) both rein;display:flex}.ordner li:nth-child(2){animation-delay:30ms}.ordner li:nth-child(3){animation-delay:60ms}.ordner li:nth-child(4){animation-delay:90ms}.ordner li:nth-child(5){animation-delay:.12s}.ordner li:nth-child(6){animation-delay:.15s}.ordner li:nth-child(7){animation-delay:.18s}.kasten{text-align:left;background:var(--paper);cursor:pointer;border:1.5px dashed #1b3a6b38;border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-height:136px;padding:16px;transition:transform .15s,border-color .15s,box-shadow .2s,background .2s;display:flex;position:relative}.kasten:hover{box-shadow:var(--shadow);border-color:var(--accent-light);transform:translateY(-2px)}.kasten.voll{box-shadow:var(--shadow);border-style:solid;border-color:#0000}.kasten.ziel{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-hi);transform:scale(1.03)}.kasten-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.kasten.voll .kasten-icon{background:var(--accent);color:#fff}.kasten strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.bsp{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.zahl{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;display:grid;position:absolute;top:14px;right:14px}.zahl.liest{animation:1s infinite puls}.zahl.fehler{background:var(--err)}.notiz{resize:none;border:1px solid var(--line);background:var(--paper);width:100%;box-shadow:var(--shadow);border-radius:16px;padding:14px 16px}.notiz:focus{outline:2px solid var(--accent);outline-offset:1px}.start-unten{padding:12px 0 calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(to top, var(--bg) 70%, transparent);margin-top:auto;position:sticky;bottom:0}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}.start-knopf{background:var(--accent);color:#fff;letter-spacing:-.01em;width:100%;box-shadow:var(--shadow-hi);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-size:18px;font-weight:700;transition:background .15s,transform .15s,box-shadow .2s;display:inline-flex}.start-knopf:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-1px)}.start-knopf:not(:disabled):active{transform:translateY(1px)}.start-knopf:disabled{opacity:.35;box-shadow:none}.zweit{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 20px;font-weight:600}.zweit:hover{border-color:var(--accent-light);color:var(--accent)}.chat{flex-direction:column;flex:1;display:flex}.verlauf{flex-direction:column;flex:1;gap:12px;padding:24px 0 12px;display:flex}.zeile{align-items:flex-end;gap:8px;animation:.3s both rein;display:flex}.zeile.mandant{justify-content:flex-end}.avatar{background:var(--accent);color:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.blase{white-space:pre-wrap;border-radius:18px;max-width:80%;padding:11px 15px}.fuchs .blase{background:var(--paper);box-shadow:var(--shadow);border-bottom-left-radius:6px}.mandant .blase{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.denkt{gap:5px;padding:16px 18px;display:flex}.denkt span{background:var(--accent-light);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite puls}.denkt span:nth-child(2){animation-delay:.15s}.denkt span:nth-child(3){animation-delay:.3s}.unten{padding:10px 0 calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(to top, var(--bg) 80%, transparent);gap:10px;display:grid;position:sticky;bottom:0}.dateien{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dateien li{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:13px}.dateien li.fertig{color:var(--ok)}.dateien li.fehler{color:var(--err)}.dateien li.liest{animation:1.2s infinite puls}.fehler{color:var(--err);font-size:14px}.eingabe{background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;align-items:center;gap:6px;padding:6px;display:flex}.eingabe:focus-within{border-color:var(--accent-light)}.eingabe input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 6px}.rund{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.senden{background:var(--accent);color:#fff}.senden:disabled{opacity:.3}.ergebnis{gap:16px;padding-top:28px;padding-bottom:40px;animation:.4s both rein;display:grid}.etikett{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.ergebnis h1{letter-spacing:-.03em;font-size:clamp(26px,5vw,34px);font-weight:800;line-height:1.15}.lead{color:#374151}.karte{background:var(--paper);box-shadow:var(--shadow);border-radius:18px;padding:18px 20px}.karte h2{justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.karte h2 span{color:var(--accent)}.zeilen,.punkte{margin:0;padding:0;list-style:none}.zeilen li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.zeilen li:first-child{border-top:0}.zeilen li span:last-child{color:var(--muted);white-space:nowrap}.punkte li{padding:4px 0 4px 18px;position:relative}.punkte li:before{content:"";background:var(--accent-light);border-radius:50%;width:7px;height:7px;position:absolute;top:13px;left:2px}.knoepfe{grid-template-columns:1fr 1fr;gap:10px;display:grid}.knoepfe .start-knopf{grid-column:1/-1}.ueberlage{z-index:9;border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#eef3fae6;border-radius:24px;place-items:center;font-size:22px;font-weight:700;display:grid;position:fixed;inset:12px}@keyframes rein{0%{opacity:0;transform:translateY(8px)}}@keyframes puls{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.kopf-rechts,.balken,.knoepfe{display:none}.kopf{position:static}.karte{box-shadow:none;border:1px solid var(--line)}body{background:#fff}}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kpi{background:var(--paper);box-shadow:var(--shadow);border-radius:18px;gap:2px;padding:16px 18px;animation:.4s both rein;display:grid}.kpi span{color:var(--muted);font-size:13px;font-weight:500}.kpi strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.haupt-kpi{background:linear-gradient(135deg, var(--accent) 0%, #24508f 100%);color:#fff;box-shadow:var(--shadow-hi);grid-column:1/-1;padding:22px}.haupt-kpi span{color:#ffffffbf}.haupt-kpi strong{font-size:clamp(34px,9vw,48px)}.haupt-kpi em{color:#ffffffd9;font-size:14px;font-style:normal}.balken-liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.balken-liste li{gap:5px;animation:.4s both rein;display:grid}.balken-kopf{justify-content:space-between;gap:12px;font-size:14px;display:flex}.balken-kopf span:last-child{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.balken-kopf b{color:var(--ink)}.balken-spur{background:var(--accent-soft);border-radius:4px;height:10px;overflow:hidden}.balken-spur span{background:var(--accent);transform-origin:0;border-radius:4px;height:100%;animation:.8s cubic-bezier(.2,.8,.2,1) both wachsen;display:block}.balken-liste li:hover .balken-spur span{background:#24508f}.zwei{gap:16px;display:grid}@media (width>=640px){.zwei{grid-template-columns:1fr 1fr}}.ordner-stat,.fristen{margin:0;padding:0;list-style:none}.ordner-stat li{border-top:1px solid var(--line);color:var(--accent);align-items:center;gap:10px;padding:7px 0;display:flex}.ordner-stat li:first-child,.fristen li:first-child{border-top:0}.ordner-stat span{color:var(--ink);flex:1}.ordner-stat b{text-align:center;background:var(--accent-soft);border-radius:999px;min-width:26px;padding:1px 8px;font-size:13px}.fristen li{border-top:1px solid var(--line);gap:2px;padding:8px 0;display:grid}.fristen li span:last-child{color:var(--muted);font-size:13px}.fristen .bald{font-weight:600;color:#92400e!important}.fristen .abgelaufen{font-weight:600;color:var(--err)!important}@keyframes wachsen{0%{transform:scaleX(0)}}@media print{.kpi,.haupt-kpi{box-shadow:none;border:1px solid var(--line)}.haupt-kpi{color:var(--ink);background:0 0}.haupt-kpi span,.haupt-kpi em{color:var(--muted)}}.ringe{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.ringe svg{flex:none}.ring-bogen{animation:1.1s cubic-bezier(.2,.8,.2,1) both ring-fuellen}.ring-legende{flex:1;gap:10px;min-width:190px;margin:0;padding:0;list-style:none;display:grid}.ring-legende li{grid-template-columns:10px 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.ring-legende b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.ring-punkt{border-radius:50%;width:10px;height:10px}.ring-zahlen{border-top:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);margin:16px 0 0;padding:14px 0 0;list-style:none;display:grid}.ring-zahlen li{display:grid}.ring-zahlen b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.ring-zahlen span{color:var(--muted);font-size:12px}.mini-ring{place-items:center;display:grid;position:relative}.mini-ring>svg{position:absolute;inset:0}.mini-ring .marke-fuchs{border-radius:50%;width:28px;height:28px}@keyframes ring-fuellen{0%{stroke-dashoffset:var(--umfang)}}