:root{--grund:#f3f5f8;--flaeche:#ffffff;--flaeche2:#f7f9fb;--rand:#e1e6ec;--rand2:#cfd6df;--text:#121821;--text2:#46515f;--text3:#6a7584;--akzent:#1f5aa6;--akzent-dunkel:#17467f;--akzent-weich:#e8f0fa;--akzent-text:#1a4f93;--leiste:#0f1b2d;--leiste-text:#c6d1df;--leiste-leise:#8796aa;--leiste-an:#1d3354;--gruen:#18794e;--gruen-weich:#e5f4ec;--gelb:#8a5300;--gelb-weich:#fdf1d8;--rot:#b42318;--rot-weich:#fdecea;--grau-weich:#edf0f4;--schatten:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--radius:12px;--schrift:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=hell]){--grund:#0d131b;--flaeche:#151d28;--flaeche2:#1a2330;--rand:#26313f;--rand2:#334152;--text:#e8edf3;--text2:#b3becb;--text3:#8f9cad;--akzent:#5b9be8;--akzent-dunkel:#7aafee;--akzent-weich:#17283f;--akzent-text:#8dbbf1;--leiste:#0a1018;--leiste-text:#c6d1df;--leiste-leise:#7d8ba0;--leiste-an:#18283f;--gruen:#56c48b;--gruen-weich:#123224;--gelb:#e5b257;--gelb-weich:#33280f;--rot:#f08378;--rot-weich:#3a1b19;--grau-weich:#1f2834;--schatten:none;color-scheme:dark}}:root[data-theme=dunkel]{--grund:#0d131b;--flaeche:#151d28;--flaeche2:#1a2330;--rand:#26313f;--rand2:#334152;--text:#e8edf3;--text2:#b3becb;--text3:#8f9cad;--akzent:#5b9be8;--akzent-dunkel:#7aafee;--akzent-weich:#17283f;--akzent-text:#8dbbf1;--leiste:#0a1018;--leiste-text:#c6d1df;--leiste-leise:#7d8ba0;--leiste-an:#18283f;--gruen:#56c48b;--gruen-weich:#123224;--gelb:#e5b257;--gelb-weich:#33280f;--rot:#f08378;--rot-weich:#3a1b19;--grau-weich:#1f2834;--schatten:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.55 var(--schrift);-webkit-font-smoothing:antialiased}a{color:var(--akzent-text)}h1{font-size:24px;line-height:1.2;margin:0;letter-spacing:-.01em;text-wrap:balance}h2{font-size:16px;margin:0 0 12px}code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.leise{color:var(--text3)}.unter{display:block;font-size:13px;color:var(--text3)}.mitte{text-align:center}.sym{width:20px;height:20px;flex:none}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.leiste{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:var(--leiste);color:var(--leiste-text)}.marke{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:#fff;text-decoration:none;padding:2px 8px 14px}.marke-zeichen{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2f74cf,#1a4f93);color:#fff;font-size:13px;letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.leiste-org{display:flex;align-items:center;gap:10px;padding:10px;margin:0 0 8px;border-radius:10px;background:rgba(255,255,255,.05);font-size:13px;font-weight:600;color:#e6edf6}.leiste-org img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.leiste nav{display:flex;flex-direction:column;gap:2px;flex:1}.leiste nav a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;color:var(--leiste-text);text-decoration:none;font-weight:500}.leiste nav a:hover{background:rgba(255,255,255,.06);color:#fff}.leiste nav a.an{background:var(--leiste-an);color:#fff;box-shadow:inset 3px 0 0 #4d8fe0}.leiste-ich{display:flex;align-items:center;gap:10px;margin:0;padding:10px 6px 0;border-top:1px solid rgba(255,255,255,.08)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2a4366;color:#fff;font-size:12px;font-weight:700;flex:none}.ich-text{display:flex;flex-direction:column;min-width:0;flex:1;font-size:13px;line-height:1.3}.ich-text b{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ich-text span{color:var(--leiste-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-knopf{background:none;border:0;color:var(--leiste-leise);min-height:36px;width:36px;padding:0;border-radius:8px}.symbol-knopf:hover{background:rgba(255,255,255,.08);color:#fff}.inhalt{min-width:0;display:flex;flex-direction:column}.seitenkopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:22px 32px 18px;background:var(--flaeche);border-bottom:1px solid var(--rand)}.unterzeile{margin:4px 0 0;color:var(--text3);font-size:14px}.kopf-aktion{display:flex;gap:8px}main{padding:24px 32px 40px;flex:1}.fuss{text-align:center;font-size:12px;color:var(--text3);padding:20px 16px}button,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--akzent);background:var(--akzent);color:#fff;font:600 14px var(--schrift);cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}.knopf .sym{width:18px;height:18px}button.zweit,.knopf.zweit{background:var(--flaeche);color:var(--akzent-text);border-color:var(--rand2)}button.zweit:hover,.knopf.zweit:hover{background:var(--akzent-weich);border-color:var(--akzent)}button.gefahr{background:var(--flaeche);color:var(--rot);border-color:var(--rot)}button.gefahr:hover{background:var(--rot-weich)}.leise-knopf{background:none;border:0;color:var(--text3);min-height:34px;padding:0 4px;font-weight:500}.leise-knopf:hover{background:none;color:var(--akzent-text)}input,select,textarea{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--rand2);border-radius:9px;padding:9px 12px;min-height:42px;width:100%}input::placeholder,textarea::placeholder{color:var(--text3)}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--akzent);margin-top:2px}input[type=color]{padding:3px;width:64px;height:42px}input[type=file]{padding:7px;background:var(--flaeche2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-weich)}button:focus-visible,a:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.formular{display:flex;flex-direction:column;gap:6px;max-width:560px}.formular label{font-size:13px;font-weight:600;color:var(--text2);margin-top:10px}.formular button{margin-top:16px;align-self:flex-start}.haken{display:flex;align-items:flex-start;gap:10px;font-weight:400 !important;color:var(--text) !important}.haken.klein{display:inline-flex;margin:0 10px 0 0 !important;font-size:13px}.haken.warnung{color:var(--gelb) !important;background:var(--gelb-weich);padding:10px 12px;border-radius:9px}fieldset.rollen{border:1px solid var(--rand);border-radius:10px;padding:8px 14px 12px;margin-top:12px}fieldset.rollen legend{font-size:13px;font-weight:600;color:var(--text2);padding:0 6px}.zeile{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 6px 6px 0}.zeile input{width:auto;min-width:200px}.meldung{display:flex;gap:8px;align-items:center;padding:11px 14px;border-radius:10px;margin:0 0 18px;font-weight:500}.meldung.gut{background:var(--gruen-weich);color:var(--gruen)}.meldung.schlecht,.fehler{background:var(--rot-weich);color:var(--rot);padding:11px 14px;border-radius:10px}.hinweis{background:var(--akzent-weich);padding:12px 14px;border-radius:10px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:20px 22px;margin:0 0 20px;box-shadow:var(--schatten)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.kachel{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:var(--radius);background:var(--flaeche);border:1px solid var(--rand);text-decoration:none;color:var(--text2);box-shadow:var(--schatten);position:relative;overflow:hidden}.kachel::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--rand2)}.kachel b{font-size:30px;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.kachel span{font-size:13px}.kachel:hover{border-color:var(--rand2)}.kachel.gruen::before{background:var(--gruen)}.kachel.gelb::before{background:#d99a1e}.kachel.rot::before{background:var(--rot)}.raster2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.raster2 .karte{margin:0}.ausweisliste{list-style:none;margin:0;padding:0;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten)}.karte .ausweisliste{border:0;box-shadow:none;border-radius:0;margin:0 -22px -20px}.ausweisliste li+li{border-top:1px solid var(--rand)}.ausweisliste a{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 18px;color:inherit;text-decoration:none}.karte .ausweisliste a{grid-template-columns:40px minmax(0,1fr) auto auto;padding:10px 22px}.ausweisliste a:hover{background:var(--flaeche2)}.mini{width:40px;height:50px;border-radius:7px;object-fit:cover;background:var(--grau-weich);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text3)}.al-name{display:flex;flex-direction:column;min-width:0}.al-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-name span{font-size:13px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-nr{font-variant-numeric:tabular-nums;color:var(--text2);font-size:14px}.al-bis{color:var(--text3);font-size:13px;font-variant-numeric:tabular-nums}.leer-feld{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px dashed var(--rand2);border-radius:var(--radius);color:var(--text3);background:var(--flaeche)}.leer-feld b{color:var(--text)}.werkzeug{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.filter{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;gap:6px;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--rand2);text-decoration:none;color:var(--text2);background:var(--flaeche);font-size:14px}.chip b{font-variant-numeric:tabular-nums}.chip.an{background:var(--text);color:var(--flaeche);border-color:var(--text)}.suche{display:flex;gap:6px}.suche input{min-width:240px}.abz{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.abz::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.abz.gruen{background:var(--gruen-weich);color:var(--gruen)}.abz.gelb{background:var(--gelb-weich);color:var(--gelb)}.abz.rot{background:var(--rot-weich);color:var(--rot)}.abz.grau{background:var(--grau-weich);color:var(--text2)}.liste{width:100%;border-collapse:collapse;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;margin:0 0 20px;box-shadow:var(--schatten)}.liste th{text-align:left;font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:11px 16px;border-bottom:1px solid var(--rand);background:var(--flaeche2)}.liste td{padding:12px 16px;border-bottom:1px solid var(--rand);vertical-align:top}.liste tr:last-child td{border-bottom:0}.detail{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}.detail-links{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.detail-links .karte{margin:0}.kopfzeile{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.aktionen{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}.karte-vorschau{margin:0}.kv-karte{aspect-ratio:85.6/54;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 10px 30px rgba(15,23,42,.18);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;position:relative;border:1px solid rgba(15,23,42,.08)}.kv-kopf{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;color:#fff}.kv-band{position:absolute;inset:0;width:100%;height:100%}.kv-kopf>:not(.kv-band){position:relative}.kv-kopf img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}.kv-kopf b{display:block;font-size:12.5px;line-height:1.15}.kv-kopf span{font-size:9px;letter-spacing:.18em;opacity:.9}.kv-rumpf{display:flex;gap:12px;padding:10px 12px 0}.kv-foto{width:27%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#e2e8f0;flex:none}.kv-rumpf dl{margin:0;display:grid;gap:1px;align-content:start;min-width:0}.kv-rumpf dt{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.kv-rumpf dd{margin:0 0 4px;font-size:12.5px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.kv-fuss{display:flex;justify-content:space-between;padding:6px 12px 9px;font-size:11px;font-weight:600;color:#334155;font-variant-numeric:tabular-nums}.karte-vorschau figcaption{font-size:12px;color:var(--text3);margin-top:8px;text-align:center}.qr svg{width:180px;height:180px;display:block;border-radius:8px}.qr-karte{display:flex;gap:16px;align-items:center}.qr-karte .qr svg{width:120px;height:120px}.qr-karte h2{margin-bottom:4px}.qr-karte p{margin:0 0 6px;font-size:13px;color:var(--text2)}.ausweis-form{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.ausweis-form>label{grid-column:span 1}.ausweis-form .foto-feld,.ausweis-form .haken,.ausweis-form button,.ausweis-form textarea{grid-column:1 / -1}.ausweis-form label[for=f-befugnisse]{grid-column:1 / -1}.foto-feld{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px;border:1px dashed var(--rand2);border-radius:10px;background:var(--flaeche2)}.foto-feld label{margin:0 !important}.foto-feld input{flex:1 1 220px;width:auto}.passfoto{width:72px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--rand);background:var(--grau-weich)}.passfoto.leer{display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:11px;text-align:center}.werte{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0}.werte dt{color:var(--text3)}.werte dd{margin:0;font-weight:600}.logo-vorschau{max-width:110px;max-height:110px;background:#fff;border-radius:8px;padding:6px;border:1px solid var(--rand)}.codes{columns:2;font-size:17px;padding-left:20px}.link{word-break:break-all;display:block;background:var(--grau-weich);padding:10px;border-radius:8px}.schluessel{font-size:15px;letter-spacing:.06em}body.ohne-menue{min-height:100vh;display:flex;flex-direction:column}.anmeldung{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 60px)}.anmelde-marke{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:48px 8vw;color:#dbe5f2;background:radial-gradient(120% 90% at 0% 0%,#24508c 0%,#0f1b2d 60%)}.marke.gross{font-size:24px;padding:0}.marke.gross .marke-zeichen{width:44px;height:44px;font-size:15px}.anmelde-satz{font-size:22px;line-height:1.35;color:#fff;max-width:26ch;margin:0;font-weight:600}.anmelde-punkte{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.anmelde-punkte li{display:flex;gap:12px;align-items:center;color:#c5d3e6}.anmelde-karte{align-self:center;justify-self:center;width:min(440px,100%);padding:36px 32px}.anmelde-karte h1{margin-bottom:18px}.anmelde-karte .formular button{width:100%;align-self:stretch}.pruefseite main{max-width:460px;margin:0 auto;padding:24px 16px 40px}.pruef-kopf{display:flex;gap:12px;align-items:center;justify-content:center;margin:4px 0 14px}.pruef-kopf img{width:48px;height:48px;object-fit:contain}.pruef-status{border-radius:16px;color:#fff;padding:20px 16px;text-align:center}.pruef-status.gruen{background:#15803d}.pruef-status.gelb{background:#b45309}.pruef-status.rot{background:#b91c1c}.pruef-status.grau{background:#475569}.pruef-status .zeichen{font-size:40px;line-height:1;font-weight:700}.pruef-status .wort{font-size:26px;font-weight:800;letter-spacing:.06em;margin:6px 0 4px}.live{border-radius:12px;padding:10px 14px;margin:12px 0;background:var(--grau-weich)}.live.gut{background:var(--gruen-weich);color:var(--gruen)}.live.warn{background:var(--gelb-weich);color:var(--gelb);font-weight:600}.pruef-karte{text-align:center;margin-top:14px}.pruef-karte .werte{text-align:left}.pruef-foto{width:100%;max-width:240px;aspect-ratio:3/4;object-fit:cover;border-radius:10px;margin:0 auto 12px;display:block}@media (max-width:1100px){.detail{grid-template-columns:1fr}.detail-links{position:static;max-width:440px}}@media (max-width:860px){.app{grid-template-columns:1fr}.leiste{position:static;height:auto;padding:12px 14px;gap:8px}.marke{padding:2px 4px}.leiste nav{flex-direction:row;overflow-x:auto;gap:4px;scrollbar-width:none}.leiste nav a{flex:none;padding:8px 10px;font-size:14px}.leiste nav a.an{box-shadow:inset 0 -3px 0 #4d8fe0}.leiste-org{display:none}.leiste-ich{border:0;padding:0}.seitenkopf{padding:16px}main{padding:16px 16px 32px}.anmeldung{grid-template-columns:1fr}.anmelde-marke{padding:28px 20px;gap:12px}.anmelde-satz{font-size:18px}.anmelde-punkte{display:none}.anmelde-karte{padding:24px 20px}.ausweis-form{grid-template-columns:1fr}.ausweisliste a{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:10px 14px}.ausweisliste .al-nr,.ausweisliste .al-bis{display:none}.karte .ausweisliste{margin:0 -16px -16px}.karte .ausweisliste a{padding:10px 16px}.karte{padding:16px}.suche{width:100%}.suche input{min-width:0;flex:1}.liste thead{display:none}.liste,.liste tbody,.liste tr,.liste td{display:block;width:100%}.liste tr{padding:10px 14px;border-bottom:1px solid var(--rand)}.liste td{border:0;padding:2px 0}.codes{columns:1}.qr-karte{flex-direction:column;align-items:flex-start}}.thema{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--grau-weich);margin:0}.thema button{min-height:30px;width:34px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--text3)}.thema button:hover{background:var(--flaeche);color:var(--text)}.thema button[aria-pressed=true]{background:var(--flaeche);color:var(--akzent-text);box-shadow:var(--schatten)}.thema .sym{width:17px;height:17px}.leiste-thema{padding:10px 6px 0;display:flex;justify-content:center}.leiste .thema{background:rgba(255,255,255,.06)}.leiste .thema button{color:var(--leiste-leise)}.leiste .thema button:hover{background:rgba(255,255,255,.08);color:#fff}.leiste .thema button[aria-pressed=true]{background:#24406a;color:#fff;box-shadow:none}.anmelde-thema{display:flex;justify-content:flex-end;margin:-12px 0 8px}.anmelde-marke,.seitenkopf,.kv-karte{position:relative;overflow:hidden}.muster{position:absolute;pointer-events:none}.anmelde-marke .muster{inset:0;width:100%;height:100%;color:rgba(160,200,255,.13)}.anmelde-marke>:not(.muster){position:relative}.seitenkopf .muster{right:0;top:0;width:min(60%,720px);height:100%;color:var(--akzent);opacity:.10;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}.seitenkopf>:not(.muster){position:relative}.kv-muster{position:absolute;inset:0;width:100%;height:100%;color:#1f5aa6;opacity:.07;pointer-events:none}.kv-holo,.anmelde-karte-holo span{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(115deg,transparent 30%,#a5f3fc 40%,#f0abfc 47%,#fde68a 54%,transparent 64%);background-size:300% 100%;animation:holo 7s ease-in-out infinite}@keyframes holo{0%,100%{background-position:100% 0}50%{background-position:0 0}}@media (prefers-reduced-motion:reduce){.kv-holo,.anmelde-karte-holo span{animation:none;background-position:40% 0}}.anmelde-karte-holo{position:relative;width:min(300px,70%);aspect-ratio:85.6/54;border-radius:16px;margin-top:8px;transform:rotate(-6deg);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.anmelde-karte-holo::before{content:"";position:absolute;left:8%;top:22%;width:22%;aspect-ratio:3/4;border-radius:8px;background:rgba(255,255,255,.22)}.anmelde-karte-holo::after{content:"";position:absolute;left:36%;right:10%;top:26%;height:38%;border-radius:4px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.35) 0 7px,transparent 7px 17px)}.kachel{padding:16px 18px 16px 20px}.kachel-sym{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;margin-bottom:8px;background:var(--grau-weich);color:var(--text2)}.kachel-sym .sym{width:19px;height:19px}.kachel.gruen .kachel-sym{background:var(--gruen-weich);color:var(--gruen)}.kachel.gelb .kachel-sym{background:var(--gelb-weich);color:var(--gelb)}.kachel.rot .kachel-sym{background:var(--rot-weich);color:var(--rot)}.kachel{transition:transform .15s ease,box-shadow .15s ease}.kachel:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.10)}@media (prefers-reduced-motion:reduce){.kachel{transition:none}.kachel:hover{transform:none}}button:not(.zweit):not(.gefahr):not(.leise-knopf):not(.symbol-knopf):not(.thema button),.knopf:not(.zweit){background:linear-gradient(180deg,#2c6cc2,var(--akzent));box-shadow:0 1px 2px rgba(16,24,40,.12),inset 0 1px 0 rgba(255,255,255,.12)}.leiste nav a.an{background:linear-gradient(90deg,#1f3a62,var(--leiste-an));box-shadow:inset 3px 0 0 #5aa0ff,0 0 0 1px rgba(90,160,255,.12)}.leiste nav a.an .sym{color:#8fc0ff}.marke-zeichen{background:conic-gradient(from 210deg,#2f74cf,#5aa9ff,#1a4f93,#2f74cf)}.seitenkopf h1{font-size:26px}.app-karte h2{display:flex;align-items:center;gap:8px}.einladung{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.einladung .qr svg{width:150px;height:150px}.einladung>div:last-child{flex:1 1 200px;min-width:0}.code-gross{font:700 22px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;margin:6px 0}.geraet{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--rand)}.geraet:first-of-type{border-top:0}.geraet-sym{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--akzent-weich);color:var(--akzent-text)}.geraet-text{display:flex;flex-direction:column;flex:1;min-width:0;font-size:14px}.geraet-text span{color:var(--text3);font-size:13px}.geraet .zeile{margin:0}.einladungsseite main{max-width:520px;margin:0 auto;padding:28px 16px 40px}.marke.dunkel{color:var(--text);padding:0 0 18px}.einladungsseite h1{margin-bottom:10px}.schritte{padding-left:22px;display:flex;flex-direction:column;gap:14px;margin:16px 0}.schritte .stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}