.passwort-feld,.app-select{width:100%;min-width:0;display:block;position:relative}.passwort-feld>input{padding-right:50px}.passwort-sichtbarkeit{width:44px;height:44px;color:var(--slo-text-neben);border-radius:var(--slo-radius-klein);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.passwort-sichtbarkeit:hover{color:var(--slo-akzent-text)}}.passwort-sichtbarkeit:focus-visible{outline:2px solid var(--slo-gruen);outline-offset:-3px}.app-select-quelle{opacity:0;pointer-events:none;overflow:hidden;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.app-select-ausloeser{width:100%;min-height:44px;color:var(--slo-text);font:inherit;text-align:left;background:var(--slo-karte);border:1px solid var(--slo-rand-eingabe);border-radius:var(--slo-radius-klein);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.app-select-ausloeser:focus-visible{outline:2px solid var(--slo-gruen);outline-offset:2px}.app-select-ausloeser:disabled{opacity:.6}.app-select-hintergrund{z-index:1000;padding:16px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));animation:einblenden var(--slo-motion-popover) var(--slo-bewegung);background:#1e231e47;align-items:end;display:grid;position:fixed;inset:0}.app-select-hintergrund[data-schliesst=true]{animation:einblenden var(--slo-motion-exit) ease-in reverse both;pointer-events:none}.app-select-dialog{background:var(--slo-flaeche);border:1px solid var(--slo-rand);border-radius:var(--slo-radius-dialog);width:min(560px,100%);max-height:min(70dvh,620px);animation:prototyp-pop var(--slo-motion-dialog) var(--slo-bewegung);margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #1e231e38}.app-select-hintergrund[data-schliesst=true] .app-select-dialog{animation:prototyp-pop var(--slo-motion-exit) ease-in reverse both}.app-select-liste{max-height:calc(min(70dvh,620px) - 58px);overflow:auto}.app-select-liste>button,.app-select-abbrechen{width:100%;min-height:48px;color:var(--slo-text);font:500 14px var(--slo-sans);text-align:left;background:var(--slo-flaeche);border:0;border-bottom:1px solid var(--slo-rand-hell);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.app-select-liste>button[aria-selected=true]{color:var(--slo-akzent-text);background:var(--slo-gruen-hell)}.app-select-liste>button:focus-visible{outline:2px solid var(--slo-gruen);outline-offset:-3px}.app-select-liste>button:active{background:var(--slo-gruen-hell)}.app-select-abbrechen{color:var(--slo-text-neben);border-bottom:0;justify-content:center}@media (min-width:760px){.app-select-hintergrund{align-items:center}}@media (prefers-reduced-motion:reduce){.app-select-hintergrund,.app-select-hintergrund[data-schliesst=true],.app-select-dialog,.app-select-hintergrund[data-schliesst=true] .app-select-dialog{animation:none}}
.quellennachweis-dialog{width:min(520px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--slo-text);background:0 0;border:0;border-radius:14px;padding:0}.quellennachweis-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#171f1b6b}.quellennachweis-karte{max-height:inherit;border:1px solid var(--slo-rand);background:var(--slo-flaeche);animation:prototyp-pop var(--slo-motion-dialog) var(--slo-bewegung);border-radius:14px;padding:20px;overflow:auto;box-shadow:0 18px 48px #141b182e}.quellennachweis-karte>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quellennachweis-karte h3{font:600 20px/1.25 var(--slo-serif);margin:3px 0 0}.quellennachweis-karte dl{border-top:1px solid var(--slo-rand-hell);margin:18px 0 0}.quellennachweis-karte dl>div{border-bottom:1px solid var(--slo-rand-hell);grid-template-columns:112px minmax(0,1fr);gap:14px;padding:9px 0;display:grid}.quellennachweis-karte dt{color:var(--slo-text-neben);font:10.5px/1.5 var(--slo-mono);text-transform:uppercase;letter-spacing:.05em}.quellennachweis-karte dd{min-width:0;font:13px/1.5 var(--slo-sans);overflow-wrap:anywhere;margin:0}.quellennachweis-karte dd.ist-technisch{font-family:var(--slo-mono);-webkit-user-select:all;user-select:all;font-size:11.5px}.quellennachweis-hinweis{color:var(--slo-text-neben);font:12px/1.5 var(--slo-sans);margin:13px 0}.quellennachweis-karte>footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:560px){.quellennachweis-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.quellennachweis-karte{padding:16px}.quellennachweis-karte dl>div{grid-template-columns:1fr;gap:2px}.quellennachweis-karte>footer>*{width:100%}}@media (prefers-reduced-motion:reduce){.quellennachweis-karte{animation:none}.quellennachweis-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
.karte-steuerung-kopfzeile{align-items:center;gap:2px;display:flex}.karte-steuerung-kopfzeile>.karte-steuerung-sektionskopf{flex:1;min-width:0}.karte-ebenen-alle{border-radius:var(--slo-radius-klein);width:28px;height:28px;color:var(--slo-text-leise);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-right:10px;padding:0;display:inline-flex}.karte-ebenen-alle:focus-visible{outline:3px solid var(--slo-fokus);outline-offset:2px}@media (hover:hover){.karte-ebenen-alle:hover{background:var(--slo-papier);color:var(--slo-text)}}.karte-ansichten{gap:1px}.karte-ansicht-zeile{align-items:center;gap:2px;display:flex}.karte-ansicht{border-radius:var(--slo-radius-klein);min-width:0;color:var(--slo-text);font:400 13.5px/1.35 var(--slo-sans);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:7px 8px;display:flex}.karte-ansicht:focus-visible{outline:3px solid var(--slo-fokus);outline-offset:-2px}@media (hover:hover){.karte-ansicht:hover{background:var(--slo-papier)}}.karte-ansicht-punkt{border:1.5px solid var(--slo-rand);border-radius:50%;flex:none;width:9px;height:9px}.karte-ansicht.ist-aktiv{font-weight:600}.karte-ansicht.ist-aktiv .karte-ansicht-punkt{border-color:var(--slo-gruen);background:var(--slo-gruen)}.karte-ansicht-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.karte-ansicht-geaendert{color:var(--slo-text-leise);font:400 11.5px var(--slo-mono);flex:none}.karte-ansicht-mehr{flex:none}.karte-ansicht-neu{border-radius:var(--slo-radius-klein);color:var(--slo-text-neben);font:400 13px/1.35 var(--slo-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:4px;padding:7px 8px;display:flex}.karte-ansicht-neu:disabled{opacity:.5;cursor:default}.karte-ansicht-neu:focus-visible{outline:3px solid var(--slo-fokus);outline-offset:-2px}@media (hover:hover){.karte-ansicht-neu:not(:disabled):hover{background:var(--slo-papier);color:var(--slo-text)}}.karte-ansicht-neuform{border-top:1px solid var(--slo-rand-hell);flex-direction:column;gap:7px;margin-top:6px;padding-top:8px;display:flex}.karte-ansicht-neuform-zeile{justify-content:flex-end;gap:6px;display:flex}.karte-ansichten-hinweis{color:var(--slo-text-neben);font:400 12px/1.45 var(--slo-sans);margin:4px 0 0;padding:0 8px}.karte-ansichten-hinweis.ist-fehler{color:var(--slo-fehler-text)}.ansicht-dialog{width:min(460px,100vw - 32px);max-height:min(680px,100dvh - 32px);color:var(--slo-text);background:0 0;border:0;border-radius:14px;padding:0}.ansicht-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#171f1b6b}.ansicht-dialog-karte{max-height:inherit;border:1px solid var(--slo-rand);background:var(--slo-flaeche);animation:prototyp-pop var(--slo-motion-dialog) var(--slo-bewegung);border-radius:14px;padding:20px;overflow:auto;box-shadow:0 18px 48px #141b182e}.ansicht-dialog-karte>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ansicht-dialog-karte h3{font:600 20px/1.25 var(--slo-serif);overflow-wrap:anywhere;margin:3px 0 0}.ansicht-dialog-inhalt{color:var(--slo-text-neben);font:400 12.5px/1.5 var(--slo-mono);margin:14px 0 0}.ansicht-dialog-feldzeile{flex-direction:column;gap:5px;margin-top:16px;display:flex}.ansicht-dialog-feldzeile>span{color:var(--slo-text-neben);font:10.5px/1.5 var(--slo-mono);text-transform:uppercase;letter-spacing:.05em}.ansicht-dialog-zeile{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.ansicht-dialog-zeile--getrennt{justify-content:space-between}.ansicht-dialog-trenner{border:0;border-top:1px solid var(--slo-rand-hell);margin:18px 0 0}.ansicht-dialog-nachfrage{border:1px solid var(--slo-rand);border-radius:var(--slo-radius-klein);background:var(--slo-papier);margin-top:14px;padding:12px}.ansicht-dialog-nachfrage p{font:400 13px/1.5 var(--slo-sans);margin:0}.ansicht-dialog-fehler{color:var(--slo-fehler-text);font:400 12.5px/1.5 var(--slo-sans);margin:12px 0 0}@media (max-width:560px){.ansicht-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.ansicht-dialog-karte{padding:16px}.ansicht-dialog-zeile--getrennt{justify-content:stretch}.ansicht-dialog-zeile>*{flex:1}}@media (prefers-reduced-motion:reduce){.ansicht-dialog-karte{animation:none}.ansicht-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
.slo-namenszusatz,strong .slo-namenszusatz,h1 .slo-namenszusatz,h2 .slo-namenszusatz{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--slo-text-neben);white-space:nowrap;font-size:.88em;font-weight:400}.slo-namenszusatz:before{content:"·";color:var(--slo-text-leise);margin:0 .4em;font-weight:400}.slo-namenszusatz[data-schwach=true],strong .slo-namenszusatz[data-schwach=true],h1 .slo-namenszusatz[data-schwach=true],h2 .slo-namenszusatz[data-schwach=true]{color:var(--slo-text-leise)}.slo-gleichnamig-hinweis{max-width:62ch;color:var(--slo-text-neben);margin:6px 0 0;font-size:12.5px;line-height:1.45}
.profilbild{background:var(--slo-gruen);width:52px;height:52px;color:var(--slo-auf-dunkel);font:600 15px var(--slo-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.profilbild img{object-fit:cover;object-position:center;clip-path:circle(48% at 50% 48%);-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;transform:scale(1.05)}.profilbild--klein{width:34px;height:34px;font-size:12px}.profilbild--initialen{background:var(--slo-gruen)}.ersteinrichtung{z-index:12000;background:color-mix(in srgb,var(--slo-dunkel) 58%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0}.ersteinrichtung-karte{border:1px solid var(--slo-rand);background:var(--slo-flaeche);width:min(760px,100%);max-height:min(900px,100dvh - 24px);color:var(--slo-text);border-radius:28px;overflow:auto;box-shadow:0 28px 80px #0c221f47}.ersteinrichtung-kopf{z-index:2;background:color-mix(in srgb,var(--slo-flaeche) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--slo-rand);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 24px;display:grid;position:sticky;top:0}.ersteinrichtung-kopf>span{font:600 12px var(--slo-mono);letter-spacing:.05em;text-transform:uppercase}.ersteinrichtung-kopf small{color:var(--slo-text-leise)}.ersteinrichtung-fortschritt{background:var(--slo-karte);border-radius:9px;height:5px;overflow:hidden}.ersteinrichtung-fortschritt i{border-radius:inherit;background:var(--slo-gruen);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.ersteinrichtung-inhalt{padding:clamp(28px,6vw,58px);animation:.44s cubic-bezier(.2,.8,.2,1) both ersteinrichtung-rein}.ersteinrichtung-inhalt section>h1{font:600 clamp(30px,5vw,48px)/1.06 var(--slo-serif);margin:5px 0 12px}.ersteinrichtung-inhalt section>p{max-width:62ch;color:var(--slo-text-leise);line-height:1.65}.ersteinrichtung-kicker{color:var(--slo-gruen);font:600 12px var(--slo-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.ersteinrichtung-symbol{width:62px;height:62px;color:var(--slo-gruen);background:var(--slo-gruen-hell);border-radius:20px;place-items:center;margin-bottom:24px;animation:.75s cubic-bezier(.2,1.4,.3,1) both ersteinrichtung-symbol;display:grid;transform:rotate(-3deg)}.ersteinrichtung-symbol svg{width:30px;height:30px}.ersteinrichtung-rollenkarte,.ersteinrichtung-hinweis{border:1px solid var(--slo-rand);background:var(--slo-karte);border-radius:18px;margin-top:22px;padding:18px 20px}.ersteinrichtung-rollenkarte strong,.ersteinrichtung-hinweis strong{margin-bottom:5px;display:block}.ersteinrichtung-rollenkarte span,.ersteinrichtung-hinweis span{color:var(--slo-text-leise);line-height:1.5}.ersteinrichtung-hinweis{align-items:flex-start;gap:14px;display:flex}.ersteinrichtung-hinweis>svg{color:var(--slo-gruen);flex:none}.ersteinrichtung-name{gap:8px;margin-top:28px;font-weight:600;display:grid}.ersteinrichtung-namen{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.ersteinrichtung-name small,.ersteinrichtung-profile>p{color:var(--slo-text-leise);font-weight:400;line-height:1.45}.ersteinrichtung-profile{border:0;margin:30px 0 0;padding:0}.ersteinrichtung-profile legend{font-weight:600}.ersteinrichtung-profilraster{grid-template-columns:repeat(5,minmax(86px,1fr));gap:10px;margin-top:16px;display:grid}.ersteinrichtung-profilraster button{border:1px solid var(--slo-rand);min-height:98px;color:inherit;background:var(--slo-flaeche);cursor:pointer;border-radius:17px;align-content:center;place-items:center;gap:6px;padding:10px 5px;transition:border-color .16s,background .16s;display:grid;position:relative}.ersteinrichtung-profilraster button:hover:not(:disabled),.ersteinrichtung-profilraster button.aktiv{border-color:var(--slo-gruen);background:var(--slo-gruen-hell)}.ersteinrichtung-profilraster button:disabled{opacity:.38;filter:grayscale(.8);cursor:not-allowed}.ersteinrichtung-profilraster button>span:not(.profilbild){font-size:12px}.ersteinrichtung-profilraster button>small{font-size:9px;position:absolute;bottom:3px}.ersteinrichtung-profilraster button>i{background:var(--slo-gruen);width:20px;height:20px;color:var(--slo-auf-dunkel);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;right:7px}.ersteinrichtung-feier{text-align:center}.ersteinrichtung-feier .ersteinrichtung-symbol,.ersteinrichtung-feier>p{margin-inline:auto}.ersteinrichtung-profilvorschau{border:1px solid var(--slo-rand);background:var(--slo-karte);text-align:left;border-radius:999px;align-items:center;gap:14px;width:max-content;max-width:100%;margin:28px auto;padding:12px 20px 12px 12px;display:flex}.ersteinrichtung-profilvorschau strong,.ersteinrichtung-profilvorschau span{display:block}.ersteinrichtung-profilvorschau span{color:var(--slo-text-leise);margin-top:3px;font-size:13px}.ersteinrichtung-wegweiser{gap:12px;margin-top:26px;display:grid}.ersteinrichtung-wegweiser>div{border:1px solid var(--slo-rand);background:var(--slo-karte);border-radius:18px;align-items:flex-start;gap:16px;padding:17px;display:flex}.ersteinrichtung-wegweiser>div>span{background:var(--slo-gruen-hell);width:42px;height:42px;color:var(--slo-gruen);border-radius:13px;flex:none;place-items:center;display:grid}.ersteinrichtung-wegweiser p{color:var(--slo-text-leise);margin:0;line-height:1.45}.ersteinrichtung-wegweiser strong{color:var(--slo-text);margin-bottom:4px;display:block}.ersteinrichtung-aktionen{border-top:1px solid var(--slo-rand);background:color-mix(in srgb,var(--slo-flaeche) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex;position:sticky;bottom:0}.ersteinrichtung-aktionen .slo-button{align-items:center;gap:8px;display:inline-flex}@keyframes ersteinrichtung-rein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes ersteinrichtung-symbol{0%{opacity:0;transform:scale(.65)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@media (max-width:600px){.ersteinrichtung{place-items:stretch stretch;padding:0}.ersteinrichtung-karte{border:0;border-radius:0;min-height:100dvh;max-height:100dvh}.ersteinrichtung-kopf{padding:14px 18px}.ersteinrichtung-inhalt{padding:30px 18px 120px}.ersteinrichtung-profilraster{grid-template-columns:repeat(4,minmax(68px,1fr));gap:7px}.ersteinrichtung-profilraster button{min-height:88px}.ersteinrichtung-profilraster .profilbild{width:44px;height:44px}.ersteinrichtung-namen{grid-template-columns:1fr;gap:0}.ersteinrichtung-aktionen{padding:14px 18px calc(14px + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.ersteinrichtung-aktionen .slo-button:last-child{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.ersteinrichtung-inhalt,.ersteinrichtung-symbol{animation:none}.ersteinrichtung-fortschritt i{transition:none}}.konto-app-uebergabe{border:1px solid var(--slo-rand);border-radius:var(--slo-radius);background:var(--slo-gruen-hell);gap:8px;margin:0 0 22px;padding:16px;display:grid}.konto-app-uebergabe p{color:var(--slo-text-neben);margin:0;line-height:1.5}
.hilfe-seite{width:min(100%,980px);padding:clamp(24px, 5vw, 54px) var(--slo-seitenabstand) 120px;margin:0 auto}.hilfe-seite header{max-width:720px;margin-bottom:30px}.hilfe-seite header>p{color:var(--slo-gruen);font:700 .75rem/1 var(--slo-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.hilfe-seite h1{font:600 clamp(2rem, 5vw, 3.4rem)/1.05 var(--slo-serif);margin:0 0 12px}.hilfe-seite header>span{color:var(--slo-text-neben);line-height:1.55}.hilfe-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hilfe-raster section{border:1px solid var(--slo-rand);border-radius:var(--slo-radius-dialog);background:var(--slo-flaeche);animation:ersteinrichtung-rein .42s var(--slo-bewegung) both;padding:22px}.hilfe-raster section:nth-child(2){animation-delay:50ms}.hilfe-raster section:nth-child(3){animation-delay:.1s}.hilfe-raster section:nth-child(4){animation-delay:.15s}.hilfe-raster section:nth-child(5){animation-delay:.2s}.hilfe-raster svg{color:var(--slo-gruen)}.hilfe-raster h2{font:600 1.25rem var(--slo-serif);margin:14px 0 7px}.hilfe-raster p{color:var(--slo-text-neben);margin:0;line-height:1.55}.hilfe-ausblick{color:var(--slo-text-neben);margin:22px 0 0}@media (max-width:640px){.hilfe-raster{grid-template-columns:1fr}.hilfe-seite{padding-top:24px}}@media (prefers-reduced-motion:reduce){.hilfe-raster section{animation:none}}
