:root{--bg:#1B0C25;--linie:rgba(152,133,255,.2);--text:#F8F8FC;--leise:rgba(248,248,252,.72);--leiser:rgba(248,248,252,.58);--violett:#6944FF;--violett2:#B6A8FF;--gruen:#3FD69A;--rosa:#FF9A9C;--gold:#F5B454;--anzeige:'Space Grotesk',system-ui,sans-serif;--text-f:'Inter',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--text-f);-webkit-font-smoothing:antialiased}
a{color:var(--violett2)}:focus-visible{outline:2px solid var(--violett2);outline-offset:2px}
.kopf{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:14px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--linie)}
.marke{font:700 19px var(--anzeige);color:var(--text);text-decoration:none}.nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.nav a{color:var(--leise);text-decoration:none;padding:9px 12px;border-radius:9px;font-weight:500}.nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}.nav a[aria-current]{color:var(--text);background:rgba(105,68,255,.28)}
.ab{display:flex;gap:12px;align-items:center;margin:0}.seite{max-width:1080px;margin:0 auto;padding:36px 20px 80px;display:flex;flex-direction:column;gap:36px}
h1,h2,h3{font-family:var(--anzeige);letter-spacing:-.015em;margin:0}h1{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.2;text-wrap:balance}h2{font-size:1.2rem;margin-bottom:12px}p{margin:0 0 8px;color:var(--leise)}
.lage h1{max-width:34ch}.dach{color:var(--violett2);font:600 13px var(--anzeige);letter-spacing:.08em;text-transform:uppercase}.beleg{font-size:.8rem;color:var(--leiser);margin:4px 0 0}.gross{font-size:1.1rem}
.zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--linie)}.zahl{padding:20px 22px 20px 0;min-width:0}.zahl+.zahl{border-left:1px solid var(--linie);padding-left:22px}
.zt{color:var(--leise);font-size:.9rem}.zw{font:700 clamp(1.9rem,4vw,2.8rem)/1.1 var(--anzeige);margin:6px 0;font-variant-numeric:tabular-nums}.zw.leer{font-size:1.2rem;font-weight:600;color:var(--leise)}.zh{font-size:.88rem;color:var(--leise)}.auf{color:var(--gruen);font-weight:600}.ab2{color:var(--rosa);font-weight:600}
.zeile{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid var(--linie)}.zeile.wichtig{border-left:3px solid var(--gold);padding-left:12px}.url{overflow-wrap:anywhere;min-width:0;flex:1}.klein{font-size:.8rem}
.zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.balken{display:flex;flex-direction:column;gap:9px}.bz{display:grid;grid-template-columns:170px 1fr 48px;gap:12px;align-items:center}.bz b{text-align:right;font-variant-numeric:tabular-nums}meter{width:100%;height:12px}
.person{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-end;padding-top:20px;border-top:1px solid var(--linie)}.person h2{margin-bottom:2px}.tun{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tun form{margin:0}
.haupt,.neben,.leise{font:600 .95rem var(--text-f);border-radius:10px;padding:11px 16px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.haupt{background:var(--violett);color:#fff;border:0}.haupt:hover{background:#7A58FF}.neben{background:transparent;color:var(--text);border:1px solid rgba(152,133,255,.5)}.neben:hover{background:rgba(105,68,255,.2)}.leise{background:none;border:0;color:var(--leise);padding:8px}.leise:hover{color:var(--text)}
.stapel{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:0}.stapel>input,.stapel>textarea,.stapel>select{width:100%}label{font-weight:600;font-size:.9rem}input,textarea,select{background:#2a1a38;color:var(--text);border:1px solid rgba(152,133,255,.4);border-radius:9px;padding:11px;font:inherit}
.schmal{max-width:480px;margin:6vh auto 0;display:flex;flex-direction:column;gap:14px}.karte{padding:16px 0;border-bottom:1px solid var(--linie)}
.hinweis{display:flex;justify-content:space-between;gap:16px;background:rgba(105,68,255,.13);padding:16px 18px;border-radius:12px}.hinweis h3{margin-bottom:4px}.ok{background:rgba(63,214,154,.13);color:var(--text);padding:12px 14px;border-radius:10px}
.tab{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px;font-variant-numeric:tabular-nums}th{font:600 .75rem var(--anzeige);text-align:left;color:var(--violett2);padding:9px 10px;border-bottom:1px solid var(--linie)}td{padding:9px 10px;border-bottom:1px solid rgba(152,133,255,.1)}.r{text-align:right}
.leiste{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--linie)}.punkt{position:relative;display:flex;justify-content:space-between;gap:16px;padding:10px 0}.punkt:before{content:"";position:absolute;left:-25px;top:17px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--violett2)}.st-erledigt:before{background:var(--gruen);border-color:var(--gruen)}.st-in_arbeit:before{background:var(--violett2)}.st-wartet:before{background:var(--gold);border-color:var(--gold)}time{color:var(--leiser);font-size:.85rem;white-space:nowrap}
.vorgang{border-bottom:1px solid var(--linie);padding:14px 0}.vk{display:flex;justify-content:space-between;margin-bottom:6px}.status{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:99px;background:rgba(152,133,255,.16);color:var(--violett2);white-space:nowrap}.s-erledigt{background:rgba(63,214,154,.14);color:var(--gruen)}.s-wartet{background:rgba(245,180,84,.14);color:var(--gold)}.antwort{border-left:3px solid var(--violett2);padding-left:12px;color:var(--text)}
.leistungen{display:flex;flex-direction:column}.leistung{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--linie);flex-wrap:wrap}.leistung>div{flex:1;min-width:240px}.leistung h2{margin:0}.preis{color:var(--text);font-weight:600;margin:0}.leistung form{margin:0}.empf{background:rgba(105,68,255,.13);padding:20px;border-radius:14px}code{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px}code.lang{display:block;padding:12px;overflow-wrap:anywhere}
@media(max-width:720px){.zahlen{grid-template-columns:1fr}.zahl{padding:16px 0}.zahl+.zahl{border-left:0;border-top:1px solid var(--linie);padding-left:0}.zwei{grid-template-columns:1fr}.bz{grid-template-columns:120px 1fr 38px}.kopf{gap:8px;padding-block:10px}.nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto}.nav a{white-space:nowrap}.ab{margin-left:auto}.seite{padding-top:24px}}
meter::-webkit-meter-bar{background:rgba(255,255,255,.08);border:0;border-radius:6px;height:12px}meter::-webkit-meter-optimum-value{background:#8B6FFF;border-radius:6px}meter::-moz-meter-bar{background:#8B6FFF}