:root { --blau:#1a3a6b; --hell:#f4f6fa; --rand:#d8dde6; --text:#1d2330; --neu:#c0392b; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:var(--text); background:var(--hell); }
.kopf { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:var(--blau); color:#fff; flex-wrap:wrap; gap:8px; }
.kopf a, .kopf .link { color:#fff; }
.kopf nav { display:flex; gap:16px; align-items:center; }
.kopf nav form { margin:0; }
.marke { font-weight:700; text-decoration:none; }
main { max-width:960px; margin:0 auto; padding:16px; }
.karte { background:#fff; border:1px solid var(--rand); border-radius:10px; padding:20px; margin-bottom:16px; }
.karte.schmal { max-width:380px; margin:40px auto; }
.karte h1 { margin-top:0; }
label { display:block; margin:12px 0; }
input, select { display:block; width:100%; padding:10px; font-size:16px; border:1px solid var(--rand); border-radius:6px; margin-top:4px; }
.filter { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:12px; }
.filter select { width:auto; display:inline-block; margin:0; }
button, .knopf { display:inline-block; padding:9px 14px; border:1px solid var(--blau); border-radius:6px; background:#fff; color:var(--blau); font-size:15px; text-decoration:none; cursor:pointer; }
.haupt { background:var(--blau); color:#fff; }
button.link { border:none; background:none; padding:0; text-decoration:underline; color:var(--blau); }
.kacheln { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
.kachel { display:flex; flex-direction:column; gap:4px; background:#fff; border:1px solid var(--rand); border-radius:10px; padding:16px; color:var(--text); text-decoration:none; }
.neu { color:var(--neu); font-weight:700; }
.liste { list-style:none; padding:0; margin:0; }
.liste li { background:#fff; border:1px solid var(--rand); border-radius:8px; padding:12px; margin-bottom:8px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.liste li.ist-neu { border-left:5px solid var(--neu); }
.info { display:flex; flex-direction:column; min-width:0; }
.name { overflow-wrap:anywhere; font-weight:600; }
.aktionen { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.aktionen form { margin:0; }
.klein { font-size:13px; color:#5b6475; }
.fehler { color:var(--neu); font-weight:600; }
.hinweis { background:#fff8e1; border:1px solid #f0d58a; padding:10px 14px; border-radius:8px; }
.tabelle { width:100%; border-collapse:collapse; background:#fff; }
.tabelle td, .tabelle th { border-bottom:1px solid var(--rand); padding:8px; text-align:left; overflow-wrap:anywhere; }
.suche { display:flex; gap:8px; margin-bottom:16px; }
.suche input { margin:0; flex:1; min-width:0; font-size:17px; }
.reiter { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }