/* assets/style.css – Klassisches Theme (VOLL) */
:root{--bg:#fff;--text:#111;--muted:#666;--border:#ddd;--primary:#0d6efd}
html,body{margin:0;padding:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}

/* Topbar / Menü */
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);}
.topbar .wrap{max-width:1100px;margin:0 auto;padding:8px 14px;display:flex;align-items:center;gap:12px}
.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#111;white-space:nowrap}
.topbar .brand img{height:26px;width:auto;display:block}
.topbar nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}
.topbar nav a{display:inline-block;padding:6px 10px;border-radius:6px;border:1px solid transparent;color:#222;text-decoration:none}
.topbar nav a.active{background:#f2f5ff;border-color:#cfe2ff}
.topbar .spacer{flex:1}
.topbar .right a{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:6px;color:#222;text-decoration:none}
.topbar .right a:hover{background:#f8f9fb}

/* Container, Cards, Tables, Buttons */
.container{max-width:1100px;margin:16px auto;padding:0 14px}
.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px;margin:12px 0}
.card h2{margin:4px 0 10px;font-size:18px}
.table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--border)}
.table th,.table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}
.table thead th{position:sticky;top:0;background:#f8f9fb;z-index:1}
.btn{display:inline-block;background:var(--primary);color:#fff;border:1px solid #0b5ed7;border-radius:6px;padding:7px 10px;cursor:pointer;text-decoration:none}
.btn.outline{background:#fff;color:var(--text);border-color:var(--border)}
.btn.small{padding:5px 8px;font-size:13px}
label{display:block;font-weight:600;margin:6px 0;color:var(--muted)}
input[type=text],input[type=date],input[type=time],input[type=number],select,textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:7px 8px}
.grid{display:grid} .row{display:flex;flex-wrap:wrap;gap:8px}
.alert{background:#fee;border:1px solid #f5c2c7;color:#b02a37;padding:8px 10px;border-radius:6px}
.success{background:#e6ffef;border:1px solid #9ae6b4;color:#11643a;padding:8px 10px;border-radius:6px}
#map,.map{border:1px solid var(--border);border-radius:8px}
footer{color:var(--muted);font-size:13px;margin:12px 0}