@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap";
:root{--akzent:#01506d;--akzent-dunkel:#013b51;--akzent-weich:#eaf1f5;--akzent-linie:#b9d2de;--papier:#f6f8f9;--flaeche:#fff;--flaeche-2:#fafbfc;--tinte:#16252e;--gedaempft:#66757e;--linie:#e2e7ea;--linie-kraeftig:#cfd7dc;--dokumentiert:#2f6b4a;--dokumentiert-weich:#eaf3ed;--unklar:#8a5a12;--unklar-weich:#fbf3e4;--widerspruch:#92302b;--widerspruch-weich:#fbecea;--fehlend:#66757e;--fehlend-weich:#eef1f3;--schatten:0 1px 2px #16252e0a, 0 1px 3px #16252e0f;--rundung:10px;--spalte:1180px}*{box-sizing:border-box}body{background:var(--papier);color:var(--tinte);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.12rem}h3{font-size:.99rem}p{margin:0}a{color:var(--akzent);text-underline-offset:2px}a:hover{color:var(--akzent-dunkel)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:4px}.etikett{letter-spacing:.09em;text-transform:uppercase;color:var(--gedaempft);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem}.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:60px;padding:0 28px;display:flex}.kopf .marke{align-items:center;gap:22px;display:flex}.kopf .marke img{width:auto;height:22px;display:block}.kopf .marke .trenner{display:none}.kopf .marke .name{letter-spacing:-.015em;font-size:.95rem;font-weight:600}.kopf nav{gap:4px;display:flex}.kopf nav a{color:var(--gedaempft);border-radius:7px;padding:6px 11px;font-size:.91rem;text-decoration:none}.kopf nav a:hover{color:var(--tinte);background:var(--flaeche-2)}.kopf .wer{color:var(--gedaempft);font-size:.86rem;text-decoration:none}.kopf .wer:hover{color:var(--tinte);text-decoration:underline}main{max-width:var(--spalte);margin:0 auto;padding:34px 28px 90px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);padding:22px 24px}.knopf{font:inherit;border:1px solid var(--linie-kraeftig);background:var(--flaeche);color:var(--tinte);cursor:pointer;border-radius:8px;padding:8px 15px;font-size:.88rem;font-weight:500;transition:background .12s,border-color .12s}.knopf:hover{background:var(--flaeche-2);border-color:var(--gedaempft)}.knopf.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff}.knopf.haupt:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}.knopf:disabled{opacity:.5;cursor:not-allowed}.feld{flex-direction:column;gap:5px;display:flex}.feld label{color:var(--gedaempft);font-size:.82rem;font-weight:500}.feld input,.feld textarea,.feld select{font:inherit;border:1px solid var(--linie-kraeftig);background:var(--flaeche);color:var(--tinte);border-radius:8px;padding:9px 12px}.feld input:focus,.feld textarea:focus,.feld select:focus{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-weich);outline:none}.marke-status{letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:100px;flex:none;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.marke-status[data-s=documented]{background:var(--dokumentiert-weich);color:var(--dokumentiert);border-color:var(--dokumentiert)}.marke-status[data-s=derived]{background:var(--akzent-weich);color:var(--akzent);border-color:var(--akzent)}.marke-status[data-s=uncertain],.marke-status[data-s=needs_review]{background:var(--unklar-weich);color:var(--unklar);border-color:var(--unklar)}.marke-status[data-s=conflicting]{background:var(--widerspruch-weich);color:var(--widerspruch);border-color:var(--widerspruch)}.marke-status[data-s=not_collected]{background:var(--fehlend-weich);color:var(--fehlend);border-color:var(--fehlend)}.pruefen{grid-template-columns:minmax(320px,5fr) minmax(380px,6fr);align-items:start;gap:20px;display:grid}@media (max-width:1000px){.pruefen{grid-template-columns:1fr}}.seitenbild{flex-direction:column;gap:12px;display:flex;position:sticky;top:20px}.seitenbild img{border:1px solid var(--linie);background:#fff;border-radius:8px;width:100%}.seitenwahl{flex-wrap:wrap;gap:6px;display:flex}.seitenwahl button{min-width:34px}.seitenwahl button[aria-current=true]{background:var(--akzent);border-color:var(--akzent);color:#fff}.angaben{flex-direction:column;gap:12px;display:flex}.angabe{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);flex-direction:column;gap:11px;padding:17px 19px;display:flex}.angabe[data-geprueft=ja]{border-left:4px solid var(--dokumentiert)}.angabe[data-geprueft=abgelehnt]{opacity:.6;border-left:4px solid var(--gedaempft)}.angabe .zeile{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.angabe .pfad{color:var(--gedaempft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.angabe .wert{font-size:1.02rem}.angabe .quelle{color:var(--gedaempft);font-size:.82rem}.angabe .quelle button{font:inherit;color:var(--akzent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.angabe .aktionen{flex-wrap:wrap;gap:7px;display:flex}.sperre{background:var(--unklar-weich);border:1px solid var(--unklar);color:var(--unklar);border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.sperre.frei{background:var(--dokumentiert-weich);border-color:var(--dokumentiert);color:var(--dokumentiert)}.sperre ul{margin:0;padding-left:18px}.hinweis{background:var(--widerspruch-weich);border:1px solid var(--widerspruch);color:var(--widerspruch);border-radius:8px;padding:12px 14px;font-size:.9rem}.testbanner{background:var(--unklar-weich);border:1px solid var(--unklar-weich);border-left:3px solid var(--unklar);color:var(--unklar);border-radius:0 8px 8px 0;padding:10px 14px;font-size:.86rem;line-height:1.5}.balken{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:100px;height:8px;overflow:hidden}.balken-fuellung{background:var(--akzent);height:100%;transition:width .15s ease-out}.dokzeile{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.dokzeile:first-child{border-top:none}input[type=file]{font:inherit;border:1px dashed var(--linie);background:var(--flaeche-2);border-radius:8px;width:100%;padding:9px;font-size:.9rem}.seitenrahmen{border:1px solid var(--linie);background:#fff;border-radius:8px;width:100%;height:76vh;min-height:460px}.formzeile{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.formzeile .feld{flex:1;min-width:150px}.kundenzeile{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.kundenzeile:first-child{border-top:none}.kundenwahl{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;max-height:260px;overflow-y:auto}.kundenwahl-zeile{border-top:1px solid var(--linie);cursor:pointer;align-items:baseline;gap:10px;padding:10px 13px;display:flex}.kundenwahl-zeile:first-child{border-top:none}.kundenwahl-zeile:hover{background:var(--flaeche-2)}.kundenwahl-zeile:has(input:checked){background:var(--akzent-weich)}.schrittleiste{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);flex-wrap:wrap;gap:2px;margin:0;padding:5px;list-style:none;display:flex}.schritt{flex:130px;min-width:130px}.schritt-link{color:var(--tinte);border-radius:7px;align-items:flex-start;gap:9px;height:100%;padding:9px 11px;text-decoration:none;display:flex}.schritt-link:hover{background:var(--flaeche-2)}.schritt[data-zustand=gesperrt] .schritt-link{color:var(--gedaempft);cursor:default}.schritt[data-zustand=gesperrt] .schritt-link:hover{background:0 0}.schritt-nr{border:1px solid var(--linie);background:var(--flaeche-2);width:22px;height:22px;color:var(--gedaempft);border-radius:50%;flex:none;place-items:center;font-size:.76rem;font-weight:600;display:grid}.schritt[data-zustand=erledigt] .schritt-nr{background:var(--dokumentiert);border-color:var(--dokumentiert);color:#fff}.schritt[data-zustand=aktuell] .schritt-nr{background:var(--akzent);border-color:var(--akzent);color:#fff}.schritt-text{flex-direction:column;gap:1px;min-width:0;display:flex}.schritt-titel{font-size:.88rem;font-weight:500}.schritt-hinweis{color:var(--gedaempft);font-size:.75rem;line-height:1.35}.schritt[data-hier=ja] .schritt-link{background:var(--akzent-weich);box-shadow:inset 0 0 0 1px var(--akzent-linie)}.schritt[data-zustand=aktuell] .schritt-titel{font-weight:600}.weiter{border:1px solid var(--akzent-linie);border-radius:var(--rundung);background:var(--akzent-weich);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;display:flex}.weiter .was{flex-direction:column;gap:2px;display:flex}.weiter .was strong{color:var(--akzent)}.weiter .was span{color:var(--gedaempft);font-size:.88rem}.weiter a.knopf,.weiter button.knopf{white-space:nowrap;text-decoration:none}.stammdaten{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 20px;margin:0;display:grid}.stammdaten dt{text-transform:uppercase;letter-spacing:.05em;color:var(--gedaempft);margin-bottom:2px;font-size:.76rem}.stammdaten dd{margin:0;font-size:.96rem}.fortschritt{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.gruppentitel{border-bottom:1px solid var(--linie-kraeftig);letter-spacing:.005em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:10px 0 0;padding-bottom:6px;font-size:.9rem;display:flex}.gruppentitel span{color:var(--gedaempft);font-size:.78rem;font-weight:400}details.karte summary::marker{color:var(--gedaempft)}.bogenleiste{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rundung);box-shadow:var(--schatten);flex-wrap:wrap;gap:4px;padding:5px;display:flex}.bogenreiter{font:inherit;color:var(--gedaempft);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex-direction:column;flex:none;align-items:flex-start;gap:1px;padding:8px 13px;display:flex}.bogenreiter span{font-size:.88rem;font-weight:500}.bogenreiter span b{color:var(--gedaempft);font-variant-numeric:tabular-nums;margin-right:2px;font-weight:600}.bogenreiter[data-hier=ja] span b{color:inherit}.bogenreiter small{font-variant-numeric:tabular-nums;font-size:.72rem}.bogenreiter small em{color:var(--widerspruch);margin-left:3px;font-style:normal}.bogenreiter:hover{background:var(--flaeche-2);color:var(--tinte)}.bogenreiter[data-hier=ja]{background:var(--akzent-weich);color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent-linie)}.bogenreiter[data-fertig=ja] small{color:var(--dokumentiert)}.wahl{flex-wrap:wrap;gap:6px;display:flex}.wahlknopf{font:inherit;border:1px solid var(--linie-kraeftig);background:var(--flaeche);color:var(--tinte);cursor:pointer;border-radius:100px;padding:7px 13px;font-size:.88rem}.wahlknopf:hover{background:var(--flaeche-2)}.wahlknopf[aria-pressed=true]{background:var(--akzent);border-color:var(--akzent);color:#fff}.wahlknopf:disabled{opacity:.55;cursor:not-allowed}.mitdiktat{align-items:flex-start;gap:8px;display:flex}.mitdiktat>input,.mitdiktat>textarea{flex:1}.mikro{border:1px solid var(--linie-kraeftig);background:var(--flaeche);cursor:pointer;border-radius:10px;flex:none;width:42px;height:42px;font-size:1rem;line-height:1}.mikro:hover{background:var(--flaeche-2);border-color:var(--akzent)}.mikro[data-an=ja]{background:var(--widerspruch);border-color:var(--widerspruch);color:#fff;animation:1.4s ease-in-out infinite pulsieren}.mikro:disabled{opacity:.5;cursor:not-allowed}@keyframes pulsieren{0%,to{box-shadow:0 0 #92302b80}50%{box-shadow:0 0 0 6px #92302b00}}@media (prefers-reduced-motion:reduce){.mikro[data-an=ja]{animation:none}}.alsverweis{font:inherit;color:var(--akzent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.alsverweis:hover{color:var(--akzent-dunkel)}.alsverweis:disabled{opacity:.5;cursor:not-allowed}
