body.buero-angemeldet{display:grid;grid-template-columns:13.5em 1fr;min-height:100vh}
nav.haupt{background:var(--nav);color:#fff;padding:1em .6em;position:sticky;top:0;height:100vh;overflow:auto}
nav.haupt .marke{font-weight:700;font-size:1.05em;padding:.2em .5em 1em}nav.haupt .marke small{display:block;font-weight:400;opacity:.9;font-size:.72em}
nav.haupt a{display:flex;align-items:center;gap:.6em;color:#fff;text-decoration:none;padding:.55em .6em;margin:.1em 0;border-radius:6px;border-left:3px solid transparent}nav.haupt a .ik{margin-right:0}nav.haupt a:hover{background:#ffffff26}nav.haupt a.aktiv{background:#ffffff33;border-left-color:#fff;font-weight:600}
nav.haupt .nutzer{margin-top:1.2em;font-size:.82em;padding:.4em .6em;display:flex;align-items:center;gap:.5em}nav.haupt .nutzer .ik{margin-right:0}nav.haupt button{width:100%;margin-top:.4em;background:#ffffff26;border-color:#ffffff59;color:#fff}nav.haupt button:hover:not(:disabled){background:#ffffff40;border-color:#fff}
main#inhalt{padding:1.4em 1.8em;min-width:0;max-width:78em}
.reiter{display:flex;gap:.2em;flex-wrap:wrap;border-bottom:2px solid var(--rand);margin:.8em 0}
.reiter button{border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;background:none;padding:.5em .9em;margin-bottom:-2px}
.reiter button.aktiv{border-bottom-color:var(--ak);color:var(--ak);font-weight:600}.reiter button:hover:not(.aktiv){background:var(--ak2)}
.lokal{background:var(--warnbg);color:var(--warn);padding:.5em 1em;border-radius:var(--r);margin-bottom:.8em;font-size:.88em}
.login{max-width:24em;margin:12vh auto;padding:0 1em;grid-column:1/-1}
.schaden-kopf{display:flex;gap:.6em;align-items:baseline;flex-wrap:wrap}.code{font-weight:700;font-family:ui-monospace,Menlo,monospace}
.aussage{border-top:1px solid var(--rand);padding:.5em 0}.aussage:first-child{border-top:0}
.bildleiste{display:flex;gap:.4em;flex-wrap:wrap;margin:.4em 0}.bildleiste img{width:5.5em;height:4.2em;object-fit:cover;border-radius:5px;cursor:zoom-in;border:2px solid transparent}.bildleiste img.vorgeschlagen{border-color:var(--warn);opacity:.8}
.segment{border-left:3px solid var(--rand);padding:.3em .7em;margin:.5em 0}.segment .ersetzt{background:var(--warnbg);padding:0 .2em;border-radius:3px}
.bericht-kapitel{margin:1.2em 0}.block{padding:.4em .6em;border-radius:6px;margin:.3em 0;border:1px solid transparent}
.block:hover{border-color:var(--rand)}.block.fehlt{background:var(--errbg);color:var(--err)}.block.hypothese{background:var(--warnbg)}.block.manuell{border-left:3px solid var(--ak)}
.block.hinweis,.block.vorbehalt{background:var(--ak2)}.block.fremd{font-style:italic}
@media (max-width:820px){body.buero-angemeldet{display:block}nav.haupt{position:static;height:auto;display:flex;flex-wrap:wrap;gap:.2em}nav.haupt .marke{width:100%}nav.haupt .nutzer{margin:0 0 0 auto}nav.haupt a.aktiv{border-left-color:transparent;box-shadow:inset 0 -3px #fff}main#inhalt{padding:.8em}}

/* Berichtsansicht */
.bericht .kapitel{margin:1em 0}.bericht .block{margin:.5em 0}
.berichtskopf{display:flex;flex-wrap:wrap;gap:.4em .8em;align-items:center;margin:.5em 0}
.felderliste{display:grid;grid-template-columns:max-content 1fr;gap:.2em 1em;margin:.4em 0}
.felderliste dt{color:var(--tx2)}.felderliste dd{margin:0}
.absatz{margin:.4em 0;line-height:1.55}
.absatz.stil-fremd{border-left:3px solid var(--ak);padding-left:.7em;font-style:italic}
.absatz.stil-hypothese{border-left:3px solid var(--warn);padding-left:.7em;background:var(--warnbg)}
.absatz.stil-offen,.absatz.stil-frage{border-left:3px dashed var(--warn);padding-left:.7em}
.absatz.stil-negativ{border-left:3px solid var(--ok);padding-left:.7em}
.stilmarke{font-size:.75em;text-transform:uppercase;letter-spacing:.04em;color:var(--tx2);margin-right:.5em}
.quellen{font-size:.8em;color:var(--tx2);margin:.15em 0}
.blockaktionen{display:flex;gap:.3em;flex-wrap:wrap;margin:.2em 0}
.berichtsfoto{margin:.6em 0}.berichtsfoto img{max-width:min(100%,28em);border-radius:var(--r);border:1px solid var(--rand);display:block}
.fehltbox,.hinweisbox,.vorbehaltbox{border-radius:var(--r);padding:.6em .9em;margin:.6em 0}
.fehltbox{background:var(--errbg);color:var(--err)}.hinweisbox{background:var(--ak2)}.vorbehaltbox{background:var(--warnbg);color:var(--warn)}
.fehlt{background:var(--errbg);color:var(--err);padding:0 .3em;border-radius:4px}
.karte-inhalt{margin-top:.5em}.verweis{color:var(--ak)}
.haken{display:flex;gap:.5em;align-items:flex-start;margin:.5em 0}.haken input{margin-top:.25em}
a.knopf{display:inline-block;text-decoration:none;border:1px solid var(--rand);background:var(--fl);border-radius:var(--r);padding:.5em .9em;color:var(--tx)}
.fehler{color:var(--err)}.leer{color:var(--tx2);font-style:italic}
.ablage{border:2px dashed var(--rand);text-align:center}.ablage.ueber{border-color:var(--ak);background:var(--ak2)}.ablage input[type=file]{max-width:100%}
.erfassen{border-left:4px solid var(--ak)}

/* Logo in der Navigation */
nav.haupt .marke .logo-feld{display:block;margin:0 0 .6em}
nav.haupt .marke img.logo{max-height:3em;margin:0 auto}
nav.haupt .marke .markentext{display:block}

/* Erfassung */
.fotozeile{display:flex;gap:.7em;align-items:center;border-top:1px solid var(--rand);padding:.4em 0}.fotozeile:first-of-type{border-top:0}
.fotozeile img{object-fit:cover;border-radius:4px;flex:none}.fotozeile select{max-width:100%}
.baum,.baum ul{list-style:none;margin:0;padding-left:1.1em}.baum{padding-left:0}