:root{--blau: #1a3a5c;--blau-hell: #e8eef5;--rand: #d6dbe1;--text: #1b1f24;--leise: #5d6673;--rot: #b3261e;--gruen: #1e7d4a;--gelb: #9a6b00}*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#f6f7f9}main{max-width:760px;margin:0 auto;padding:16px 16px 80px}main.mitte{text-align:center;padding-top:20vh}h1{font-size:1.4rem;margin:8px 0 12px}h2{font-size:1.05rem;margin:20px 0 8px}a{color:var(--blau)}.kopf{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--blau);color:#fff;flex-wrap:wrap}.kopf .marke{color:#fff;font-weight:700;text-decoration:none}.kopf nav{display:flex;gap:4px;flex:1}.kopf nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;opacity:.85}.kopf nav a.aktiv,.kopf nav a:hover{background:#ffffff2e;opacity:1}.kopf .leise{color:#fff;opacity:.85}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--rand);border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--blau);outline-offset:0;border-color:var(--blau)}label{display:block;margin:12px 0;font-weight:600;font-size:.92rem}label input,label select,label textarea{margin-top:4px;font-weight:400}label.kaestchen{display:flex;align-items:center;gap:6px;margin:0}label.kaestchen input{width:auto;margin:0}button{padding:10px 14px;border-radius:8px;border:1px solid var(--rand);background:#fff;color:var(--text);cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}button.primaer{background:var(--blau);border-color:var(--blau);color:#fff}button.gefahr{color:var(--rot);border-color:var(--rot)}button.leise,a.leise{background:transparent;border-color:transparent;color:var(--leise);min-height:0;padding:6px 8px}.aktionen{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;align-items:center}.filter{display:grid;gap:8px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:0;padding:5px 10px;border-radius:999px;font-size:.88rem}.chip.an{background:var(--blau-hell);border-color:var(--blau);color:var(--blau)}.karten{list-style:none;padding:0;margin:0;display:grid;gap:8px}.karte{display:block;width:100%;text-align:left;padding:12px 14px;background:#fff;border:1px solid var(--rand);border-radius:10px;color:var(--text);text-decoration:none}a.karte:hover,button.karte:hover{border-color:var(--blau)}.karte-kopf{display:flex;align-items:center;gap:10px;margin-bottom:2px}.karte-kopf h1{margin:8px 0;flex:1}.karte-kopf span:not(.marke-status){color:var(--leise)}.karte small,.hinweis,small{color:var(--leise)}.abgeschnitten{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marke-status{margin-left:auto;font-size:.78rem;padding:2px 8px;border-radius:999px;background:var(--blau-hell);color:var(--blau);white-space:nowrap}.status-abgeschlossen{background:#fff4d6;color:var(--gelb)}.status-freigegeben,.status-verbucht{background:#e3f4ea;color:var(--gruen)}.status-storniert,.versand-fehlgeschlagen{background:#fbe4e2;color:var(--rot)}.fehler{color:var(--rot);background:#fbe4e2;padding:10px 12px;border-radius:8px}.fehler.klein{padding:6px 8px;font-size:.88rem;margin:6px 0}.daten{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.daten dt{color:var(--leise)}.daten dd{margin:0}.text{white-space:pre-wrap;background:#fff;border:1px solid var(--rand);border-radius:8px;padding:10px 12px}.tabelle{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rand);border-radius:8px}.tabelle th,.tabelle td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rand);vertical-align:top}.tabelle th{font-size:.85rem;color:var(--leise)}.zahl{text-align:right;white-space:nowrap}.gedaempft{color:var(--leise)}.positionen fieldset.position{border:1px solid var(--rand);border-radius:10px;background:#fff;padding:10px 12px;margin:0 0 10px}.zeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.zeile label{margin:0;flex:1 1 120px}.zeile select{width:auto;flex:0 0 auto}.zeile .breit{flex:1 1 200px;width:auto}.schmal{width:100%}.wahl{position:relative;flex:1 1 200px}.vorschlaege{position:absolute;z-index:3;left:0;right:0;list-style:none;margin:4px 0 0;padding:0;background:#fff;border:1px solid var(--rand);border-radius:8px;max-height:240px;overflow:auto;box-shadow:0 6px 20px #0000001a}.vorschlaege button{width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--rand)}.leinwand-rahmen{background:#fff;border:2px dashed var(--rand);border-radius:10px;padding:8px;margin:12px 0}.leinwand{display:block;touch-action:none;background:#fff;border-bottom:1px solid var(--rand)}.unterschrift-anzeige img{max-height:100px;background:#fff;border:1px solid var(--rand);border-radius:8px;padding:6px;display:block}