:root{--sand: #cbb9a2;--stahl: #9eb0c3;--puder: #d9c1b6;--seite: #e9e4dc;--text: #15161a;--text-2: #5c5e66;--text-3: #8a8b92;--glas: rgba(255,255,255,.52);--glas-rand: rgba(255,255,255,.72);--glas-licht: rgba(255,255,255,.85);--fest: rgba(255,255,255,.84);--fest-2: rgba(21,22,26,.045);--linie: rgba(21,22,26,.09);--linie-2: rgba(21,22,26,.16);--tinte: #15161a;--auf-tinte: #ffffff;--akzent: #2f5480;--akzent-hell: rgba(47,84,128,.12);--gut: #2e7a57;--gut-hell: rgba(46,122,87,.12);--warn: #9a5a12;--warn-hell: rgba(181,120,40,.14);--schlecht: #b5532f;--schlecht-hell: rgba(181,83,47,.13);--schatten: 0 6px 22px rgba(40,30,20,.1);--radius: 12px;--rund: 18px;--schrift: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sand: #4a3f33;--stahl: #2e3b4b;--puder: #4b3a35;--seite: #141416;--text: #efeeec;--text-2: #a7a8ae;--text-3: #7c7d84;--glas: rgba(36,36,40,.55);--glas-rand: rgba(255,255,255,.1);--glas-licht: rgba(255,255,255,.08);--fest: rgba(30,30,34,.86);--fest-2: rgba(255,255,255,.06);--linie: rgba(255,255,255,.08);--linie-2: rgba(255,255,255,.16);--tinte: #efeeec;--auf-tinte: #141416;--akzent: #9db8db;--akzent-hell: rgba(157,184,219,.16);--gut: #6cc39a;--gut-hell: rgba(108,195,154,.14);--warn: #e0a35a;--warn-hell: rgba(224,163,90,.14);--schlecht: #ec8a68;--schlecht-hell: rgba(236,138,104,.14);--schatten: 0 6px 22px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--sand: #4a3f33;--stahl: #2e3b4b;--puder: #4b3a35;--seite: #141416;--text: #efeeec;--text-2: #a7a8ae;--text-3: #7c7d84;--glas: rgba(36,36,40,.55);--glas-rand: rgba(255,255,255,.1);--glas-licht: rgba(255,255,255,.08);--fest: rgba(30,30,34,.86);--fest-2: rgba(255,255,255,.06);--linie: rgba(255,255,255,.08);--linie-2: rgba(255,255,255,.16);--tinte: #efeeec;--auf-tinte: #141416;--akzent: #9db8db;--akzent-hell: rgba(157,184,219,.16);--gut: #6cc39a;--gut-hell: rgba(108,195,154,.14);--warn: #e0a35a;--warn-hell: rgba(224,163,90,.14);--schlecht: #ec8a68;--schlecht-hell: rgba(236,138,104,.14);--schatten: 0 6px 22px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.45 var(--schrift);color:var(--text);background:var(--seite);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:-1;pointer-events:none;filter:blur(50px) saturate(130%);background:radial-gradient(circle at 12% 18%,var(--sand) 0,transparent 38%),radial-gradient(circle at 88% 35%,var(--stahl) 0,transparent 40%),radial-gradient(circle at 45% 92%,var(--puder) 0,transparent 42%),var(--seite)}h1{font-size:24px;font-weight:600;margin:0;letter-spacing:-.025em;text-wrap:balance}h2{font-size:16px;font-weight:600;margin:28px 0 10px;letter-spacing:-.01em}h3{font-size:14px;font-weight:600;margin:0 0 8px}p{margin:0 0 8px}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}.leise{color:var(--text-2)}.klein{font-size:12px}.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.navi,.klebrig,.dialog,.navi-knopf,.meldung{background:var(--glas);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--glas-rand);box-shadow:inset 0 1px 0 var(--glas-licht),var(--schatten)}.rahmen{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;gap:8px;padding:12px}.navi{border-radius:24px;padding:16px 8px;position:sticky;top:12px;height:calc(100vh - 24px);overflow-y:auto}.navi .marke{font-weight:600;padding:0 12px 2px;letter-spacing:-.02em;font-size:15px}.navi .haendler{font-size:12px;color:var(--text-2);padding:0 12px 12px;margin-bottom:4px}.navi a{display:block;padding:7px 12px;color:var(--text);border-radius:999px}.navi a:hover{background:var(--fest-2);text-decoration:none}.navi a.aktiv{color:var(--auf-tinte);background:var(--tinte);font-weight:500}.navi .gruppe{font-size:11px;color:var(--text-3);padding:14px 12px 4px;letter-spacing:.03em}.navi .unten{border-top:1px solid var(--linie);margin-top:12px;padding-top:8px}.inhalt{padding:16px 24px 64px;max-width:1200px;width:100%;min-width:0}.kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.kopf .aktionen{display:flex;gap:8px;flex-wrap:wrap}.navi-knopf{display:none}@media (max-width: 820px){.rahmen{grid-template-columns:minmax(0,1fr);padding:0}.navi{position:fixed;top:10px;right:30%;bottom:10px;left:10px;z-index:20;height:auto;transform:translate(-110%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.navi.offen{transform:none}.navi-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#00000038}.navi-knopf{display:inline-flex;border-radius:999px}.inhalt{padding:12px 16px 64px}}.karte,.kennzahl,.tabelle-huelle,.position,.rechtliches{background:var(--fest);border:1px solid var(--glas-rand);box-shadow:var(--schatten)}.karte{border-radius:var(--rund);padding:16px;margin-bottom:16px}.raster{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kennzahl{border-radius:var(--rund);padding:14px 16px}.kennzahl .wert{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.kennzahl .titel{font-size:12px;color:var(--text-2)}.zeile{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.tabelle-huelle{overflow-x:auto;border-radius:var(--rund)}table{border-collapse:collapse;width:100%}th,td{padding:8px 12px;border-bottom:1px solid var(--linie);text-align:left;vertical-align:middle}th{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--fest-2)}td.leer{color:var(--text-2);text-align:center;padding:24px}tfoot td{font-weight:600;background:var(--fest-2)}label.feld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2);min-width:0}input,select,textarea{font:inherit;color:var(--text);background:var(--fest-2);border:1px solid var(--linie);border-radius:10px;padding:7px 10px;min-height:34px}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent-hell);border-color:var(--akzent)}input[type=number],input.zahl{text-align:right;font-variant-numeric:tabular-nums}input.menge{width:56px;padding:7px 4px;text-align:center}input[type=checkbox]{min-height:auto;margin:2px 0 0;flex:none;accent-color:var(--tinte)}input[type=file]{padding:6px}label.haken{display:flex;align-items:flex-start;gap:8px;cursor:pointer}@media (max-width: 820px){input,select{font-size:16px}}button,.knopf{font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:var(--fest-2);color:var(--text);border-radius:999px;padding:7px 14px;min-height:34px;white-space:nowrap}button:hover,.knopf:hover{background:var(--linie);text-decoration:none}button:active:not(:disabled),.knopf:active{transform:scale(.97);transition:transform 80ms ease-out}button:focus-visible,.knopf:focus-visible,a:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}.haupt,a.knopf.haupt{background:var(--tinte);border-color:var(--tinte);color:var(--auf-tinte)}.haupt:hover,a.knopf.haupt:hover{background:var(--tinte);opacity:.88}button.gefahr{color:var(--schlecht)}button.link{border:none;background:none;color:var(--akzent);padding:0;min-height:auto;border-radius:0}button:disabled{opacity:.45;cursor:default}.meldung{border-radius:14px;padding:10px 14px;margin-bottom:12px}.meldung.fehler{background:var(--schlecht-hell);color:var(--schlecht)}.meldung.ok{background:var(--gut-hell);color:var(--gut)}.meldung.hinweis{background:var(--warn-hell);color:var(--warn)}.meldung.info{background:var(--akzent-hell);color:var(--akzent)}.status{font-size:12px;font-weight:500}.status.entwurf{color:var(--text-2)}.status.bestellt,.status.bestaetigt{color:var(--akzent)}.status.geliefert,.status.abgeschlossen{color:var(--gut)}.status.storniert{color:var(--schlecht)}.gut{color:var(--gut)}.schlecht{color:var(--schlecht)}.warn{color:var(--warn)}.befunde{display:grid;gap:2px;padding:6px}.befund{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:14px;transition:background .2s,transform .2s}.befund:hover{background:var(--linie);transform:translate(2px)}.ampel{width:10px;height:10px;border-radius:50%;align-self:start;margin-top:6px}.erste-schritte .fortschritt{height:6px;border-radius:999px;background:var(--linie);margin:12px 0 8px;overflow:hidden}.erste-schritte .fortschritt i{display:block;height:100%;background:var(--tinte);border-radius:inherit;transition:width .8s cubic-bezier(.2,.8,.2,1)}.erste-schritte .ampel:not(.rot):not(.gelb):not(.gruen){background:var(--linie)}.befund.erledigt b{text-decoration:line-through;color:var(--text-2);font-weight:500}.ampel.rot{background:var(--schlecht)}.ampel.gelb{background:var(--warn)}.ampel.gruen{background:var(--gut)}@media (max-width: 820px){.befund{grid-template-columns:12px minmax(0,1fr)}.befund button{grid-column:2;justify-self:start}}.mini-kurve{display:flex;gap:10px;align-items:flex-end;height:120px;margin-top:12px}.mini-kurve>div{flex:1;max-width:64px;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:2px}.mini-kurve span{align-self:end;width:100%;border-radius:8px 8px 3px 3px;background:var(--text);opacity:.85;transition:height .6s cubic-bezier(.2,.8,.2,1)}.mini-kurve small{font-size:11px}.leiste{height:8px;background:var(--fest-2);border-radius:9px;overflow:hidden;display:flex;margin-top:8px}.leiste>div{transition:width .42s cubic-bezier(.2,.8,.2,1)}.leiste .gebunden{background:var(--tinte)}.leiste .vorgemerkt{background:var(--tinte);opacity:.35}.leiste.ueber .gebunden{background:var(--schlecht)}.position{border-radius:var(--rund);padding:14px;margin-bottom:10px}.position .titel{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.groessen{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.groessen .g{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--text-2);min-width:58px;padding:6px 2px;border-radius:14px;background:var(--fest-2)}.groessen .g b{font-size:16px;color:var(--text);font-variant-numeric:tabular-nums}.groessen .g small{color:var(--text-3);font-size:11px}.groessen .g input.menge{background:var(--fest)}.schritte{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.schritte span,.schritte button{padding:5px 12px;border-radius:999px;font-size:12px;color:var(--text-2);background:var(--fest-2);border:1px solid transparent;min-height:auto;font-weight:400}.schritte span.aktiv,.schritte button.aktiv{color:var(--auf-tinte);background:var(--tinte)}.dialog-huelle{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000038;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:30;overflow-y:auto}.dialog{border-radius:28px;padding:22px;width:100%;max-width:560px}.dialog .aktionen{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media (max-width: 820px){.dialog-huelle{align-items:flex-end;padding:16px 8px}}.anmeldung{max-width:400px;margin:12vh auto;padding:0 16px}.anmeldung .karte{padding:24px;border-radius:28px}.klebrig{position:sticky;top:8px;z-index:5;border-radius:22px}.gross-zahl{font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.position.gewaehlt{border-color:var(--tinte)}.vorschau{width:52px;height:52px;object-fit:cover;border-radius:12px;border:1px solid var(--linie);flex:none;background:var(--fest-2)}.vorschau.leer{display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-3);border-style:dashed;cursor:pointer}label.foto{cursor:pointer;display:inline-flex}.nur-drucken{display:none}.rechtliches{max-width:720px;margin:24px auto;padding:32px 24px 48px;border-radius:28px}.rechtliches h2{margin-top:20px}.rechtliches ul{padding-left:20px}.navi .rechtlich{font-size:11px;padding:8px 12px;color:var(--text-3)}.navi .rechtlich a{display:inline;padding:0;color:var(--text-3);border-radius:0}.navi .rechtlich a:hover{background:none}@media (prefers-reduced-motion: reduce){*{transition:none!important}button:active{transform:none}}@media (prefers-reduced-transparency: reduce){.navi,.klebrig,.dialog,.navi-knopf,.meldung{background:var(--seite);backdrop-filter:none;-webkit-backdrop-filter:none}.karte,.kennzahl,.tabelle-huelle,.position{background:var(--seite)}}@media print{body:after{display:none}.nur-drucken{display:block}.navi,.kopf .aktionen,.nicht-drucken{display:none!important}.rahmen{display:block;padding:0}body{background:#fff}.inhalt{padding:0}.tabelle-huelle,.karte,.position{border:none;box-shadow:none;background:#fff}}.logo{all:unset;cursor:pointer;display:inline-flex;color:var(--text);border-radius:10px}.logo:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}.logo svg{overflow:visible;display:block}.logo .kl{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;transform-box:fill-box;transform-origin:center;transition:transform .38s cubic-bezier(.34,1.5,.64,1)}.logo .logo-text{font:500 25px var(--schrift);letter-spacing:-1px;fill:currentColor;transition:letter-spacing .38s cubic-bezier(.2,.8,.2,1)}.logo .caret{fill:currentColor;animation:blinken .7s steps(1) infinite}.logo .caret.aus{opacity:0;animation:none}@keyframes blinken{50%{opacity:0}}.logo:hover .kl-l{transform:translate(3px) scaleX(1.6)}.logo:hover .kl-r{transform:translate(-3px) scaleX(1.6)}.logo:hover .logo-text{letter-spacing:-1.6px}.logo:active .kl{transform:scaleX(2);transition-duration:.12s}.navi .marke{padding:0 8px 2px}.anmeldung .logo{margin-bottom:8px}button,.knopf,a,.navi a,input,select,textarea{transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease-out}button:hover:not(:disabled),.knopf:hover{transform:translateY(-1px);box-shadow:0 4px 14px #15161a1f}.haupt:hover:not(:disabled){box-shadow:0 6px 18px #15161a38}button.link:hover{transform:none;box-shadow:none;text-decoration:underline}.navi a:hover:not(.aktiv){transform:translate(3px)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--linie-2)}.karte,.kennzahl,.position,.tabelle-huelle{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease-out,border-color .22s ease-out}a>.kennzahl:hover,.kennzahl:hover,.position:hover{transform:translateY(-2px);box-shadow:0 10px 28px #281e1424}tbody tr td{transition:background-color .15s ease-out}tbody tr[style*=pointer]:hover td:first-child{box-shadow:inset 3px 0 0 var(--tinte)}.groessen .g{transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease-out}.groessen .g:hover{transform:translateY(-2px);background:var(--linie)}.vorschau{transition:transform .22s cubic-bezier(.2,.8,.2,1)}label.foto:hover .vorschau{transform:scale(1.06) rotate(-2deg)}.schritte button:hover:not(.aktiv){background:var(--linie)}@media (prefers-reduced-motion: reduce){.logo .kl,.logo .logo-text{transition:none}button:hover,.knopf:hover,.navi a:hover,.kennzahl:hover,.position:hover,.groessen .g:hover{transform:none!important}}.hilfe{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:14px 16px;margin-bottom:16px;border-radius:var(--rund);background:#cbb9a238;border:1px solid rgba(21,22,26,.07)}.hilfe p{margin:0 0 6px;max-width:72ch}.hilfe p:last-child{margin:0;color:var(--text-2)}.hilfe .link{flex:none}.hilfe-auf{display:block;margin:-4px 0 12px;font-size:13px;color:var(--text-2)}