:root{--blau:#1f3a93;--hell:#eef2fb;--text:#14213d;--leise:#5b6782;--rand:#d6deef;--gruen:#13804a;--rot:#c0392b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f6f8fc;color:var(--text);font-size:16px;line-height:1.45}
a{color:var(--blau)}button,input,select,textarea{font:inherit}
.kopf{background:var(--blau);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap;position:sticky;top:0;z-index:10}
.kopf a{color:#fff;text-decoration:none}.marke{font-weight:800;font-size:18px}.hauptnav{display:flex;flex-wrap:wrap;gap:2px 4px;margin-left:auto;align-items:center}
.hauptnav a,.hauptnav .link{padding:6px 9px;border-radius:8px;font-weight:600;font-size:14.5px;color:#fff;background:none;border:0;cursor:pointer}.hauptnav a:hover{background:rgba(255,255,255,.15)}
.menue{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}
@media(max-width:820px){.menue{display:block}.hauptnav{display:none;width:100%;flex-direction:column;align-items:stretch}.nav-offen .hauptnav{display:flex}.hauptnav a{padding:11px}}
main{max-width:1180px;margin:0 auto;padding:16px}h1{font-size:24px;margin:6px 0 14px}h2{font-size:18px;margin:18px 0 8px}h3{font-size:16px;margin:10px 0 6px}
.karte{display:block;background:#fff;border:1px solid var(--rand);border-radius:14px;padding:14px;margin-bottom:12px;color:inherit;text-decoration:none}a.karte:hover{border-color:var(--blau)}
.schmal{max-width:420px;margin:40px auto}.leise{color:var(--leise);font-size:14px}.hinweis{background:#fff7e0;padding:6px 10px;border-radius:8px}
.zeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.inline{display:inline}.raster{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.kacheln{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:14px}.kachel{background:#fff;border:1px solid var(--rand);border-radius:14px;padding:13px;color:inherit;text-decoration:none}.kachel b{display:block;font-size:24px}
.knopf{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:10px 15px;font-weight:700;background:var(--blau);color:#fff;min-height:44px;cursor:pointer;text-decoration:none}
.knopf.zwei{background:var(--hell);color:var(--blau)}.knopf.gruen{background:var(--gruen)}.knopf.rot{background:var(--rot);color:#fff}.knopf.klein{min-height:34px;padding:5px 10px;font-size:14px}.knopf.gross{width:100%;min-height:54px;font-size:18px}.knopf:disabled{opacity:.45}
input,select,textarea{border:1px solid var(--rand);border-radius:9px;padding:9px 10px;min-height:42px;background:#fff;max-width:100%}
label{display:block;font-weight:600;font-size:14px;color:var(--leise);margin-bottom:8px}label input,label select,label textarea{display:block;width:100%;margin-top:4px;color:var(--text);font-weight:400}
.formular{max-width:720px}.fehler{color:var(--rot);font-size:13px}.meldung{padding:10px 14px;border-radius:10px;background:var(--hell);margin-bottom:12px}.meldung.error{background:#fde2df;color:#7a1414}.meldung.warning{background:#fff1cc}.meldung.success{background:#dff5e8;color:#0d5c2c}
.tab{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:15px}.tab th,.tab td{padding:8px;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}.r{text-align:right!important;font-variant-numeric:tabular-nums}
.menge{width:76px;text-align:center;font-weight:700}.tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--hell);color:var(--blau)}.tag.rot{background:#fde2df;color:var(--rot)}.tag.ok{background:#dff5e8;color:var(--gruen)}.rot{color:var(--rot)}.fett td{font-weight:800}
.stopps{padding-left:22px}.stopps li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--rand)}
.scroll{overflow-x:auto}.kal{border-collapse:collapse;font-size:12px}.kal th,.kal td{border:1px solid #e6eaf3;padding:5px;text-align:center;min-width:32px}.kal th:first-child{text-align:left;white-space:nowrap}.kal .belegt{background:#cfe0ff;font-weight:700}.kal .voll{background:#fde2df;color:var(--rot);font-weight:800}.kal .we{background:#f4f6fa}
.papier{background:#fff;border:1px solid #1f2f7a;color:#1f2f7a;padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:13px;max-width:820px}.papier .ph{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #1f2f7a;padding-bottom:8px;flex-wrap:wrap}
.papier h2{margin:0;font-size:18px}.pf{font-size:20px}.papier table{width:100%;border-collapse:collapse;margin-top:10px}.papier th,.papier td{border:1px solid #9aa6d6;padding:4px 6px}.papier .summen{width:62%;margin-left:auto}
.unterschriften{display:flex;gap:24px;margin-top:30px}.unterschriften div{flex:1;border-top:1px solid #1f2f7a;position:relative;padding-top:4px}.unterschriften img{position:absolute;bottom:22px;left:0;height:60px}.klein{font-size:11px}
@media print{.kopf,.nodruck,.meldung{display:none!important}main{padding:0}.papier{border:0;max-width:none}}
.wer{margin-left:auto;font-size:13.5px;background:rgba(255,255,255,.16);padding:4px 10px;border-radius:999px;white-space:nowrap}.wer+.menue{margin-left:0}.wer~.hauptnav{margin-left:0}
@media(max-width:820px){.kopf{gap:8px}.wer{max-width:32vw;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;font-size:12.5px}.marke{font-size:16px}}
