body[data-ap-tuer]{--ap-feder:linear(0, 0.04395 3.571%, 0.1424 7.143%, 0.2611 10.71%, 0.3809 14.29%, 0.4918 17.86%, 0.5893 21.43%, 0.6722 25%, 0.741 28.57%, 0.797 32.14%, 0.842 35.71%, 0.8777 39.29%, 0.9059 42.86%, 0.9279 46.43%, 0.9449 50%, 0.9581 53.57%, 0.9682 57.14%, 0.976 60.71%, 0.9819 64.29%, 0.9864 67.86%, 0.9897 71.43%, 0.9923 75%, 0.9942 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1); --ap-zeit:324ms;
  --ap-schlicht:color-mix(in oklab,var(--knopf) 11%,transparent);
  --ap-schlicht-hoch:color-mix(in oklab,var(--knopf) 17%,transparent);
  --ap-ring:0 0 0 4px color-mix(in oklab,var(--knopf) 22%,transparent);
  --ap-schatten:0 .5px 1px rgba(16,28,22,.04),0 1px 3px rgba(16,28,22,.04),0 8px 24px -12px rgba(16,28,22,.10)}
body[data-ap-tuer] main{max-width:25rem; margin:0 auto; padding:48px 16px 64px; box-sizing:content-box; font-size:.9375rem; line-height:1.47; letter-spacing:-.006em}
body[data-ap-tuer] main h1{font-size:2rem; line-height:1.1; letter-spacing:-.022em; font-weight:700; text-align:center; text-wrap:balance; margin:0 0 8px}
body[data-ap-tuer] main>.unterzeile,body[data-ap-tuer] main>p.unterzeile{text-align:center; color:var(--gedaempft); font-size:1.0625rem; line-height:1.4; margin:0 auto 32px; max-width:22rem; text-wrap:balance}
body[data-ap-tuer] main h2,body[data-ap-tuer] main .kartentitel{font-size:1.0625rem; line-height:1.3; letter-spacing:-.012em; font-weight:650; margin:0 0 8px}
html body.wa[data-ap-tuer]:not(.seitenprobe) main[data-web-aufbau]{max-width:25rem; padding:48px 16px 64px!important}
body.wa[data-ap-tuer] .wa-kopf{margin:0 0 32px; padding:0}
body.wa[data-ap-tuer] .wa-kopftext{max-width:none}
body.wa[data-ap-tuer] :is(.wa-kopfbild,.wa-marke,.wa-paar>.wa-bild){display:none}
body.wa[data-ap-tuer] .wa-kopf .wa-satz{font-size:1.0625rem; line-height:1.4; color:var(--gedaempft); margin:8px auto 0; max-width:22rem}
body.wa[data-ap-tuer] .wa-leib>*,body.wa[data-ap-tuer] .wa-leib>.anmelde-raster{max-width:none!important; width:100%}
html body[data-ap-tuer] main h1{font-size:2rem!important; line-height:1.1!important; letter-spacing:-.022em!important; max-width:none; margin:0 0 8px}
html body[data-ap-tuer] main .karte h2{font-size:1.0625rem!important; line-height:1.3!important; letter-spacing:-.012em!important; margin:0 0 8px!important}
html body[data-ap-tuer] main .karte:not(:has(form)),html body[data-ap-tuer] main .karte:not(:has(form)) :is(p,div){font-size:.9375rem; line-height:1.47}
body[data-ap-tuer] main h1::before{content:""; display:block; width:56px; height:56px; margin:0 auto 24px; background:url("/app/symbol.svg?v=afccda5f40") center/contain no-repeat}
body[data-ap-tuer] .anmelde-raster,body[data-ap-tuer] .anmelde-raster.mit-liste{display:flex; flex-direction:column; gap:16px; grid-template-columns:none}
body[data-ap-tuer] .anmelde-links,body[data-ap-tuer] .anmelde-rechts{gap:16px}
body[data-ap-tuer] main .karte{max-width:none!important; margin:0 0 16px; padding:24px; border:0; border-radius:22px; background:var(--flaeche); box-shadow:var(--ap-schatten)}
body[data-ap-tuer] .anmelde-links>.karte,body[data-ap-tuer] .anmelde-rechts>.karte{margin:0; flex:none}
body[data-ap-tuer] main .karte>:first-child,body[data-ap-tuer] main .karte form>:first-child{margin-top:0}
body[data-ap-tuer] main .karte>:last-child{margin-bottom:0}
body[data-ap-tuer] main label{font-size:.8125rem; font-weight:600; color:var(--gedaempft); letter-spacing:0}
body[data-ap-tuer] main form label{display:flex; flex-direction:column; gap:8px; margin:0 0 16px}
body[data-ap-tuer] main input:is([type=text],[type=email],[type=password],[type=tel],[type=number],:not([type])){height:48px; min-height:48px; box-sizing:border-box; padding:0 16px; border:1px solid var(--linie); border-radius:12px; background:var(--flaeche); color:var(--tinte); font-size:1.0625rem; letter-spacing:-.01em; box-shadow:none; transition:box-shadow var(--ap-zeit) var(--ap-feder),border-color var(--ap-zeit) var(--ap-feder)}
body[data-ap-tuer] main input:focus{outline:none; border-color:var(--knopf); box-shadow:var(--ap-ring)}
body[data-ap-tuer] main input:focus-visible{outline:none}
body[data-ap-tuer] main input[type=checkbox]{accent-color:var(--knopf); width:20px; height:20px}
body[data-ap-tuer] main label:has(>input[type=checkbox]){flex-direction:row; align-items:flex-start; gap:12px; font-weight:400; color:var(--tinte); font-size:.9375rem}
body[data-ap-tuer] main [hidden]{display:none!important}
body[data-ap-tuer] main :is(button,.knopf):not(.auge){display:flex; align-items:center; justify-content:center; width:100%; height:48px; min-height:48px; margin:0; padding:0 20px; box-sizing:border-box; border:0; border-radius:12px; font-size:1.0625rem; font-weight:600; letter-spacing:-.01em; line-height:1.2; text-decoration:none; box-shadow:none; background:var(--knopf); color:var(--auf-knopf); cursor:pointer; transition:transform var(--ap-zeit) var(--ap-feder),background-color var(--ap-zeit) var(--ap-feder); -webkit-tap-highlight-color:transparent}
body[data-ap-tuer] main :is(button,.knopf):not(.auge):active{transform:scale(.97); transition-duration:80ms; transition-timing-function:ease-out}
body[data-ap-tuer] main :is(.knopf.klein,button[type=button]:not(.auge),.nebenweg.knopf),
body[data-ap-tuer] main :is(.karte:has(form),.anmelde-links) ~ :is(.karte,.anmelde-rechts) :is(button,.knopf):not(.auge),
body[data-ap-tuer] main :is(.karte:has(form),.anmelde-links) ~ .karte :is(button,.knopf):not(.auge),
body[data-ap-tuer] main .karte :is(button,.knopf) ~ :is(button,.knopf),
body[data-ap-tuer] main .karte p:has(>.knopf) ~ p>.knopf{background:var(--ap-schlicht); color:var(--akzent-lese)}
body[data-ap-tuer] main :is(.knopf.klein,button[type=button]:not(.auge)):hover{background:var(--ap-schlicht-hoch)}
body[data-ap-tuer] main form>:is(button,.knopf):not(.auge){margin-top:24px}
body[data-ap-tuer] main label[for]{display:block; margin:0 0 8px}
body[data-ap-tuer] main .mit-auge{display:block; max-width:none; margin:0}
body[data-ap-tuer] main .mit-auge>input{width:100%}
body[data-ap-tuer] main p.feld{display:flex; flex-direction:column; margin:0 0 16px}
body[data-ap-tuer] main p.feld>label{margin:0 0 8px}
body[data-ap-tuer] main .karte>:is(button,.knopf)+p{margin-top:8px}
body[data-ap-tuer] main .karte>p:has(>.knopf){margin:16px 0 0}
body[data-ap-tuer] main .trennzeile{margin:16px 0; color:var(--gedaempft); font-size:.8125rem}
body[data-ap-tuer] main .leise,body[data-ap-tuer] main .klein{color:var(--gedaempft); font-size:.8125rem; line-height:1.45; letter-spacing:0}
body[data-ap-tuer] main .karte p{margin:0 0 12px}
body[data-ap-tuer] main a:not(.knopf){color:var(--np-link); text-decoration:none; font-weight:500}
body[data-ap-tuer] main a:not(.knopf):hover{text-decoration:underline; text-underline-offset:2px}
body[data-ap-tuer] main .wegzeile{text-align:center; margin:16px 0 0}
body[data-ap-tuer] main>.wegzeile,body[data-ap-tuer] main>p.leise{text-align:center; color:var(--gedaempft); font-size:.8125rem}
body[data-ap-tuer] main>.wegzeile{line-height:2.2}
body[data-ap-tuer] main>.wegzeile a{white-space:nowrap; padding:12px 0}
body[data-ap-tuer] .anmelde-liste-text{color:var(--gedaempft); font-size:.9375rem; line-height:1.47}
body[data-ap-tuer] .anmelde-liste-text strong{color:var(--tinte)}
body[data-ap-tuer] .anmelde-rechts .kartentitel{display:none}
body[data-ap-tuer] .anmelde-liste-text strong{display:block; font-size:1.0625rem; line-height:1.3; letter-spacing:-.012em; font-weight:650; margin:0 0 8px}
body[data-ap-tuer] main .fehlerband{margin:0 0 16px; padding:12px 16px; border:0; border-radius:14px; background:var(--fehler-flaeche); color:var(--fehler); font-size:.9375rem; text-align:left}
.fehlerseite{max-width:25rem; margin:0 auto; padding:64px 0 48px; text-align:center}
.fehlerseite::before{content:""; display:block; width:64px; height:64px; margin:0 auto 24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='28' cy='28' r='17' fill='none' stroke='%2386868b' stroke-width='4'/%3E%3Cpath d='M41 41l12 12' stroke='%2386868b' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/40px no-repeat,var(--flaeche); border-radius:50%; box-shadow:0 .5px 1px rgba(16,28,22,.05),0 8px 24px -12px rgba(16,28,22,.14)}
.fehlerseite h1{font-size:2rem; line-height:1.1; letter-spacing:-.022em; margin:0 0 8px; text-wrap:balance}
.fehlerseite .unterzeile{color:var(--gedaempft); font-size:1.0625rem; line-height:1.45; margin:0 0 32px; text-wrap:pretty}
.fehlerseite .knopfzeile{display:flex; flex-direction:column; align-items:stretch; gap:8px; margin:0}
.fehlerseite .knopfzeile .knopf{display:flex; align-items:center; justify-content:center; height:48px; min-height:48px; margin:0; padding:0 20px; border:0; border-radius:12px; background:var(--knopf); color:var(--auf-knopf); font-size:1.0625rem; font-weight:600; text-decoration:none; box-shadow:none}
.fehlerseite .knopfzeile .knopf:active{transform:scale(.97)}
.fehlerseite .nebenweg{display:flex; align-items:center; justify-content:center; min-height:44px; color:var(--akzent-lese); text-decoration:none; font-weight:500}
@media (max-width:480px){
  body[data-ap-tuer] main{padding:32px 16px 48px; max-width:none}
  html body[data-ap-tuer] main h1{font-size:1.75rem!important}
  .fehlerseite h1{font-size:1.75rem}
  html body.wa[data-ap-tuer]:not(.seitenprobe) main[data-web-aufbau]{padding:32px 16px 48px!important; max-width:none}
  html body[data-ap-tuer] main h1{font-size:2rem!important; line-height:1.1!important; letter-spacing:-.022em!important; max-width:none; margin:0 0 8px}
html body[data-ap-tuer] main .karte h2{font-size:1.0625rem!important; line-height:1.3!important; letter-spacing:-.012em!important; margin:0 0 8px!important}
html body[data-ap-tuer] main .karte:not(:has(form)),html body[data-ap-tuer] main .karte:not(:has(form)) :is(p,div){font-size:.9375rem; line-height:1.47}
body[data-ap-tuer] main h1::before{width:48px; height:48px; margin-bottom:16px}
  body[data-ap-tuer] main .karte{padding:20px 16px; border-radius:18px}
  .fehlerseite{padding-top:40px}
}
@media (prefers-reduced-motion:reduce){
  body[data-ap-tuer] main :is(button,.knopf):active,.fehlerseite .knopf:active{transform:none}
  body[data-ap-tuer] main *{transition-duration:0s!important}
}
@media (prefers-contrast:more){
  body[data-ap-tuer] main .karte{box-shadow:0 0 0 1px var(--linie)}
}