:root{--color-primary:#852c84;--color-primary-dark:#6a236a;--color-primary-light:#aa6ba9;--color-primary-tint:#ceabce;--color-on-primary:#fff;--color-text:#1b2733;--color-text-muted:#5a6b7b;--color-surface:#fff;--color-background:#f4f7f9;--color-border:#d9e2e8;--color-danger:#b3261e;--radius:6px;--breite-inhalt:1100px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);flex-direction:column;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;display:flex}a{color:var(--color-primary)}.kopfzeile{background:var(--color-primary);color:var(--color-on-primary)}.kopfzeile-inhalt,.hauptbereich,.fusszeile-inhalt{max-width:var(--breite-inhalt);width:100%;margin:0 auto;padding:0 24px}.kopfzeile-inhalt{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.kopfzeile a{color:var(--color-on-primary)}.marke{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.marke img{border-radius:var(--radius);background:#fff;height:auto;padding:4px 8px;display:block}.anwendungsname{font-size:1.05rem;font-weight:600;text-decoration:none}@media (max-width:560px){.anwendungsname{display:none}}.hauptbereich{flex:1;padding-top:32px;padding-bottom:48px}.karte{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.schaltflaeche{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);border-radius:var(--radius);font:inherit;cursor:pointer;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.schaltflaeche:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.hinweis{color:var(--color-text-muted);font-size:.9rem}.fehler{color:var(--color-danger)}.fusszeile{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);padding:16px 0;font-size:.85rem}