:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.db-roadmap{padding:18px 0}.db-roadmap-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.db-roadmap-head h2{margin:0}.db-roadmap-head p,.db-muted{opacity:.7}.db-progress{background:#d8dce4;border-radius:99px;height:9px;margin:14px 0;overflow:hidden}.db-progress span{background:#36ad87;height:100%;transition:width .2s;display:block}.db-roadmap-message{font-size:.9rem}.db-roadmap-filters{margin:16px 0}.db-roadmap select,.db-roadmap input{background:var(--card-bg,#fff);color:inherit;border:1px solid #a4aab6;border-radius:9px;max-width:100%;padding:10px}.db-roadmap-group{border:1px solid #c8cbd466;border-radius:14px;margin:14px 0;padding:14px}.db-roadmap-group h3{margin:0 0 10px}.db-roadmap-task{border-top:1px solid #9994;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.db-roadmap-task>div{flex:1;min-width:180px}.db-roadmap-task button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px}.db-roadmap-add{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.db-roadmap-add h3{width:100%;margin:0}.db-roadmap-add input{flex:1;min-width:200px}.app-shell{--db-blue:#2576cb;--db-orange:#f99d35;--db-ink:#283957;--db-cream:#fff8e9;color:var(--db-ink);background:linear-gradient(#fff8e9 0,#f6faff 420px,#f8f9fd 100%)}.app-shell .marke{color:#254d8e}.app-shell .logo-betonung{color:#f18a23}.app-shell .logo-symbol.db97-mascot{border-radius:13px;font-size:25px;transform:rotate(-5deg);box-shadow:3px 4px #f8a23e;color:#284b7a!important;background:#ffda56!important;border:3px solid #2c64a2!important}.app-shell .navigation button,.app-shell .mobil-menue button{border-radius:13px}.app-shell .navigation .nav-aktiv,.app-shell .admin-tabs button.aktiv{color:#fff;background:#2476c8;box-shadow:0 3px #15518d}.app-shell .haupt-button,.app-shell .karten-button{font-weight:850;box-shadow:0 4px #d9791b;color:#302b26!important;background:#f99c30!important;border:2px solid #e48520!important;border-radius:15px!important}.app-shell .haupt-button:hover,.app-shell .karten-button:hover{transform:translateY(-1px)}.app-shell .panel,.app-shell .produkt-karte,.app-shell .auftrag,.app-shell .zusammenfassung,.app-shell .tipp-panel{border:2px solid #e3ebf6;border-radius:19px;box-shadow:0 5px #dfe8f370}.app-shell .uebertitel{color:#2873c0;letter-spacing:.08em;font-weight:900}.app-shell .online-banner{color:#225c3e;background:#eaf7ee;border:1px solid #c6e7d2;border-radius:14px}.db97-dashboard{background:linear-gradient(135deg,#fff9e7,#eff8ff);border:2px solid #b9d7f2;border-radius:24px;margin:8px 0 25px;padding:22px;box-shadow:0 6px #d7e8f6}.db97-dashboard-title{align-items:center;gap:17px;margin-bottom:19px;display:flex}.db97-dash-emoji{background:#ffdb5e;border:3px solid #2a70bd;border-radius:20px;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:42px;display:grid;transform:rotate(-4deg);box-shadow:4px 5px #f6a746}.db97-kicker{letter-spacing:.09em;color:#2b77c4;font-size:11px;font-weight:900}.db97-dashboard h2{color:#273e63;margin:3px 0 5px;font-size:25px}.db97-dashboard p{color:#62718b;margin:0;font-size:13px}.db97-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.db97-metrics button{cursor:pointer;text-align:left;color:#284568;background:#fff;border:2px solid #d9e6f4;border-radius:17px;flex-direction:column;gap:8px;min-width:0;padding:17px;display:flex;box-shadow:0 3px #dce9f7}.db97-metrics button:hover{border-color:#ffb65c}.db97-metrics span{font-size:12px;font-weight:750}.db97-metrics strong{font-size:31px;line-height:1.1}.db97-metrics small{color:#2674be;font-size:11px;font-weight:800}.db97-quick{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.db97-quick button{color:#2368aa;cursor:pointer;background:#fff;border:1px solid #bcd5ed;border-radius:12px;padding:10px 13px;font-weight:750}.db97-login-mascot{background:#fff1ba;border-radius:18px;width:max-content;margin:auto;padding:12px;font-size:46px}@media (width<=850px){.db97-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.db97-dashboard{border-radius:18px;padding:15px}.db97-dashboard-title{gap:12px}.db97-dash-emoji{width:54px;height:54px;font-size:29px}.db97-dashboard h2{font-size:19px}.db97-metrics{gap:8px}.db97-metrics button{border-radius:13px;padding:12px}.db97-metrics strong{font-size:25px}.db97-quick button{flex:42%}.app-shell .navigation button,.app-shell .produkt-karte .karten-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.app-shell .haupt-button:hover,.app-shell .karten-button:hover{transform:none}}.app-shell{--comic-ink:#24365b;--comic-blue:#2468bd;--comic-yellow:#ffda59;--comic-orange:#ff9c3b;background:radial-gradient(circle at 8% 6%,#ffdf8555 0 140px,#0000 142px),radial-gradient(circle at 95% 18%,#8bd5ff44 0 180px,#0000 182px),#fff9ec!important}.app-shell .topbar{background:#fffef9!important;border-bottom:4px solid #284a7a!important;box-shadow:0 7px #ffcf65!important}.app-shell .logo-symbol.db97-mascot,.db97-dash-emoji{transform:rotate(-7deg);background:#ffdc57!important;border:3px solid #263f73!important;border-radius:17px!important;box-shadow:5px 6px #ff9d3b!important}.app-shell .marke{letter-spacing:-.045em;text-shadow:1px 2px #ffdf84;font-weight:950}.app-shell .navigation button,.app-shell .mobil-menue button{border:2px solid #0000!important;font-weight:850!important}.app-shell .navigation button:hover,.app-shell .mobil-menue button:hover{background:#fff0bb!important;border-color:#ffd06a!important}.app-shell .navigation .nav-aktiv,.app-shell .admin-tabs button.aktiv{color:#fff!important;background:#246ac0!important;border:2px solid #254674!important;box-shadow:3px 4px #153c70!important}.app-shell .haupt-button,.app-shell .karten-button{transition:transform .15s,box-shadow .15s;color:#263452!important;background:#ffbd4c!important;border:3px solid #263f73!important;font-weight:900!important;box-shadow:4px 5px #263f73!important}.app-shell .haupt-button:active,.app-shell .karten-button:active{transform:translate(3px,3px);box-shadow:1px 2px #263f73!important}.app-shell .panel,.app-shell .produkt-karte,.app-shell .auftrag,.app-shell .zusammenfassung,.app-shell .tipp-panel{background:#fffefa;border:2px solid #334f7b!important;border-radius:22px!important;box-shadow:5px 6px #d3e5f6!important}.app-shell .produkt-karte:hover{transform:translateY(-3px);box-shadow:6px 9px #bad9f5!important}.app-shell .seitenkopf h1,.app-shell .db97-dashboard h2{letter-spacing:-.045em;color:#24426f!important;font-weight:950!important}.app-shell .uebertitel,.app-shell .db97-kicker{letter-spacing:.08em;background:#fff0aa;border:2px solid #f3c854;border-radius:99px;padding:5px 10px;display:inline-block;color:#234f8b!important}.app-shell .db97-dashboard{background:linear-gradient(140deg,#fff1b5 0%,#fffdf4 47%,#dff2ff 100%)!important;border:3px solid #284b7a!important;border-radius:27px!important;box-shadow:7px 8px #b5d9ef!important}.app-shell .db97-metrics button{background:#fff!important;border:2px solid #284b7a!important;border-radius:19px!important;box-shadow:4px 5px #d0e5f4!important}.app-shell .db97-metrics button:nth-child(2){background:#fff6d9!important}.app-shell .db97-metrics button:nth-child(3){background:#e7f7ec!important}.app-shell .db97-metrics button:nth-child(4){background:#fff0e8!important}.app-shell .db97-quick button{background:#fff!important;border:2px solid #284b7a!important;font-weight:900!important;box-shadow:2px 3px #d2e4f5!important}.app-shell .admin-tabs button{border:2px solid #b7d1ed;border-radius:13px;font-weight:850}.app-shell .feld input:focus,.app-shell .feld textarea:focus,.app-shell .feld select:focus{border-color:#2670c8;box-shadow:0 0 0 3px #ffdf7d}.app-shell .fusszeile{background:#fff4d9;border-top:3px dashed #f6b75b}@media (width<=620px){.app-shell .db97-dashboard{box-shadow:4px 5px #b5d9ef!important}.app-shell .panel,.app-shell .produkt-karte,.app-shell .auftrag{box-shadow:3px 4px #d3e5f6!important}.app-shell .haupt-button,.app-shell .karten-button{min-height:46px}}@media (prefers-reduced-motion:reduce){.app-shell .produkt-karte:hover{transform:none}}