@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400 700;font-display:swap;src:url(/marke/red-hat-text-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400 700;font-display:swap;src:url(/marke/red-hat-text-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blau: #050a30;--violett: #2c2a92;--hell: #a9a8ff;--grund: #f5f5fa;--flaeche: #ffffff;--linie: #e3e2ef;--text: #121436;--leise: #5e5f80;--rot: #c0392b;--gruen: #1f8a4c;--gelb: #b7791f;color-scheme:light}*{box-sizing:border-box}html,body,#portal{margin:0;height:100%}body{font:15px/1.55 Red Hat Text,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased}h1{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:0;text-wrap:balance}h2{font-size:18px;margin:0}h3{font-size:15px;margin:0}p{margin:0}.leise{color:var(--leise)}.klein{font-size:13px}.fehler{color:var(--rot);font-size:14px}.erfolg{background:#e7f5ec;color:var(--gruen);border-radius:10px;padding:10px 14px}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:500}input,textarea{font:inherit;padding:10px 12px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--text);width:100%}input:focus,textarea:focus{outline:2px solid var(--violett);outline-offset:1px;border-color:transparent}form{display:flex;flex-direction:column;gap:14px}.knopf{font:inherit;font-weight:600;border:1px solid var(--linie);background:var(--flaeche);color:var(--blau);padding:9px 18px;border-radius:999px;cursor:pointer}.knopf:hover:not(:disabled){border-color:var(--violett)}.knopf.haupt{background:var(--blau);border-color:var(--blau);color:#fff}.knopf.haupt:hover:not(:disabled){background:var(--violett);border-color:var(--violett)}.knopf:disabled{opacity:.55;cursor:default}.leise-knopf{color:var(--gruen)}.link{font:inherit;background:none;border:none;padding:0;color:var(--violett);cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.zeile{display:flex;gap:8px;flex-wrap:wrap}.abstand{flex:1}.marke-flaeche{min-height:100%;display:grid;place-items:center;padding:24px 16px;color:#f4f4fb;color-scheme:dark;background:radial-gradient(1200px 600px at 85% -10%,rgb(44 42 146 / .55),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgb(44 42 146 / .35),transparent 60%),var(--blau)}.marke-rahmen{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:22px}.marke-logo{width:72px;height:72px}.marke-karte{width:100%;background:#0a1142c7;border:1px solid rgb(169 168 255 / .18);border-radius:18px;padding:28px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;gap:16px}.marke-karte .leise,.marke-fuss{color:#b9b8da}.marke-fuss{font-size:12px;opacity:.75}.marke-karte input{background:#050a30b3;border-color:#a9a8ff40;color:#f4f4fb}.marke-karte input:focus{outline-color:var(--hell)}.marke-karte .knopf.haupt{background:#fff;border-color:#fff;color:var(--blau);box-shadow:0 6px 24px #a9a8ff2e}.marke-karte .knopf.haupt:hover:not(:disabled){background:var(--hell);border-color:var(--hell)}.marke-karte .link{color:var(--hell)}.marke-karte .fehler{color:#ff8a80}.schritte{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.qr{display:flex;flex-direction:column;align-items:center;gap:8px}.qr img{background:#fff;border-radius:12px;padding:8px}.geheimnis{display:block;word-break:break-all;font-size:13px;padding:6px 8px;border-radius:6px;background:#a9a8ff1f}.app{min-height:100%;display:flex;flex-direction:column}.kopf{display:flex;align-items:center;gap:18px;padding:10px 24px;background:var(--blau);color:#f4f4fb}.kopf-marke{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.kopf-marke img{width:34px;height:34px}.kopf-marke>span{display:flex;flex-direction:column;line-height:1.2}.kopf-kunde{font-size:13px;color:#b9b8da}.kopf-name{font-size:14px;color:#b9b8da}.kopf-link{font:inherit;font-size:14px;color:#f4f4fb;background:none;border:none;cursor:pointer;text-decoration:none;padding:4px 0}.kopf-link:hover{color:var(--hell)}.inhalt{width:min(1100px,100%);margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:20px}.inhalt.schmal{width:min(760px,100%)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.projekt-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.projekt-karte{position:relative;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}.projekt-karte:hover{border-color:var(--violett);box-shadow:0 8px 26px #2c2a921a}.projekt-karte .pfeil{position:absolute;right:20px;top:20px;color:var(--violett)}.hinweis-zahl{align-self:flex-start;font-size:13px;font-weight:600;color:var(--violett);background:#ecebff;border-radius:999px;padding:3px 10px}.projekt{display:flex;flex-direction:column;flex:1;min-height:0}.projekt.voll{height:calc(100vh - 56px)}.projekt-kopf{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 24px;background:var(--flaeche);border-bottom:1px solid var(--linie)}.projekt-kopf h1{font-size:19px}.zurueck{text-decoration:none}.reiter{display:flex;gap:4px;margin-left:auto;background:var(--grund);border-radius:999px;padding:3px}.reiter button,.segment button{font:inherit;font-size:14px;border:none;background:none;padding:6px 14px;border-radius:999px;cursor:pointer;color:var(--leise)}.reiter button.an,.segment button.an{background:var(--blau);color:#fff}.ansicht{flex:1;width:100%;border:none;background:var(--flaeche)}.aufgabe{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.aufgabe.erledigt{opacity:.75}.aufgabe-kopf{display:flex;align-items:baseline;gap:10px}.aufgabe-detail{white-space:pre-wrap}.marke-stand{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violett);flex-shrink:0}.marke-stand.frage{color:var(--gelb)}.marke-stand.erledigt{color:var(--gruen)}.verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.verlauf li{background:var(--grund);border-radius:10px;padding:8px 12px}.verlauf li.vom-kunden{background:#ecebff}.verlauf p{white-space:pre-wrap}.antwort{display:flex;flex-direction:column;gap:8px}.erledigt-liste{display:flex;flex-direction:column;gap:12px}.erledigt-liste>summary{cursor:pointer;color:var(--leise);margin-bottom:12px}.stat-kopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.segment{display:flex;gap:4px;background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;padding:3px}.stat-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat-zahl{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.stat-zahl strong{font-size:26px;font-variant-numeric:tabular-nums}.stat-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.stat-verlauf{width:100%;height:160px}.stat-saeule{fill:var(--violett)}.stat-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.stat-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.stat-liste li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:5px 8px;font-size:14px}.stat-balken{position:absolute;inset:0 auto 0 0;background:#ecebff;border-radius:6px;z-index:0}.stat-name,.stat-wert{position:relative;z-index:1}.stat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-wert{font-variant-numeric:tabular-nums}@media(max-width:700px){.kopf{padding:10px 16px;gap:12px}.kopf-name{display:none}.inhalt{padding:24px 16px 40px}.projekt-kopf{padding:10px 16px}.reiter{margin-left:0;width:100%;overflow-x:auto}}.projekt-kopf .zurueck{align-self:center}