:root{--braun:#7a4a12;--gold:#f5c542;--text:#1d1b18;--grau:#6b665f;--linie:#e2ddd5;--hell:#faf8f4;--rot:#b3261e;--gelb:#fff4c2;color:var(--text);background:var(--hell);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:0 auto;padding:12px 16px 48px}h1{margin:8px 0 12px;font-size:1.4rem}h2{margin:20px 0 8px;font-size:1.1rem}small,.klein{color:var(--grau);font-size:.85rem}a{color:var(--braun)}.kopf{z-index:10;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--braun);color:#fff;align-items:center;gap:16px;display:flex;position:sticky;top:0}.kopf nav{flex:1;gap:12px;display:flex}.kopf a{color:#fff;opacity:.75;text-decoration:none}.kopf a.active{opacity:1;border-bottom:2px solid var(--gold)}.kopf .link{color:#fff}input,select,button,.knopf{font:inherit}input,select{border:1px solid var(--linie);background:#fff;border-radius:8px;width:100%;padding:10px}input[type=checkbox]{width:auto}label{color:var(--grau);margin:10px 0;font-size:.9rem;display:block}label>input,label>select{color:var(--text);margin-top:4px}label.inline{color:var(--text);align-items:center;gap:8px;display:flex}button,.knopf{border:1px solid var(--linie);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:10px 16px;text-decoration:none;display:inline-block}.primaer{background:var(--braun);border-color:var(--braun);color:#fff;cursor:pointer;border-radius:8px;padding:10px 16px}button:disabled{opacity:.5;cursor:default}.link{color:var(--braun);cursor:pointer;background:0 0;border:none;padding:4px}.leiste{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.leiste.klein{color:var(--grau);font-size:.85rem}.leiste.klein label{margin:0}.fehler{color:var(--rot)}.hinweis{border:1px dashed var(--linie);background:#fff;border-radius:8px;padding:16px}.laden{text-align:center;color:var(--grau);padding:40px}.liste{border:1px solid var(--linie);background:#fff;border-radius:8px;margin:0;padding:0;list-style:none}.liste li+li{border-top:1px solid var(--linie)}.liste a{color:inherit;flex-direction:column;padding:10px 12px;text-decoration:none;display:flex}.liste .neben{color:var(--grau);font-size:.85rem}.liste li.inaktiv{opacity:.5}.login{text-align:center;max-width:360px;margin:10vh auto;padding:24px 16px}.login label{text-align:left}.login button{width:100%;margin-top:8px}.formular{max-width:640px}.zwei{grid-template-columns:1fr;gap:0 12px;display:grid}@media (width>=560px){.zwei{grid-template-columns:1fr 1fr}}fieldset{border:1px solid var(--linie);background:#fff;border-radius:8px;margin:16px 0;padding:8px 12px 12px}.umrechnung{grid-template-columns:auto 1fr auto 5rem auto auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.tabelle-scroll{border:1px solid var(--linie);background:#fff;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--linie);text-align:left;vertical-align:top;padding:6px 8px}th{background:var(--hell);position:sticky;top:0}td select{min-width:11rem}td.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.warnung{background:var(--gelb)}.leiste.start{flex-wrap:wrap;justify-content:flex-start}.datei{position:relative;overflow:hidden}.datei input{opacity:0;cursor:pointer;position:absolute;inset:0}.marke{background:var(--linie);color:var(--text);vertical-align:middle;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:400;display:inline-block}.marke.erkannt{background:var(--gelb)}.marke.fehler{color:var(--rot);background:#f9d6d3}.marke.bestaetigt{color:#1e5e27;background:#d7efd9}.pruefen{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1000px){main:has(.pruefen){max-width:none}.pruefen{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.pruefen .beleg{position:sticky;top:56px}}.beleg .bild{border:1px solid var(--linie);background:#fff;border-radius:8px;max-height:75vh;overflow:auto}.beleg .bild img{max-width:none;display:block}.beleg iframe{border:1px solid var(--linie);background:#fff;border-radius:8px;width:100%;height:75vh}@media (width<=999px){.beleg .bild,.beleg iframe{height:45vh;max-height:45vh}}.position{border:1px solid var(--linie);border-left:4px solid var(--linie);background:#fff;border-radius:8px;margin-bottom:8px;padding:8px 10px}.position.gruen{border-left-color:#3a9a4a}.position.gelb{background:#fffdf2;border-left-color:#e0b400}.position.rot{border-left-color:var(--rot)}.position.pfand{opacity:.7}.position label{margin:4px 0}.position .rohtext{align-items:center;gap:6px;display:flex}.position .rohtext input{font-weight:600}.position .werte{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=560px){.position .werte{grid-template-columns:1fr 1fr 1fr .8fr}}.position .faktor{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.position .faktor input{width:6rem;margin:0}.position .ergebnis{color:#1e5e27;margin:4px 0 0}.aktionen{background:var(--hell);flex-wrap:wrap;justify-content:flex-end;padding:8px 0;position:sticky;bottom:0}.artikelwahl{text-align:left;width:100%;margin-top:4px}.artikelwahl.leer{color:var(--rot);border-color:var(--rot)}.artikelwahl-offen{border:1px solid var(--linie);background:#fff;border-radius:8px;margin-top:4px;padding:6px}.artikelwahl-offen ul{max-height:280px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.artikelwahl-offen li button:not(.link){text-align:left;border:none;border-radius:6px;width:100%;padding:8px}.artikelwahl-offen li button:not(.link):hover{background:var(--hell)}.warnung-box{background:var(--gelb);border:1px solid #e0b400;border-radius:8px;padding:10px 12px}.ok-box{color:#1e5e27;background:#e8f5ea;border:1px solid #9fd0a7;border-radius:8px;padding:10px 12px}.warnung-text{color:#8a6d00;margin:4px 0}.kopf nav{overflow-x:auto}.tabs{border-bottom:2px solid var(--linie);gap:4px;margin:12px 0;display:flex}.tabs button{color:var(--grau);background:0 0;border:none;border-radius:8px 8px 0 0;padding:8px 14px}.tabs button.aktiv{color:var(--text);border:2px solid var(--linie);background:#fff;border-bottom-color:#fff;margin-bottom:-2px;font-weight:600}.position.neu{border-left-color:var(--braun)}.position .breit{grid-column:1/-1}.zaehl-kopf{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.zaehl-kopf .zahl{font-variant-numeric:tabular-nums;white-space:nowrap}.warnliste{margin-bottom:16px}.warnung{background:#fff;border-left:4px solid;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:8px 10px;display:flex}.warnung.rot{border-left-color:var(--rot)}.warnung.gelb{background:#fffdf2;border-left-color:#e0b400}.warnung.quittiert{opacity:.7;border-left-color:#3a9a4a}.warnung label{margin:0}table.bewertung tr.gruppe td{background:var(--hell);padding-top:12px;font-weight:600}table.bewertung tr.zwischensumme td{border-bottom:2px solid var(--linie);font-weight:600}table.bewertung tr.rot td:first-child{box-shadow:inset 4px 0 var(--rot)}table.bewertung tfoot td{font-weight:600}table.bewertung tr.gesamt td{border-top:2px solid var(--text);font-size:1.05rem}