:root{color-scheme:light dark;--grund: #f6f7f9;--flaeche: #ffffff;--flaeche-2: #f1f3f6;--rand: #dce0e6;--rand-stark: #c2c8d2;--schrift: #1c2430;--schrift-leise: #616b7a;--akzent: #2f6f5e;--akzent-hell: #e6f1ee;--akzent-schrift: #ffffff;--warn: #a33b2c;--warn-hell: #fbecea;--hinweis: #8a6100;--hinweis-hell: #fdf4e2;--fremd: #4b5b8a;--fremd-hell: #eceffa;--radius: 8px;--radius-klein: 5px;--schatten: 0 1px 2px rgba(20, 28, 40, .06), 0 4px 12px rgba(20, 28, 40, .05);--schrift-familie: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--grund: #14181e;--flaeche: #1c222a;--flaeche-2: #232a34;--rand: #2f3742;--rand-stark: #414b59;--schrift: #e6eaf0;--schrift-leise: #97a2b1;--akzent: #5aa78f;--akzent-hell: #1d2c29;--akzent-schrift: #0f1512;--warn: #e07a6a;--warn-hell: #2d1e1c;--hinweis: #d9a83c;--hinweis-hell: #2c2519;--fremd: #93a3d6;--fremd-hell: #1f2434;--schatten: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--grund);color:var(--schrift);font-family:var(--schrift-familie);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}button,.knopf{font:inherit;font-weight:500;border:1px solid var(--rand-stark);background:var(--flaeche);color:var(--schrift);padding:.45rem .85rem;border-radius:var(--radius-klein);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .12s,border-color .12s}button:hover:not(:disabled),.knopf:hover{background:var(--flaeche-2)}button:disabled{opacity:.5;cursor:not-allowed}button.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-schrift)}button.haupt:hover:not(:disabled){background:var(--akzent);filter:brightness(1.08)}button.gefahr{color:var(--warn);border-color:var(--rand)}button.gefahr:hover:not(:disabled){background:var(--warn-hell)}button.schlicht{border-color:transparent;background:transparent;padding:.3rem .5rem}button.schlicht:hover:not(:disabled){background:var(--flaeche-2)}input,textarea,select{font:inherit;width:100%;padding:.45rem .6rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--flaeche);color:var(--schrift)}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--akzent)}textarea{resize:vertical;min-height:6rem;font-family:inherit}label{display:block;font-size:.82rem;font-weight:500;color:var(--schrift-leise);margin-bottom:.2rem}@media(pointer:coarse){button,.knopf,select{min-height:2.5rem}button.schlicht{padding:.5rem .7rem}input,textarea,select{padding:.55rem .7rem}a{text-underline-offset:.15em}}@media(max-width:700px){input,textarea,select{font-size:16px}}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten)}.marke{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.12rem .45rem;border-radius:999px;background:var(--flaeche-2);color:var(--schrift-leise);border:1px solid var(--rand);white-space:nowrap}.marke.objekt{background:var(--akzent-hell);color:var(--akzent);border-color:transparent}.marke.einheit{background:var(--hinweis-hell);color:var(--hinweis);border-color:transparent}.marke.vorgang,.marke.crm{background:var(--fremd-hell);color:var(--fremd);border-color:transparent}.marke.warn{background:var(--warn-hell);color:var(--warn);border-color:transparent}.leise{color:var(--schrift-leise);font-size:.85rem}.mono{font-family:var(--mono);font-size:.85em}.zeile{display:flex;align-items:center;gap:.5rem}.zeile.verteilt{justify-content:space-between}.spalten{display:flex;gap:1rem;flex-wrap:wrap}.wachsen{flex:1;min-width:0}.abstand{margin-top:1rem}.feldgruppe{display:grid;gap:.7rem}.feldgruppe.zwei{grid-template-columns:1fr 1fr}@media(max-width:640px){.feldgruppe.zwei{grid-template-columns:1fr}}.meldung{padding:.6rem .8rem;border-radius:var(--radius-klein);font-size:.9rem;border:1px solid transparent}.meldung.fehler{background:var(--warn-hell);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.meldung.hinweis{background:var(--hinweis-hell);color:var(--hinweis);border-color:color-mix(in srgb,var(--hinweis) 30%,transparent)}.meldung.erfolg{background:var(--akzent-hell);color:var(--akzent);border-color:color-mix(in srgb,var(--akzent) 30%,transparent)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rand);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--schrift-leise);font-weight:600}tr:last-child td{border-bottom:none}@media(max-width:700px){table.stapelbar,table.stapelbar tbody,table.stapelbar tr,table.stapelbar td{display:block;width:100%}table.stapelbar thead{display:none}table.stapelbar tr{border:1px solid var(--rand);border-radius:var(--radius);padding:.6rem .75rem;margin-bottom:.6rem;background:var(--flaeche)}table.stapelbar tr:last-child{margin-bottom:0}table.stapelbar td{border-bottom:none;padding:.18rem 0}table.stapelbar td[data-titel]{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;align-items:baseline}table.stapelbar td[data-titel]:before{content:attr(data-titel);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--schrift-leise);font-weight:600}table.stapelbar td[data-titel]>*{grid-column:2}table.stapelbar td[data-titel]>.marke{justify-self:start}table.stapelbar td.titelzelle{font-weight:600;font-size:1rem;padding-bottom:.35rem;margin-bottom:.35rem;border-bottom:1px solid var(--rand)}table.stapelbar td.rechts:not([data-titel]){text-align:left;white-space:normal;display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.5rem}}.tabellenrolle{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabellenrolle>table{min-width:30rem}.fremdtext,.notiztext{white-space:pre-wrap;overflow-wrap:anywhere}.leerzustand{padding:2rem 1rem;text-align:center;color:var(--schrift-leise);font-size:.9rem}@media(max-width:700px){.zeile{flex-wrap:wrap}.leerzustand{padding:1.5rem .75rem}h1{font-size:1.3rem}td,.baum-name{overflow-wrap:anywhere}}.laedt{display:inline-block;width:.9rem;height:.9rem;border:2px solid var(--rand-stark);border-top-color:var(--akzent);border-radius:50%;animation:dreh .7s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}
