:root{--bg:#f4f5f7;--card:#fff;--border:#e2e5ea;--text:#1c2230;--muted:#6b7280;--accent:#2f6fed;--danger:#d6453d;--ok:#1f9d57;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{cursor:pointer;border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:6px;padding:.45rem .8rem;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);background:0 0;border:none}button.danger{background:var(--danger)}input,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:.45rem .6rem;font-size:.9rem}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.8rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:1.2rem;padding:1rem 1.2rem}.error{color:var(--danger);margin:.5rem 0}.info{background:#eef4ff;border:1px solid #cfe0ff;border-radius:6px;margin-bottom:1rem;padding:.5rem .8rem}.codeblock{color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:8px;margin:.6rem 0;padding:.8rem 1rem;font-size:.82rem;line-height:1.5;overflow-x:auto}.login-wrap{place-items:center;min-height:100vh;display:grid}.login-card{flex-direction:column;gap:.6rem;width:320px;display:flex}.login-card h1{margin:0;font-size:1.3rem}.app{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.brand{font-weight:700}.topbar nav{flex:1;gap:.4rem;display:flex}.tab{color:var(--text);background:0 0;border:1px solid #0000}.tab.active{background:var(--accent);color:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;display:grid}label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.profile-form button{margin-top:.8rem}.typen{margin-top:.9rem}.typen-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.3rem .8rem;margin-top:.4rem;display:grid}label.checkbox{color:var(--text);flex-direction:row;align-items:center;gap:.45rem;font-size:.9rem}label.checkbox input{width:auto}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .7rem}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#fafbfc;font-size:.8rem}.actions{white-space:nowrap;gap:.4rem;display:flex}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.pager{align-items:center;gap:1rem;margin-top:1rem;display:flex}.kacheln{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1.2rem;display:grid}.kachel{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:10px;padding:.9rem 1rem}.kachel-wert{color:var(--accent);font-size:1.5rem;font-weight:700}.kachel-titel{color:var(--muted);margin-top:.2rem;font-size:.8rem}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.chart-head h3{margin:0}.seg-switch{flex-wrap:wrap;gap:.3rem;display:flex}.seg-switch .tab{border:1px solid var(--border);padding:.3rem .6rem;font-size:.85rem}.filters label{flex-direction:column;gap:.3rem}tr.klickbar{cursor:pointer}tr.klickbar:hover{background:#f6f8fc}tr.detailzeile td{background:#f9fbfd}.detailbox{padding:.4rem .2rem}.detailmeta{color:var(--muted);flex-wrap:wrap;gap:.2rem 1.2rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.ausstattung{color:var(--accent);margin-bottom:.5rem;font-size:.85rem}.beschreibung{white-space:pre-wrap;max-height:320px;font-size:.88rem;line-height:1.45;overflow:auto}
