:root{--grund:#f4f6f2;--flaeche:#fff;--text:#1d2a1f;--leise:#5b675d;--linie:#d5dcd3;--gruen:#2f6b3a;--gruen-hell:#e3eee3;--rot:#a3261d;--rot-hell:#fbe8e6;--gelb:#8a5a00;--gelb-hell:#fdf1d8;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--grund);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}body{background:var(--grund);margin:0}h1{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.2rem 0 .4rem;font-size:1.6rem;display:flex}h2{margin:1.6rem 0 .4rem;font-size:1.2rem}a{color:var(--gruen)}.seite{max-width:920px;padding:1rem max(16px, env(safe-area-inset-left)) 2rem;margin:0 auto}.seite.schmal{max-width:440px;padding-top:12vh}.leise{color:var(--leise)}.kopf{z-index:10;padding:calc(.5rem + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) .5rem max(16px, env(safe-area-inset-left));background:var(--flaeche);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.marke{color:var(--text);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.kopf-rechts{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.fuss{text-align:center;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));font-size:.8rem}.anmelde-titel{justify-content:center;margin-bottom:1.5rem}button,.knopf{font:inherit;border-radius:var(--radius);border:1px solid var(--linie);background:var(--flaeche);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:default}button.haupt,.knopf.haupt{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}button.schlicht{color:var(--gruen);background:0 0;border-color:#0000;padding-inline:.5rem}.knopfreihe{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.titelzeile{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.titelzeile p{margin:0}.zurueck{padding:.5rem 0;font-weight:500;text-decoration:none;display:inline-block}.werkzeuge{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.75rem 0;display:flex}.wahlschalter{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);display:inline-flex;overflow:hidden}.wahlschalter button{border:0;border-left:1px solid var(--linie);border-radius:0}.wahlschalter button:first-child{border-left:0}.wahlschalter button.aktiv{background:var(--gruen-hell);color:var(--gruen);font-weight:600}.liste{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.liste li+li{border-top:1px solid var(--linie)}.liste a,.liste .zeile{min-height:56px;color:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;display:flex}.liste a:active{background:var(--gruen-hell)}.liste li.archiviert{background:#f0f1ef}.liste li.archiviert strong{color:var(--leise)}.zeile-haupt,.zeile-neben{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.zeile-neben{text-align:right;justify-content:flex-end;font-size:.9rem}.marke-klein{color:var(--leise);text-transform:uppercase;letter-spacing:.03em;background:#e6e8e5;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.marke-klein.entwurf{background:var(--gelb-hell);color:var(--gelb)}.ergebnis{border-radius:999px;padding:.1rem .55rem;font-size:.85rem;font-weight:600}.ergebnis-ja{background:var(--gruen-hell);color:var(--gruen)}.ergebnis-nein{background:var(--rot-hell);color:var(--rot)}.ergebnis-zweifelhaft{background:var(--gelb-hell);color:var(--gelb)}.formular{gap:1rem;max-width:560px;display:grid}label{gap:.3rem;font-weight:500;display:grid}label.inline{display:inline-grid}input,select,textarea{font:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);min-height:44px;color:var(--text);width:100%;padding:.5rem .75rem}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--gruen) 45%, transparent);outline-offset:1px}.position{color:var(--leise);justify-content:space-between;align-items:center;gap:.5rem;margin:0;display:flex}.fehler,.hinweis{border-radius:var(--radius);margin:.5rem 0;padding:.75rem 1rem}.fehler{background:var(--rot-hell);color:var(--rot)}.hinweis{background:var(--gruen-hell);color:var(--text)}.kasten{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin-top:1.5rem;padding:1rem}.angaben{grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:.5rem 0;display:grid}.angaben dt{color:var(--leise)}.angaben dd{margin:0}@media (width<=600px){.liste a,.liste .zeile{flex-direction:column;align-items:flex-start}.zeile-neben{text-align:left;justify-content:flex-start}}.abschnitt{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin-top:1.25rem;padding:.25rem 1rem 1rem}.abschnitt h2{margin-top:.75rem}.feld-block{border-top:1px solid var(--linie);padding:.6rem 0}.abschnitt h2+.feld-block,.abschnitt .legende+.feld-block{border-top:0}.feld{gap:.35rem;display:grid}.feld-titel{font-weight:600}.pflicht{color:var(--rot)}.feld-hinweis{color:var(--leise);font-size:.85rem}.zahl{align-items:center;gap:.5rem;display:inline-flex}.zahl input{width:8.5rem}.einheit{color:var(--leise)}.auswahl{flex-wrap:wrap;gap:.4rem;display:flex}.auswahl button.aktiv{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}.auswahl.klein button{min-height:40px;padding:.3rem .7rem;font-size:.9rem}.auswahl button.aktiv.bewertung-gefaehrlich{background:var(--rot);border-color:var(--rot)}.auswahl button.aktiv.bewertung-unklar{background:var(--gelb);border-color:var(--gelb)}.mehrfach{gap:.25rem;display:grid}.mehrfach-zeile{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.mehrfach-zeile>input{flex:14rem;width:auto}label.haken{align-items:center;gap:.6rem;min-height:44px;font-weight:400;display:inline-flex}label.haken input{width:24px;height:24px;min-height:0;accent-color:var(--gruen)}.unterauswahl{flex-wrap:wrap;gap:0 1rem;padding-left:2rem;display:flex}.merkmale{display:grid}.merkmal{border-top:1px dashed var(--linie);grid-template-columns:minmax(10rem,1fr) auto;align-items:center;gap:.35rem 1rem;padding:.35rem 0;display:grid}.merkmal:first-child{border-top:0}.merkmal>input{grid-column:1/-1}.pilz{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;display:grid}.vorjahr{color:var(--leise);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .75rem;margin-top:.35rem;font-size:.88rem;display:flex}.vorjahr-wert{color:#7a7f78;font-style:italic}.legende{color:var(--leise);gap:.2rem;margin:0 0 .5rem;font-size:.8rem;display:grid}.kopfdaten .angaben{align-items:center}.kopfdaten input{max-width:22rem}label.klein{margin-top:.5rem;font-size:.9rem;font-weight:400}.speicherstand{bottom:calc(.75rem + env(safe-area-inset-bottom));background:var(--text);color:#fff;opacity:.88;pointer-events:none;border-radius:999px;width:fit-content;margin:1rem auto 0;padding:.4rem 1rem;font-size:.85rem;position:sticky}.zeichenfeld{gap:.75rem;display:grid}.zeichenfeld canvas{aspect-ratio:3;border:2px dashed var(--linie);border-radius:var(--radius);touch-action:none;background:#fff;width:100%;max-width:600px}.unterschrift-bild{border:1px solid var(--linie);vertical-align:middle;background:#fff;border-radius:6px;width:auto;max-width:220px;height:48px;margin-left:.5rem}.knopf.schlicht{color:var(--gruen);background:0 0;border-color:#0000;padding-inline:.5rem}.standort-feld{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex}.standort-feld input{flex:14rem;width:auto}.mehrzeilig{white-space:pre-line}.titel-mit-knopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.titel-mit-knopf button{flex:none;margin-top:.2rem}.liste button.zeilenknopf{text-align:left;width:100%;min-height:56px;font:inherit;color:inherit;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.liste button.zeilenknopf:active{background:var(--gruen-hell)}.liste button.zeilenknopf:disabled{opacity:1}@media (width<=600px){.liste button.zeilenknopf{flex-direction:column;align-items:flex-start}}.eintrag{align-items:center;display:flex}.eintrag>a{flex:auto;min-width:0}.eintrag-knoepfe{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding-right:1rem;display:flex}.originale{border-top:1px solid var(--linie);background:#f6f7f5;margin:0;padding:0 0 0 1.5rem;list-style:none}.originale li+li{border-top:1px solid var(--linie)}@media (width<=600px){.eintrag{flex-direction:column;align-items:stretch}.eintrag-knoepfe{justify-content:flex-start;padding:0 1rem .75rem}}.titel-mit-knopf>.knopfreihe{flex:none;justify-content:flex-end;margin-top:.2rem}.abgleich{white-space:nowrap;font-size:.85rem}button.abgleich.wartet{color:var(--gelb)}.abgleich.warnung{background:var(--rot-hell);color:var(--rot);border-radius:999px;padding:.2rem .6rem;font-weight:600;text-decoration:none}.konflikt h3{margin:1rem 0 .4rem;font-size:1rem}.vergleich{border-collapse:collapse;width:100%;margin-bottom:.5rem;font-size:.9rem}.vergleich th,.vergleich td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linie);padding:.35rem .5rem}.vergleich thead th{color:var(--leise);font-size:.8rem}.vergleich tbody th{width:30%;font-weight:600}.vergleich tr.gruppe th{background:var(--grund);color:var(--gruen)}@media (width<=600px){.vergleich tbody th{width:auto}}.tabelle-scroll{overflow-x:auto}.verlauf td{white-space:pre-line;min-width:6rem}.verlauf td.geaendert{background:var(--gelb-hell)}.meldungen{border-radius:var(--radius);background:var(--gelb-hell);margin:.75rem 0;padding:.75rem 1rem}.meldungen.fehler{background:var(--rot-hell);color:var(--rot)}.meldungen ul{margin:.4rem 0 0;padding-left:1.2rem}fieldset.auswahl{border:0;gap:.4rem;margin:0;padding:0;display:grid}fieldset.auswahl legend{margin-bottom:.3rem;font-weight:600}.abschnitt-editor{gap:.75rem;display:grid}.abschnitt-titel{font-size:1.15rem;font-weight:600}.feld-editor{border:1px solid var(--linie);border-radius:var(--radius);background:var(--grund);gap:.5rem;padding:.75rem;display:grid}.feld-editor-kopf{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.feld-editor-kopf>input{flex:14rem;width:auto}.feld-editor-optionen{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.unterliste{border-left:3px solid var(--linie);gap:.4rem;padding-left:.75rem;display:grid}.unterliste input:not([type=checkbox]){flex:10rem;width:auto}.neues-feld input{flex:14rem;width:auto}.schieber{align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.schieber input[type=range]{width:auto;min-height:44px;box-shadow:none;appearance:none;touch-action:pan-y;background:0 0;border:0;flex:auto;margin:0;padding:0}.schieber input[type=range]::-webkit-slider-runnable-track{background:var(--linie);border-radius:4px;height:8px}.schieber input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gruen);border:3px solid #fff;border-radius:50%;width:32px;height:32px;margin-top:-12px;box-shadow:0 1px 4px #00000059}.schieber input[type=range]::-moz-range-track{background:var(--linie);border-radius:4px;height:8px}.schieber input[type=range]::-moz-range-thumb{background:var(--gruen);border:3px solid #fff;border-radius:50%;width:26px;height:26px}.schieber input[type=range]:disabled::-webkit-slider-thumb{background:var(--leise)}.abschnitt-paar{grid-template-columns:1fr 1fr;gap:0 1.25rem;display:grid}@media (width<=700px){.abschnitt-paar{grid-template-columns:1fr}}.werkzeuge>.rechts{margin-left:auto}.karte{border:1px solid var(--linie);border-radius:var(--radius);background:#e6e8e5;height:min(65vh,640px);min-height:320px;margin:.75rem 0}.baum-markierung{background:var(--gruen);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 1px 4px #00000073}.baum-markierung.aktiv{background:#dc2626;font-size:.95rem}.baum-markierung.blass{opacity:.85;background:#6b7280}.baum-markierung span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.plan-rahmen{border:1px solid var(--linie);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:#fff;max-height:75vh;margin:.75rem 0;overflow:auto}.plan{min-width:100%;position:relative}.plan.setzen{cursor:crosshair}.plan img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.plan .plan-punkt{width:30px;height:30px;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.plan .plan-punkt.aktiv{width:38px;height:38px}.startpasswort code{background:var(--gelb-hell);letter-spacing:.05em;border-radius:6px;padding:.2rem .5rem;font-size:1.2rem}.kasten.erledigt{opacity:.6}pre.details{white-space:pre-wrap;word-break:break-word;background:var(--grund);border-radius:6px;padding:.5rem;font-size:.8rem}.admin-leiste{color:#fff;background:#7c2d12;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.admin-leiste button{min-height:36px;padding:.2rem .8rem}.admin-leiste .fehler-text{font-weight:600}.projektkopf{background:var(--gruen-hell);border-radius:var(--radius);margin:.5rem 0 1rem;padding:.75rem 1rem}.projektkopf h1,.projektkopf .titel-mit-knopf{margin:0}.projektkopf p{margin:.25rem 0 0}.projektkopf .werkzeuge{margin:.5rem 0 0}.kopfdaten.mit-karte{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.karte.klein{height:300px;min-height:240px;margin:0 0 .25rem}.baum-karte p{margin:0}@media (width<=800px){.kopfdaten.mit-karte{grid-template-columns:minmax(0,1fr)}}.kontrolle-rechts{flex-direction:column;flex:none;align-items:flex-end;gap:.4rem;display:flex}.kontroll-daten{text-align:right;max-height:12rem;margin:0;padding:0;font-size:.9rem;list-style:none;overflow-y:auto}.kontroll-daten li{padding:.1rem 0}.zahl-zeile{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;display:flex}.vorjahr.vorjahr-neben{margin:0;display:inline}button.gefahr{color:var(--rot);border-color:var(--rot);background:var(--flaeche);white-space:normal;text-align:left}.auswahl button.vorschlag{border:3px solid var(--text);font-weight:700}.mehrfach-zeile.vorschlag,label.haken.vorschlag{outline:3px solid var(--text);outline-offset:2px;border-radius:6px;font-weight:700}.vorschlag-text{color:#7a7f78;font-size:.9rem;font-style:italic}.knopfreihe>.rechts{margin-left:auto}.kopf{flex-wrap:nowrap}.kopf-rechts{min-width:0}.kopf-rechts .leise{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.kopf .abgleich{text-align:right;text-overflow:ellipsis;flex:none;width:10.5rem;overflow:hidden}.kopf .marke{flex:none}.kopf-rechts>.knopf,.kopf-rechts>button{white-space:nowrap;flex:none}html,body,button,a,input,select,textarea,label{touch-action:manipulation}.kontrolle-ende{height:40vh}.liste li.mit-symbol{align-items:stretch;display:flex}.liste li.mit-symbol>.zeilenknopf{flex:auto;min-width:0}.liste .symbolknopf{border:0;border-left:1px solid var(--linie);width:48px;min-height:44px;color:var(--gruen);background:0 0;border-radius:0;flex:none;padding:0}.liste .symbolknopf:active{background:var(--gruen-hell)}.liste .symbolknopf-platz{border-left:1px solid var(--linie);flex:none;width:48px}.dialog-hintergrund{z-index:50;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog-hintergrund .dialog{width:100%;max-width:32rem;margin:0}.betrieb-leiste{color:#78350f;background:#fef3c7;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.betrieb-leiste button{min-height:36px;padding:.2rem .8rem}.betrieb-leiste .fehler-text{font-weight:600}.inline-feld{gap:.3rem;font-weight:500;display:inline-grid}.mit-knopf{gap:.4rem;display:flex}.stiftknopf{flex:none;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:inline-flex}.konto-menue{position:relative}.konto-knopf{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;max-width:14rem;display:inline-flex;overflow:hidden}.konto-liste{z-index:20;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);min-width:15rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #00000026}.konto-betrieb{border-bottom:1px solid var(--linie);gap:.15rem;margin-bottom:.3rem;padding:.5rem .6rem .6rem;display:grid}.konto-liste>a,.konto-liste>button{min-height:44px;color:inherit;text-align:left;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 .6rem;text-decoration:none;display:flex}.konto-liste>a:active,.konto-liste>button:active{background:var(--gruen-hell)}.einstellung{margin-top:2rem}.einstellung>h2{margin:0 0 .6rem}.einstellung h3{margin:1.25rem 0 .3rem;font-size:1rem}.einstellung .kasten{margin-top:.75rem}.einstellung>.kasten:first-of-type,.einstellung>h2+.kasten{margin-top:0}.erklaerung{color:var(--leise);max-width:46rem;margin:0 0 .75rem;font-size:.9rem}.kasten .erklaerung{margin:.75rem 0 0}.erfolg{color:var(--gruen);margin:.5rem 0 0;font-weight:500}.konto-karte{gap:1rem;display:grid}.konto-kopf,.name-zeile{align-items:center;gap:.9rem;display:flex}.name-zeile{justify-content:space-between}.konto-zeichen{background:var(--gruen-hell);width:48px;height:48px;color:var(--gruen);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.konto-angaben,.nav-text{gap:.1rem;min-width:0;display:grid}.konto-angaben strong{font-size:1.1rem}.navliste{margin-top:.75rem}.navliste .nav-text .leise{font-size:.9rem}.navliste .pfeil{color:var(--leise);flex:none;font-size:1.6rem;line-height:1}.neue-unterschrift{gap:.75rem;display:grid}.neue-unterschrift label{max-width:32rem}.namensfeld{gap:.3rem;max-width:32rem;display:grid}.namensfeld-stand{min-height:1.3em;font-size:.9rem}.namensfeld-stand .erfolg{margin:0}.neue-unterschrift-zeile{justify-content:flex-end;margin-bottom:.75rem}.neue-unterschrift h3{margin:0}.namensfeld-stand .fehler-text,.neue-unterschrift .fehler-text{color:var(--rot)}.kopf-aktionen:empty{display:none}button.schlicht.warnknopf{color:var(--rot);font-weight:600}button.schlicht.warnknopf:active{background:var(--rot-hell)}.zeile-haupt .unterschrift-bild+.marke-klein{align-self:center}
