*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#1c2330;background:#f4f5f7}.app{max-width:1400px;margin:0 auto;padding:0 16px 24px}header{display:flex;align-items:center;gap:16px;padding:14px 0}header h1{font-size:20px;margin:0;white-space:nowrap}header nav{display:flex;gap:4px}header nav button{border:0;background:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#4a5262}header nav button.aktiv{background:#e9f0fb;color:#2a5db0;font-weight:600}.header-rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.korb-knopf{border:1px solid #c6ccd6;background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:14px;position:relative}.korb-zahl{background:#2a5db0;color:#fff;border-radius:999px;padding:0 7px;font-size:12px;margin-left:6px}.korb-meldung{color:#1e7a33;font-weight:600}.benutzer-name{color:#67707f;white-space:nowrap}.abmelden{border:0;background:none;cursor:pointer;font-size:16px;color:#8a919e}.suchzeile{display:flex;align-items:center;gap:16px;padding-bottom:12px}.suchzeile input{flex:1;padding:9px 12px;border:1px solid #c6ccd6;border-radius:8px;font-size:14px}.zaehler{color:#67707f;white-space:nowrap}.login-seite{display:grid;place-items:center;min-height:100vh}.login-box{background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:30px 34px;display:flex;flex-direction:column;gap:12px;width:320px}.login-box h1{margin:0;font-size:20px}.login-hinweis{margin:0 0 6px;color:#67707f}.login-box input{padding:9px 12px;border:1px solid #c6ccd6;border-radius:8px}.login-box button{padding:10px;border:0;border-radius:8px;background:#2a5db0;color:#fff;font-size:14px;cursor:pointer}.login-box button:disabled{opacity:.6}.bestellen-zeile{display:flex;align-items:center;gap:8px;margin:10px 0 4px}.bestellen-zeile input{width:70px;padding:8px;border:1px solid #c6ccd6;border-radius:8px}.bestellen-knopf{padding:9px 16px;border:0;border-radius:8px;background:#2a5db0;color:#fff;font-size:14px;cursor:pointer}.bestellen-knopf:disabled{opacity:.5;cursor:default}.drawer-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2673;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:#fff;padding:18px 22px;overflow-y:auto;box-shadow:-6px 0 24px #0000002e}.drawer h2{margin:0 0 14px}.drawer-x{float:right;border:0;background:none;font-size:16px;cursor:pointer;color:#8a919e}.korb-zeile{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef0f3}.korb-teil{flex:1}.korb-zeile input{width:64px;padding:6px;border:1px solid #c6ccd6;border-radius:6px}.korb-x{border:0;background:none;color:#a33;cursor:pointer}.checkout{margin-top:16px;display:flex;flex-direction:column;gap:10px}.checkout h3{margin:0}.checkout label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4a5262}.checkout input,.checkout select,.checkout textarea{padding:8px 10px;border:1px solid #c6ccd6;border-radius:8px;font:inherit}.absenden{padding:11px;border:0;border-radius:8px;background:#1e7a33;color:#fff;font-size:14.5px;cursor:pointer}.absenden:disabled{opacity:.6}.badge.status-offen{background:#fdf3dc;color:#8a6410}.badge.status-freigegeben{background:#e8eefb;color:#2a5db0}.badge.status-versendet{background:#e3f2e6;color:#1e7a33}.badge.status-abgeschlossen{background:#dcefe0;color:#145223;font-weight:600}.badge.status-storniert{background:#fdecec;color:#a33}.filter-zeile{background:#f6f8fb}.filter-zeile select{width:100%;padding:6px;border:1px solid #c6ccd6;border-radius:6px}.best-info td{padding:3px 14px 3px 0;vertical-align:top}.best-info td:first-child{color:#67707f;white-space:nowrap}.vorformatiert{white-space:pre-wrap}.status-knoepfe{margin-top:16px;display:flex;gap:8px}.status-knoepfe button{padding:7px 14px;border:1px solid #c6ccd6;background:#fff;border-radius:8px;cursor:pointer}.status-knoepfe button:hover{background:#f6f8fb}.benutzer-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.benutzer-form input,.benutzer-form select{padding:8px 10px;border:1px solid #c6ccd6;border-radius:8px}.benutzer-form button{padding:8px 14px;border:0;border-radius:8px;background:#2a5db0;color:#fff;cursor:pointer}.benutzer-form button:disabled{opacity:.6}.benutzer-meldung{color:#1e7a33}.benutzer-liste li{display:flex;align-items:center;gap:10px;padding:6px 0}.benutzer-liste select,.benutzer-liste input{padding:5px 8px;border:1px solid #c6ccd6;border-radius:6px}.benutzer-liste input{width:260px}.lagerplaetze{margin:8px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lagerplatz{background:#eef4ff;border:1px solid #c9d8f2;border-radius:8px;padding:3px 10px}.lagerplatz b{color:#2a5db0;letter-spacing:.4px}.lagerplatz small{color:#67707f;margin-left:6px}.chips{display:flex;gap:8px;padding-bottom:12px;flex-wrap:wrap}.chip{border:1px solid #c6ccd6;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px;color:#4a5262}.chip.aktiv{border-color:#2a5db0;background:#e9f0fb;color:#2a5db0;font-weight:600}.chip.alt{background:#fbf3e9;border-color:#e8cda6;color:#a05a1a}.chip.alt.aktiv{background:#f6e3c8;border-color:#a05a1a;color:#7d4410;font-weight:600}.chip-warn{background:#fdecec;border-color:#f5b5b5;color:#a33;cursor:default}.druck-knopf{float:right;border:1px solid #c6ccd6;background:#fff;border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13px;font-weight:400}@media print{header,.chips,.liste,.status-knoepfe,.druck-knopf,.fehler{display:none!important}body{background:#fff}main{display:block}.detail{border:0;padding:0}}.fehler{background:#fdecec;border:1px solid #f5b5b5;padding:8px 12px;border-radius:8px}main{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}.liste{list-style:none;margin:0;padding:0;max-height:calc(100vh - 90px);overflow-y:auto;background:#fff;border:1px solid #e2e5ea;border-radius:10px}.liste li{padding:9px 12px;border-bottom:1px solid #eef0f3;cursor:pointer}.liste li:hover{background:#f6f8fb}.liste li.aktiv{background:#e9f0fb}.liste .zeile1{display:flex;justify-content:space-between;align-items:baseline}.liste .name{color:#39414e}.liste .kurz{color:#8a919e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11.5px;background:#eceff3;color:#4a5262;margin-left:4px}.badge.b3d{background:#e3f2e6;color:#1e7a33;font-weight:600}.badge.bzg{background:#e8eefb}.badge.btyp{background:#f1e9fb;color:#6b3fa0}.badge.bcad{background:#fdf3dc;color:#8a6410;font-weight:600}.badge.binaktiv{background:#fdecec;color:#a33}.badge.balt{background:#fbe9d7;color:#a05a1a;font-weight:600;cursor:pointer}.badge.bfam{background:#e4f0f0;color:#1a6b6b;cursor:pointer}.familie-select{padding:3px 6px;border:1px solid #c6ccd6;border-radius:6px;margin-right:6px}header select{padding:8px 10px;border:1px solid #c6ccd6;border-radius:8px;background:#fff}.detail{background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:18px 22px;min-height:300px}.detail h2{margin:0 0 6px;font-size:19px}.detail h3{margin:22px 0 8px;font-size:15px;border-top:1px solid #eef0f3;padding-top:14px}.meta{margin:0 0 10px}.meta .badge{margin:0 6px 0 0}.beschreibung{white-space:pre-wrap;color:#39414e;margin:6px 0}.text-en summary{cursor:pointer;color:#67707f}.dok-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dok-tabs button{border:1px solid #c6ccd6;background:#fff;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:13px}.dok-tabs button.aktiv{background:#2a5db0;border-color:#2a5db0;color:#fff}.dok-tabs button small{opacity:.7}.dok-viewer{border:1px solid #e2e5ea;border-radius:10px;overflow:hidden}.dok-toolbar{display:flex;gap:14px;align-items:center;padding:7px 12px;background:#f6f8fb;border-bottom:1px solid #e2e5ea;font-size:12.5px}.dok-info{flex:1;color:#67707f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-toolbar a{color:#2a5db0;text-decoration:none;white-space:nowrap}.dok-frame{width:100%;height:560px;border:0;display:block}.dok-bild{max-width:100%;display:block}.cad3d-canvas canvas{display:block;width:100%!important}.cad3d-hint{margin:6px 12px;color:#8a919e;font-size:12px}.stueckliste{list-style:none;margin:0;padding:0}.stueckliste li{padding:3px 0}.stueckliste .menge{display:inline-block;min-width:34px;color:#67707f}.leer{color:#8a919e;padding:10px 12px}.upload-knopf{float:right;font-weight:400;font-size:13px;color:#2a5db0;border:1px solid #b9c9e6;border-radius:8px;padding:3px 10px;cursor:pointer}.upload-knopf:hover{background:#e9f0fb}.lade-status{float:right;margin-right:10px;color:#8a919e;font-weight:400}.dok-bereich{min-height:40px}.dok-x{margin-left:7px;color:#a33;font-weight:600}.dok-tabs button.aktiv .dok-x{color:#ffd7d7}.dok-x:hover{text-decoration:underline}.badge.bcad{cursor:pointer}.badge.leer-cad{background:#eceff3;color:#8a919e}.cad-edit input{padding:4px 8px;border:1px solid #c6ccd6;border-radius:6px;width:240px}.cad-edit button{margin-left:4px;border:1px solid #c6ccd6;background:#fff;border-radius:6px;padding:3px 8px;cursor:pointer}