:root{--text:#1d2228;--leise:#5b6570;--linie:#d9dee3;--flaeche:#f5f7f9;--karte:#fff;--akzent:#c0392b;--akzent-text:#fff;--gelb:#fff4d6;--gelb-rand:#e0b44c;--gruen:#2e7d4f;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--flaeche);margin:0}h1{overflow-wrap:anywhere;margin:0;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}h3{margin:0;font-size:1rem}a{color:inherit}button{font:inherit;border:1px solid var(--akzent);background:var(--akzent);color:var(--akzent-text);cursor:pointer;border-radius:6px;padding:.45rem .9rem}button:disabled{opacity:.45;cursor:default}button.leise{color:var(--text);border-color:var(--linie);background:0 0}button.gefahr{background:#8e1b10;border-color:#8e1b10}input,select,textarea{font:inherit;border:1px solid var(--linie);width:100%;color:inherit;background:#fff;border-radius:6px;padding:.4rem .5rem}input[type=checkbox]{width:auto}fieldset{border:0;min-width:0;margin:0;padding:0}label{flex-direction:column;gap:.2rem;min-width:0;margin-bottom:.6rem;font-size:.9rem;display:flex}.kopfzeile{background:var(--karte);border-bottom:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;display:flex}.marke{font-weight:700;text-decoration:none}.navigation{flex-wrap:wrap;gap:.25rem .9rem;display:flex}.navigation a{color:var(--leise);text-decoration:none}.navigation a.active{color:var(--text);font-weight:600;text-decoration:underline}.wer{color:var(--leise);overflow-wrap:anywhere;flex:1;font-size:.85rem}.inhalt{max-width:1200px;margin:0 auto;padding:1rem}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:8px;min-width:0;margin-bottom:1rem;padding:1rem}.titelzeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.knoepfe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.klein{color:var(--leise);font-size:.85rem}.leer,.laden{color:var(--leise)}.hinweis{background:var(--flaeche);border-left:3px solid var(--linie);padding:.4rem .7rem}.meldung{border-radius:6px;margin:0 0 1rem;padding:.6rem .8rem}.meldung.fehler{background:#fdecea;border:1px solid #f1a69c}.meldung.konflikt{background:var(--gelb);border:1px solid var(--gelb-rand);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.meldung.konflikt p{flex:18rem;margin:0}.feldfehler{color:#8e1b10;font-size:.8rem}.anmelden{max-width:380px;margin:10vh auto 0;padding:0 1rem}.anmelden h1{margin-bottom:1rem}.filter{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 1rem;display:grid}.aufbauliste,.vorlagen{margin:0;padding:0;list-style:none}.aufbau{background:var(--karte);border:1px solid var(--linie);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.7rem 1rem;display:flex}.aufbau-text{flex-direction:column;flex:14rem;min-width:0;display:flex}.aufbau-titel{overflow-wrap:anywhere;font-weight:600}.status{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);border-radius:999px;padding:.1rem .45rem;font-size:.8rem}.status-eingereicht{background:var(--gelb)}.status-freigegeben{background:#e3f3e9}.status-ueberschritten{background:#fbe3e1;border-color:#d9a19b}.rueckgabe{background:var(--gelb);border-left-color:#c9822b;margin:.5rem 0}.freigabe h3{margin:1rem 0 .4rem;font-size:1rem}.freigabe ul,.freigabe ol{padding-left:1.2rem}.rev-fehler{color:#a3261b;font-weight:600}.neuer-link{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.neuer-link input{flex:16rem;min-width:0}.neuer-link p{flex-basis:100%;margin:0}button.vorlage{text-align:left;background:var(--flaeche);width:100%;color:var(--text);border-color:var(--linie);flex-direction:column;margin-bottom:.4rem;display:flex}.zurueck{margin:0 0 .5rem}.raster{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:0 1rem;display:grid}.editor-spalten{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:1rem;display:grid}.schrittliste ol{margin:0 0 .75rem;padding:0;list-style:none}.schritt{border:1px solid var(--linie);background:var(--karte);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-bottom:.4rem;padding:.4rem;display:flex}.schritt.gewaehlt{border-color:var(--akzent);box-shadow:inset 3px 0 0 var(--akzent)}.schritt.inaktiv .schritt-titel{color:var(--leise);text-decoration:line-through}.griff{color:var(--leise);cursor:grab;touch-action:none;background:0 0;border:0;padding:.2rem .3rem}.schritt-titel{text-align:left;min-width:0;color:var(--text);overflow-wrap:anywhere;background:0 0;border:0;flex:10rem;padding:.2rem}.schritt-schalter{flex-wrap:wrap;align-items:center;gap:.25rem .6rem;display:flex}.schritt-schalter label{flex-direction:row;align-items:center;margin:0}.schritt-schalter button{padding:.15rem .5rem}.gruppe{border-top:1px solid var(--linie);margin-top:.75rem;padding-top:.75rem}.produkt{background:var(--flaeche);border-radius:6px;margin-bottom:.6rem;padding:.75rem}.auto{background:var(--gelb);border:1px solid var(--gelb-rand);border-radius:4px;padding:0 .3rem;font-size:.75rem;display:inline-block}.feld{min-width:0;margin-bottom:.6rem}.feld label{margin-bottom:.25rem}.feld-auto input{border:2px solid var(--gelb-rand);background:var(--gelb)}.auto-zeile{flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-bottom:.25rem;display:flex}button.passt{background:var(--gruen);border-color:var(--gruen);padding:.15rem .6rem;font-size:.85rem}.abweichung{color:#8a5a00;margin-bottom:.25rem;font-size:.8rem;display:block}.vorschlaege,.zeilen{flex-wrap:wrap;gap:.35rem;margin:.25rem 0 .4rem;display:flex}button.vorschlag{text-align:left;background:var(--karte);max-width:100%;color:var(--text);border-color:var(--linie);overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;padding:.3rem .6rem;display:flex}button.vorschlag:hover:not(:disabled){border-color:var(--akzent)}button.vorschlag.zeile{flex:14rem}.kurz{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.merkblatt{border-top:1px dashed var(--linie);border-bottom:1px dashed var(--linie);margin-bottom:.6rem;padding:.5rem 0}.merkblatt p{margin:0 0 .4rem}fieldset.mischung{border:1px solid var(--linie);background:var(--karte);border-radius:6px;margin-bottom:.6rem;padding:.5rem .75rem}.mischung legend{padding:0 .3rem;font-size:.9rem;font-weight:600}.absaetze{margin-bottom:.6rem}.absaetze summary{cursor:pointer;margin-bottom:.4rem;font-size:.9rem}.absaetze ul{max-height:20rem;margin:0;padding:0;list-style:none;overflow-y:auto}button.absatz{text-align:left;overflow-wrap:anywhere;width:100%;margin-bottom:.3rem;font-size:.85rem}.hinweisliste ul{margin:0;padding-left:1.2rem}.ok{color:var(--gruen);font-weight:600}@media (width<=760px){.editor-spalten,.filter{grid-template-columns:minmax(0,1fr)}.inhalt{padding:.75rem}.marke{flex:1}.wer{flex-basis:100%;order:3}.navigation{flex-basis:100%;order:2}}.tabelle{margin:0;padding:0;list-style:none}.zeile-eintrag{background:var(--karte);border:1px solid var(--linie);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;margin-bottom:.5rem;padding:.6rem 1rem;display:flex}.zeile-eintrag>div{overflow-wrap:anywhere;flex-direction:column;flex:14rem;min-width:0;display:flex}.status-fehler{background:#fdecea}.status-fertig{background:#e3f3e9}.inaktiv-text{color:var(--leise);text-decoration:line-through}.vorlage-schritt{border:1px solid var(--linie);background:var(--flaeche);border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem}.breit{flex:14rem;margin:0}.schalter{flex-direction:row;align-items:center;gap:.4rem}