body{font-family:system-ui,sans-serif;margin:0;background:#f6f6f4;color:#222}header{background:#2f4858;color:#fff;padding:10px 14px}
header nav a{color:#fff;margin-right:14px}header button{font-size:12px}.inl{display:inline;float:right}main{padding:12px;max-width:1100px;margin:auto}
section{background:#fff;border-radius:8px;padding:12px;margin:12px 0}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border-bottom:1px solid #ddd;padding:6px;text-align:left;vertical-align:top}tr.rot td{background:#fde2e2;color:#a00}tr.orange td{background:#ffe9cc}
tr.ok td{color:#2a7a2a}.tag{font-size:11px;padding:1px 6px;border-radius:8px;white-space:nowrap}.sch{background:#fff3c4}.bel{background:#d8f0d8}
.off{background:#eee}.warn{background:#c00;color:#fff}.karte{border:2px solid #c00;border-radius:8px;padding:10px}.gross{font-size:18px}
.klein{font-size:12px;color:#555}.leer{color:#777;font-style:italic}.msg{background:#eef;padding:6px;border-radius:6px}
.warnbox{background:#fde2e2;padding:8px;border-radius:6px;font-weight:bold}.form label,.login label{display:block;margin:6px 0}
input,select,button{font-size:16px;padding:6px;max-width:100%}.login{max-width:360px;margin:60px auto;background:#fff;padding:20px;border-radius:8px}