:root{--n-200:#eef3f8;--n-300:#e4ebf2;--n-400:#d4dee8;--n-500:#c5d4e3;--bg:#e8edf4;--surface:#ffffff;--border:#e2e9f0;--fg:#28415a;--fg-body:#3d5a75;--fg-muted:#6a8298;--accent:#8fa9c3;--info-bd:#94aec8;--info-bg:#f0f4f9;--info-fg:#2c4a6e;--radius:3px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg-body);font:12px/1.45 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.chrome{border-bottom:1px solid var(--n-400);background:#d6dde7;padding:4px 8px;display:flex;align-items:baseline;gap:10px;box-shadow:0 1px 0 rgba(36,58,80,.06)}.chrome strong{color:var(--fg);font-size:12px;font-weight:700}.chrome span{color:var(--fg-muted);font-size:11px}.wrap{max-width:560px;margin:0 auto;padding:6px 6px 0;display:grid;grid-gap:6px;gap:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none}.card>header{background:var(--n-200);border-bottom:1px solid var(--n-300);padding:5px 8px;font-size:11px;font-weight:600;color:var(--fg-body)}.card>.body{padding:8px 10px}h1{font-size:16px;line-height:1.3;font-weight:700;color:var(--fg)}h1,p{margin:0 0 6px}p:last-child{margin-bottom:0}.lede{color:var(--fg)}.muted{color:var(--fg-muted);font-size:11px}a{color:var(--info-fg);text-decoration:none;border-bottom:1px solid var(--n-500)}a:hover{border-bottom-color:var(--accent)}.notice{border:1px solid var(--info-bd);background:var(--info-bg);box-shadow:inset 3px 0 0 var(--accent);border-radius:var(--radius);padding:6px 8px;margin-top:6px}.notice .ueberschrift{display:block;font-weight:700;font-size:12px;color:var(--info-fg)}.footer{max-width:560px;margin:0 auto;padding:8px 8px 14px;align-items:baseline;color:var(--fg-muted);font-size:11px}.footer,.footer nav{display:flex;flex-wrap:wrap;gap:4px 12px}.footer a{color:var(--fg-muted);border-bottom-color:transparent}.footer a:hover{color:var(--fg-body);border-bottom-color:var(--n-500)}.feld{display:grid;grid-gap:3px;gap:3px;margin-bottom:8px}.feld>span{font-size:11px;font-weight:600;color:var(--fg-body)}.feld input{font:inherit;font-size:12px;padding:5px 8px;border:1px solid var(--n-400);border-radius:var(--radius);background:var(--surface);color:var(--fg);width:100%}.feld input:focus{outline:none;border-color:var(--info-bd);box-shadow:inset 3px 0 0 var(--accent)}.hinweis{color:var(--fg-muted);font-size:11px}.hinweis-warn{color:var(--warn-fg,#8a6116);font-size:11px}.feldgruppe{border:1px solid var(--n-300);border-radius:var(--radius);padding:6px 8px 8px;margin:0 0 8px}.feldgruppe legend{font-size:11px;font-weight:600;color:var(--fg-body);padding:0 4px}.wahl{display:flex;align-items:baseline;gap:6px;padding:2px 0}.wahlhinweis{color:var(--fg-muted);font-size:11px}.knopf{display:inline-block;font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border:1px solid var(--info-bd);border-radius:var(--radius);background:var(--info-bg);color:var(--info-fg);cursor:pointer;text-decoration:none}.knopf:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf-leise{font:inherit;font-size:12px;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--fg-muted);cursor:pointer;text-decoration:none}.knopf-leise:hover{color:var(--fg);border-color:var(--n-400)}.aktionen{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.abschnitt{font-size:12px;font-weight:700;color:var(--fg);margin:10px 0 4px}.raumliste{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-gap:3px;gap:3px}.raumliste li{display:flex;align-items:baseline;gap:8px;border:1px solid var(--n-300);border-radius:var(--radius);box-shadow:inset 3px 0 0 var(--accent);padding:5px 8px}.raumname{font-weight:600;color:var(--fg)}.raumrolle{color:var(--fg-muted);font-size:11px}.notice.warnung{border-color:#c8948f;background:#faf1f0;box-shadow:inset 3px 0 0 #b5766f;color:#7d3b34;margin-bottom:8px}.kontoliste{list-style:none;margin:10px 0 12px;padding:0;border-top:1px solid var(--n-300)}.kontoliste li{border-bottom:1px solid var(--n-300)}.kontoliste button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 4px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:inherit}.kontoliste button:hover:not(:disabled){background:var(--n-200)}.kontoliste button:disabled{opacity:.55;cursor:default}.kontoinitialen{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--info-bg);border:1px solid var(--info-bd);color:var(--info-fg);font-size:11px;font-weight:700}.kontoinitialen-leer{background:none;border-style:dashed;border-color:var(--n-500);color:var(--fg-muted);font-weight:400;font-size:16px}.kontotext{display:grid;grid-gap:1px;gap:1px;min-width:0}.kontoname{font-weight:600;color:var(--fg)}.kontomail,.kontoname,.kontoraum{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kontomail,.kontoraum{color:var(--fg-muted);font-size:11px}[data-design=v2] body{display:flex;flex-direction:column;min-height:100vh}[data-design=v2] .chrome{height:56px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none;align-items:center;gap:10px}[data-design=v2] .chrome strong{font-size:15px;font-weight:600}[data-design=v2] .chrome span{font-size:var(--v2-schrift-s)}[data-design=v2] .wrap{flex:1 1 auto;align-content:start;max-width:420px;width:100%;padding:28px 16px 16px;gap:12px}[data-design=v2] .card{border-radius:var(--v2-radius-karte);box-shadow:var(--v2-schatten-karte)}[data-design=v2] .card>header{display:none}[data-design=v2] .card>.body{padding:20px 20px 18px}[data-design=v2] h1{font-size:var(--v2-schrift-l);font-weight:600;color:var(--fg);margin:0 0 4px}[data-design=v2] .lede{margin:0 0 16px}[data-design=v2] .hinweis,[data-design=v2] .muted{font-size:var(--v2-schrift-s)}[data-design=v2] .feld{gap:5px;margin-bottom:12px}[data-design=v2] .feld>span{font-size:var(--v2-schrift-s);color:var(--fg-body)}[data-design=v2] .feld input{height:var(--v2-bedien-h-gross);font-size:var(--v2-schrift-m);padding:0 12px;border:1px solid var(--border);border-radius:var(--v2-radius-feld)}[data-design=v2] .feld input:focus{border-color:var(--v2-akzent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}[data-design=v2] .feldgruppe{border-radius:var(--v2-radius-feld);padding:12px 14px 14px}[data-design=v2] .knopf{display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--v2-bedien-h-gross);padding:0 16px;border:1px solid var(--v2-akzent);border-radius:var(--v2-radius-feld);background:var(--v2-akzent);color:var(--v2-fg-auf-akzent);font-size:var(--v2-schrift-m);font-weight:500;cursor:pointer}[data-design=v2] .knopf:hover:not(:disabled){background:var(--v2-akzent-stark);border-color:var(--v2-akzent-stark);color:var(--v2-fg-auf-akzent)}[data-design=v2] .knopf:disabled{background:var(--n-200);border-color:var(--border);color:var(--fg-body);cursor:not-allowed}[data-design=v2] .kontoliste button,[data-design=v2] .kontoliste>li>button{border-radius:var(--v2-radius-feld)}[data-design=v2] .kontoinitialen{width:36px;height:36px;border-radius:50%;background:var(--v2-akzent-tint);color:var(--v2-akzent-stark);font-size:var(--v2-schrift-s);font-weight:600;border:0}[data-design=v2] .kontoinitialen-leer{background:var(--n-100);color:var(--fg-muted)}[data-design=v2] .kontoname{font-size:var(--v2-schrift-m);font-weight:600;color:var(--fg)}[data-design=v2] .kontomail,[data-design=v2] .kontoraum{font-size:var(--v2-schrift-s);color:var(--fg-muted)}[data-design=v2] .footer{max-width:420px;font-size:var(--v2-schrift-s);padding:4px 16px 14px}.feld-eng{margin-bottom:2px}.feldfuss{margin:0 0 8px;text-align:right;font-size:11px}