:root{color-scheme:light;--farbe-primaer: #1b5e20;--farbe-primaer-dunkel: #0f3d14;--farbe-gefahr: #b71c1c;--farbe-text: #1a1a1a;--farbe-text-schwach: #444;--farbe-hintergrund: #f4f6f4;--farbe-flaeche: #ffffff;--farbe-rand: #c4ccc4;--farbe-fokus: #0057d8;--schrift-basis: 18px;--radius: 12px;--abstand: 16px;--touch-min: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--schrift-basis);line-height:1.5;color:var(--farbe-text)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--farbe-hintergrund)}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{min-height:100vh}.seite{max-width:720px;margin:0 auto;padding:var(--abstand);display:flex;flex-direction:column;gap:var(--abstand)}.kopf{display:flex;align-items:center;gap:var(--abstand);flex-wrap:wrap}h1{font-size:1.5rem;margin:0}.btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:0 20px;font-size:1.05rem;font-weight:600;border:2px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-gross{font-size:1.15rem}.btn-primary{background:var(--farbe-primaer);border-color:var(--farbe-primaer-dunkel);color:#fff;width:100%;min-height:64px;font-size:1.25rem}.btn-primary:active{background:var(--farbe-primaer-dunkel)}.btn-gefahr{color:var(--farbe-gefahr);border-color:var(--farbe-gefahr);background:var(--farbe-flaeche)}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.hinweis{color:var(--farbe-text-schwach);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:var(--abstand);margin:0}.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.karte{display:flex;align-items:stretch;gap:8px}.karte-haupt{flex:1;min-height:var(--touch-min);padding:14px 18px;text-align:left;border:2px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px}.karte-haupt:active{border-color:var(--farbe-primaer)}.karte-id{font-size:.95rem;color:var(--farbe-text-schwach);font-variant-numeric:tabular-nums}.karte-titel{font-size:1.15rem;font-weight:600}.sync{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sync-zeile{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--abstand);border:1px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche)}.sync-text{overflow-wrap:anywhere}.hinweis-warnung{border-color:#b26a00;background:#fff4e0}.hinweis-info{border-color:#1565c0;background:#e3f0ff}.hinweis-ok{border-color:var(--farbe-primaer);background:#e8f5e9}.tab-leiste{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--farbe-rand);padding-bottom:4px}.tab-btn{min-height:48px;padding:0 14px;font-size:1rem;font-weight:500;border:2px solid var(--farbe-rand);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:var(--farbe-hintergrund);color:var(--farbe-text-schwach);cursor:pointer}.tab-btn-aktiv{background:var(--farbe-flaeche);color:var(--farbe-primaer);border-color:var(--farbe-primaer);font-weight:700}.formular{display:flex;flex-direction:column;gap:var(--abstand)}.abschnitt-titel{font-size:1.25rem;font-weight:700;margin:0;color:var(--farbe-primaer)}.eingabe-gruppe{display:flex;flex-direction:column;gap:6px}.eingabe-label{font-size:.95rem;font-weight:600;color:var(--farbe-text-schwach)}.eingabe{width:100%;min-height:var(--touch-min);padding:10px 14px;font-size:1rem;border:2px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-text);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.eingabe:focus{outline:3px solid var(--farbe-fokus);outline-offset:2px}textarea.eingabe{resize:vertical;min-height:80px}.pos-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pos-karte{border:2px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);padding:12px;display:flex;flex-direction:column;gap:8px}.pos-karte-kopf{display:flex;align-items:flex-start;gap:10px}.pos-karte-info{flex:1;display:flex;flex-direction:column;gap:4px}.pos-bezeichnung{font-weight:600;font-size:1.05rem}.pos-anzahl{color:var(--farbe-text-schwach);font-size:.95rem}.pos-zustand{color:var(--farbe-text-schwach);font-size:.9rem;font-style:italic}.pos-preis{font-size:.9rem;color:var(--farbe-text-schwach)}.pos-gesamt{font-weight:700;color:var(--farbe-primaer)}.pos-begruendung{font-size:.9rem;color:var(--farbe-text-schwach);margin:0;font-style:italic}.summen-zeile{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--farbe-flaeche);border:2px solid var(--farbe-primaer);border-radius:var(--radius);font-size:1.1rem}.summen-wert{font-weight:700;font-size:1.25rem;color:var(--farbe-primaer);font-variant-numeric:tabular-nums}.panel{border:2px solid var(--farbe-primaer);border-radius:var(--radius);background:var(--farbe-flaeche);padding:var(--abstand);display:flex;flex-direction:column;gap:var(--abstand)}.panel-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-titel{font-size:1.1rem;font-weight:700;margin:0}.panel-fuss{display:flex;gap:10px;flex-wrap:wrap}.suche-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.suche-eintrag{width:100%;min-height:var(--touch-min);padding:12px 14px;text-align:left;border:2px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-text);cursor:pointer;display:flex;flex-direction:column;gap:4px}.suche-eintrag:active{border-color:var(--farbe-primaer);background:#e8f5e9}.suche-bezeichnung{font-weight:600}.suche-meta{font-size:.9rem;color:var(--farbe-text-schwach)}.preis-zeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preis-anzeige{font-size:1.15rem;font-weight:700;color:var(--farbe-primaer);font-variant-numeric:tabular-nums}.preis-basis{font-size:.85rem;color:var(--farbe-text-schwach)}.hinweis-klein{font-size:.9rem;color:var(--farbe-text-schwach);margin:0}.export-ergebnis{display:flex;flex-direction:column;gap:10px}.konflikte-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.konflikt-eintrag{padding:8px 12px;background:#fff4e0;border:1px solid #b26a00;border-radius:var(--radius);font-size:.9rem}.hinweis-warnung-titel{font-size:.95rem;color:#b26a00;font-weight:600;margin:0}.hinweis-details{margin-top:.25rem}.hinweis-details>summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;list-style-position:inside}