:root{--rand:#d9d9d9;--hell:#f5f5f5;--text:#222;--rot:#b3261e;--gruen:#1e7d3a;--gelb:#8a6d00;--blau:#2456a4}
*{box-sizing:border-box}
body{margin:0;font:14px/1.45 system-ui,sans-serif;color:var(--text);background:#fafafa}
a{color:var(--blau)}
.kopf{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;background:#fff;border-bottom:1px solid var(--rand)}
.marke{font-weight:700;color:var(--text);text-decoration:none}
.nav a,.nav button{margin-left:1rem}
.inhalt{padding:1.2rem;max-width:1500px;margin:0 auto}
.karte{background:#fff;border:1px solid var(--rand);border-radius:6px;padding:1.5rem;max-width:820px;margin:0 auto}
.karte.schmal{max-width:420px}
h1{font-size:1.4rem;margin:.2rem 0 1rem}h1 small,h2 small{font-weight:400;color:#666;font-size:.8rem}
h2{font-size:1.05rem;margin:1.4rem 0 .5rem;border-bottom:1px solid var(--rand)}
label{display:block;margin:.6rem 0}
label.inline{display:inline-block;margin-right:1rem}
input:not([type=checkbox]),select,textarea{width:100%;padding:.45rem;border:1px solid #bbb;border-radius:4px;font:inherit}
label.inline input{width:auto}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:600px){.zwei{grid-template-columns:1fr}}
fieldset{border:1px solid var(--rand);border-radius:4px;margin:.6rem 0}
button,.button{font:inherit;padding:.4rem .8rem;border:1px solid #999;border-radius:4px;background:#fff;cursor:pointer;text-decoration:none;color:var(--text);display:inline-block}
button.primaer{background:var(--blau);color:#fff;border-color:var(--blau);padding:.6rem 1.2rem;margin-top:.8rem}
button.gefahr{background:var(--rot);color:#fff;border-color:var(--rot)}
button.gut{background:var(--gruen);color:#fff;border-color:var(--gruen)}
button.link{border:0;background:none;color:var(--blau);padding:0;text-decoration:underline}
form.inline{display:inline}
.honig{position:absolute;left:-9999px}
.fehler{color:var(--rot);background:#fdecea;padding:.4rem .6rem;border-radius:4px;margin:.4rem 0}
.hinweis{color:#666}
.warnung{background:#fff3cd;color:#664d03;border:1px solid #ffe69c;padding:.3rem .5rem;border-radius:4px;margin-top:.3rem;font-size:.85rem}
.warnung.gross{font-size:1rem;padding:.6rem .8rem;margin-bottom:1rem}
.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem}
.tab{padding:.4rem .8rem;border:1px solid var(--rand);border-radius:4px;background:#fff;text-decoration:none;color:var(--text)}
.tab.aktiv{background:var(--blau);color:#fff;border-color:var(--blau)}
.zaehler{background:rgba(0,0,0,.12);border-radius:10px;padding:0 .45rem;font-size:.8rem;margin-left:.3rem}
table{border-collapse:collapse;width:100%;background:#fff}
th,td{border:1px solid var(--rand);padding:.45rem .6rem;vertical-align:top;text-align:left}
th{background:var(--hell)}
.liste td.thumb{width:110px}
.liste td.thumb img{width:100px;border:1px solid var(--rand);background:#fff}
.kein-thumb{display:inline-block;width:100px;height:130px;border:1px dashed #bbb;color:#999;text-align:center;padding-top:50px;font-size:.8rem}
.liste tr.doppel{background:#fffbea}
.begruendung pre{white-space:pre-wrap;margin:.3rem 0 0;font:inherit;font-size:.85rem;color:#444}
.aktionen form{margin:0 0 .4rem}
.aktionen select{width:auto;max-width:220px;margin-right:.3rem}
.badge{display:inline-block;padding:.1rem .5rem;border-radius:10px;font-size:.78rem;background:#e5e5e5}
.badge.vorschlag_ablehnen{background:#fdecea;color:var(--rot)}
.badge.vorschlag_pruefen{background:#fff3cd;color:var(--gelb)}
.badge.weiterverfolgen{background:#e6f4ea;color:var(--gruen)}
.badge.fehler,.badge.absage_fehler{background:var(--rot);color:#fff}
.leiste{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--rand);padding:.6rem;margin-top:.5rem}
.leiste select{width:auto}
.spalten{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,1.3fr);gap:1.5rem}
@media(max-width:1000px){.spalten{grid-template-columns:1fr}}
.kv th{width:160px;background:none;font-weight:600}
pre.text{white-space:pre-wrap;background:var(--hell);padding:.6rem;border-radius:4px;font:inherit;font-size:.9rem}
pre{white-space:pre-wrap;font:inherit}
.dokument{margin-bottom:1.5rem}
img.seite{display:block;width:100%;max-width:900px;border:1px solid var(--rand);margin:.4rem 0;background:#fff}
.ereignisse{font-size:.85rem;color:#555;padding-left:1rem}
code{font-size:.85rem}
.ok{color:var(--gruen);background:#e6f4ea;padding:.4rem .6rem;border-radius:4px;margin:.4rem 0}
textarea.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;width:100%}
.einstellungen h2{margin-top:1.2rem}