:root{--gruen:#badc04;--gruen-dunkel:#94ae03;--tinte:#1d2012;--grau-text:#5c604f;--flaeche:#f4f5ef;--karte:#fff;--rand:#dde0d2;--rot:#b3261e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--tinte);background:var(--flaeche);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px}button{font:inherit;cursor:pointer;border:1px solid var(--rand);color:var(--tinte);background:#fff;border-radius:7px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--gruen-dunkel)}button:disabled{opacity:.4;cursor:default}button.primaer{background:var(--gruen);border-color:var(--gruen);font-weight:600}button.primaer:hover{background:#c8e91a}button.gefahr{color:var(--rot)}button.still{background:0 0;border:none;padding:2px 6px}button.hinzu{color:var(--grau-text);border-style:dashed;padding:4px 10px}input[type=text],textarea,select{font:inherit;color:var(--tinte);border:1px solid var(--rand);background:#fff;border-radius:7px;width:100%;padding:6px 9px}input[type=text]:focus,textarea:focus,select:focus{outline:2px solid var(--gruen);outline-offset:-1px;border-color:var(--gruen-dunkel)}textarea{resize:vertical;min-height:34px}.start{flex-direction:column;min-height:100%;display:flex}.start-kopf{border-bottom:3px solid var(--gruen);background:#fff;align-items:center;gap:20px;padding:28px 40px 20px;display:flex}.start-kopf img{width:92px}.start-kopf h1{margin:0;font-size:24px}.start-kopf p{color:var(--grau-text);margin:4px 0 0}.start-liste{flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:18px;padding:28px 40px;display:grid}.blatt-karte{text-align:left;background:var(--karte);border:1px solid var(--rand);border-radius:12px;align-items:center;gap:16px;min-height:110px;padding:16px;display:flex}.blatt-karte:hover{border-color:var(--gruen-dunkel);box-shadow:0 2px 10px #3c46141a}.blatt-bild{width:92px;height:76px;color:var(--grau-text);background:#fdfbd8;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.blatt-bild img{object-fit:contain;max-width:100%;max-height:100%}.blatt-text{flex-direction:column;gap:3px;min-width:0;display:flex}.blatt-text strong{font-size:15px}.blatt-text>span{color:var(--grau-text);font-size:13px}.blatt-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.blatt-badges code{background:var(--flaeche);border:1px solid var(--rand);border-radius:5px;padding:1px 7px;font-size:11.5px}.blatt-badges em{background:#fff3cd;border-radius:5px;padding:2px 7px;font-size:11.5px;font-style:normal}.blatt-badges em.eigenes{background:#e3f0c1}.blatt-neu{color:var(--grau-text);border-style:dashed;flex-direction:column;justify-content:center;gap:6px;font-weight:600}.blatt-neu .plus{color:var(--gruen-dunkel);font-size:30px;line-height:1}.start-fuss{color:var(--grau-text);padding:14px 40px;font-size:12px}.editor{flex-direction:column;height:100%;display:flex}.werkzeugleiste{border-bottom:3px solid var(--gruen);background:#fff;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.leisten-titel{text-overflow:ellipsis;white-space:nowrap;max-width:26ch;font-size:15px;overflow:hidden}.speicher-hinweis{color:var(--grau-text);font-size:12px}.leisten-aktionen{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.editor-flaeche{flex:1;min-height:0;display:flex}.formular-spalte{background:var(--flaeche);border-right:1px solid var(--rand);flex:none;width:460px;padding:16px;overflow-y:auto}.formular{flex-direction:column;gap:14px;display:flex}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:14px 16px}.karte h2{text-transform:uppercase;letter-spacing:.06em;color:var(--grau-text);margin:0 0 10px;font-size:13px}.feld{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.feld .optional{color:var(--grau-text);font-weight:400}.feld input{font-weight:400}.beschreibung-feld{width:100%}.sektion-kopf{align-items:center;gap:8px;margin-bottom:10px;display:flex}.typ-etikett{background:var(--gruen);border-radius:5px;flex:none;padding:3px 8px;font-size:11.5px;font-weight:700}.sektion-titel-feld{flex:1;font-weight:600}.sektion-aktionen{gap:4px;display:flex}.sektion-aktionen button{padding:4px 8px}.sektion-inhalt{flex-direction:column;gap:6px;display:flex}.zeile{align-items:flex-start;gap:6px;display:flex}.zeile .merkmal-label{flex:none;width:38%}.zeile textarea{flex:1}.stil-wahl{color:var(--grau-text);align-items:center;gap:8px;font-size:13px;display:flex}.stil-wahl select{width:auto}.tabellen-editor{align-items:center;gap:4px;display:grid}.tabellen-editor input{padding:4px 7px;font-size:13px}.tabellen-editor .tab-kopf{background:#f6f8e3;font-weight:600}.knopfzeile{gap:8px;display:flex}.hinweis-text{color:var(--grau-text);margin:10px 0 0;font-size:12.5px}.bild-upload{align-items:center;gap:12px;display:flex}.bild-mini{object-fit:contain;border:1px solid var(--rand);background:#fdfbd8;border-radius:7px;width:86px;height:60px}.bild-mini.leer{color:var(--grau-text);justify-content:center;align-items:center;font-size:11.5px;display:flex}.vorschau{background:#83887b;flex:1;padding:24px 0;overflow:auto}.vorschau-lauf{position:relative}.vorschau-skalierung{transform-origin:0 0;flex-direction:column;width:210mm;display:flex}.seite-rahmen{position:relative}.seite-rahmen .seite{box-shadow:0 2px 24px #00000059}.seiten-nummer{text-align:center;color:#eef0e8;padding-top:6px;position:absolute;left:0;right:0}@media (width<=900px){.editor{height:auto;min-height:100%}.editor-flaeche{flex-direction:column}.formular-spalte{border-right:none;border-bottom:1px solid var(--rand);width:100%;max-height:55vh}.vorschau{min-height:60vh}}.seite{color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;width:210mm;height:297mm;font-family:Arial,Helvetica,Liberation Sans,sans-serif;position:relative;overflow:hidden}.seite-kopf-svg{position:absolute;top:0;left:0}.bogen-text{fill:#000;letter-spacing:.15px;font-family:Arial,Helvetica,Liberation Sans,sans-serif;font-size:3.175px}.seite-logo{height:auto;position:absolute}.seite-produktbild{position:absolute}.seite-produktbild img{object-fit:contain;object-position:left center;width:100%;height:100%}.seite-titelblock{position:absolute}.seite-titelblock h1{margin:0;font-size:18pt;font-weight:400;line-height:7.6mm}.seite-titelblock h2{margin:2.3mm 0 0;font-size:12pt;font-weight:400;line-height:5.3mm}.seite-inhalt{width:210mm;height:150mm;position:absolute;top:122mm;left:0;overflow:hidden}.db-inhalt{overflow-wrap:break-word;font-size:10pt;line-height:4.23mm}.db-sektion{margin-top:4.97mm}.db-sektionstitel{margin:0 17mm 0 25mm;padding-bottom:2.07mm;font-size:10pt;font-weight:700;line-height:4.23mm}.db-absatz{margin:0 17mm 0 45.5mm}.db-merkmal{margin:0 17mm 0 45.5mm;display:flex}.db-merkmal-label{box-sizing:border-box;flex:none;min-width:35.2mm;max-width:62mm;padding-right:2mm}.db-merkmal-wert{flex:auto;min-width:0}.db-listenzeile{margin:0 17mm 0 45.5mm}.db-listenzeile.mit-strich{text-indent:-2.6mm;padding-left:2.6mm}.db-tabelle{box-sizing:border-box;border-top:.25pt solid #888a3b;border-left:.25pt solid #888a3b;width:147.5mm;margin:.8mm 17mm .8mm 45.5mm}.db-tabellenzeile{display:flex}.db-zelle{box-sizing:border-box;overflow-wrap:break-word;border-bottom:.25pt solid #888a3b;border-right:.25pt solid #888a3b;min-width:0;padding:.9mm 1.5mm;font-size:9pt;line-height:3.6mm}.db-tabellenkopf .db-zelle{background:#f3f6d9;font-weight:700}.db-zelle.gruppe-offen{border-bottom-color:#0000}.db-bild{margin:0 17mm 0 45.5mm;padding:1mm 0}.db-bild img{display:block}.db-bild-platzhalter{box-sizing:border-box;text-align:center;color:#83865c;border:.3mm dashed #b5b98c;justify-content:center;align-items:center;width:100mm;height:34mm;margin:1mm 17mm 1mm 45.5mm;padding:0 8mm;font-size:9pt;font-style:italic;line-height:3.8mm;display:flex}.footer-bildmarke{position:absolute}.footer-adresse,.footer-rechts{white-space:nowrap;font-size:8pt;line-height:3.4mm;position:absolute}.footer-adresse .fett{font-weight:700}.mess-container{visibility:hidden;pointer-events:none;width:210mm;height:0;position:fixed;top:0;left:-260mm;overflow:hidden}.mess-container [data-block]{display:block}@page{size:A4;margin:0}@media print{html,body{background:#fff;margin:0;padding:0}.werkzeugleiste,.formular-spalte,.seiten-nummer,.mess-container,.start{display:none!important}.editor,.editor-flaeche{height:auto!important;display:block!important;overflow:visible!important}.vorschau{background:0 0!important;height:auto!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.vorschau-lauf{height:auto!important}.vorschau-skalierung{width:210mm;gap:0!important;margin:0!important;display:block!important;transform:none!important}.seite-rahmen{break-inside:avoid;box-shadow:none!important;margin:0!important}.seite-rahmen:not(:last-child){break-after:page}}