:root{--grau: #665b55;--grau-hell: #8a7d75;--orange: #e87a10;--creme: #f6f3ef;--karte: #ffffff;--text: #3d3833;--text-leise: #7b7168;--rand: #e6dfd7}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--creme);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.startbild{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(32px + env(safe-area-inset-top)) 28px calc(32px + env(safe-area-inset-bottom));background:var(--creme)}.startbild-logo{display:block;width:min(82vw,360px);max-height:52dvh;object-fit:contain;animation:startbild-einblenden .42s ease-out both}.startbild-ersatz{display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:28px;background:var(--grau);color:var(--creme);font-family:Georgia,serif;font-size:42px;animation:startbild-einblenden .42s ease-out both}@keyframes startbild-einblenden{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.startbild-logo,.startbild-ersatz{animation:none}}.kopf{background:var(--grau);color:#fff;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kopf h1{margin:0;font-size:19px;font-weight:600}.kopf button{background:none;border:none;color:#eadfd6;font-size:14px;padding:4px;cursor:pointer}.kopf .kopf-logo{height:30px;width:auto}.inhalt{flex:1;padding:16px 16px calc(78px + env(safe-area-inset-bottom))}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:14px;padding:14px 16px;margin:0 0 12px}.karte h2{margin:0 0 6px;font-size:17px}.karte h3{margin:0 0 4px;font-size:15px}.leise{color:var(--text-leise);font-size:14px;margin:0}.betont{color:var(--orange);font-weight:600}.zeile{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--rand)}.zeile:last-child{border-bottom:none}.pille{display:inline-block;background:#f6ece0;color:#b35f0c;border-radius:999px;padding:1px 10px;font-size:13px;white-space:nowrap;align-self:flex-start;flex-shrink:0}.fussnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:flex;background:var(--karte);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom)}.fussnav button{flex:1;background:none;border:none;padding:12px 2px 10px;font-size:12px;color:var(--text-leise);cursor:pointer}.fussnav button.aktiv{color:var(--grau);font-weight:700}.fussnav .symbol{display:block;font-size:20px;margin-bottom:2px}form label{display:block;margin:0 0 12px;font-size:14px;color:var(--text-leise)}form input{display:block;width:100%;margin-top:4px;padding:12px;font-size:16px;border:1px solid var(--rand);border-radius:10px;background:#fff;color:var(--text)}.knopf{display:block;width:100%;background:var(--grau);color:#fff;border:none;border-radius:10px;padding:13px;font-size:16px;font-weight:600;cursor:pointer}.knopf:disabled{opacity:.6}.knopf-leise{background:none;border:none;color:var(--grau-hell);font-size:14px;padding:10px;width:100%;cursor:pointer}.fehler{background:#fdecec;border:1px solid #f5b5ba;color:#a4262c;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:14px}.modus-schalter{display:flex;background:#e9e5de;border-radius:12px;padding:4px;margin:0 0 12px}.modus-schalter button{flex:1;border:none;background:none;padding:11px 8px;font-size:15px;font-weight:600;color:var(--text-leise);border-radius:9px;cursor:pointer}.modus-schalter button.aktiv{background:var(--orange);color:#fff}.login-logo{text-align:center;margin:40px 0 24px}.login-logo .logo-bild{max-width:260px;width:80%;height:auto}.login-logo .kreis{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;background:var(--grau);color:var(--creme);font-family:Georgia,serif;font-size:30px}.linkzeile{display:block;margin-top:6px;font-size:14px}.leer{text-align:center;color:var(--text-leise);padding:30px 10px}.zurueck{background:none;border:none;color:var(--grau-hell);font-size:15px;padding:0 0 10px;cursor:pointer}.gast-hero{background:radial-gradient(circle at 90% 0%,rgba(232,122,16,.22),transparent 36%),linear-gradient(135deg,var(--grau),#3f3833);color:#fff;border-radius:18px;padding:18px;margin:0 0 12px}.gast-hero h2{margin:0 0 8px;font-size:24px}.gast-hero p{margin:0}.gast-kicker{color:#f7d6b5;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gast-aktionen{display:grid;gap:8px;margin-top:16px}.gast-knopf-sekundaer{background:#ffffff24;border:1px solid rgba(255,255,255,.34)}.gast-teaser-grid{display:grid;gap:12px}.gast-kartenkopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.gast-kartenkopf .zurueck{padding:0;white-space:nowrap}.gast-teaser{padding:9px 0;border-bottom:1px solid var(--rand)}.gast-teaser:last-child{border-bottom:none}