.auth-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#074576;--petrol:#0294ae;--gruen:#1f9a8b;--gruen-dunkel:#16806f;--f-teal:#27a290;--f-lila:#837cd8;--f-blau:#55b4dd;--f-rosa:#e3778f;--karte:#fefcf5;--wolke:#fefcf5d6;--text:#2b3b4e;--text-leise:#5e6f82;--rahmen:#d3dbe0;--platzhalter:#8d9ba8;--fehler:#b4233a;--himmel:#dceff8;--font-hand:var(--font-kalam),"Kalam","Segoe Print","Comic Sans MS",cursive;--font-ui:var(--font-nunito-sans),"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r-karte:28px;--r-feld:14px;--schatten:0 24px 60px -12px #07457647,0 4px 14px #07457614}.auth-page,.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-page{background:var(--himmel);min-height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}.auth-page .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page a{color:var(--petrol);text-underline-offset:3px;font-weight:600;text-decoration:none}.auth-page a:hover{text-decoration:underline}.auth-page :focus-visible{outline:3px solid var(--petrol);outline-offset:3px}.auth-page .szene{z-index:0;pointer-events:none;position:fixed;inset:0}.auth-page .szene picture,.auth-page .szene img.landschaft{object-fit:cover;object-position:50% 70%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.auth-page .szene:after{content:"";background:linear-gradient(#ffffff8c 0%,#ffffff1f 28%,#fff0 55%);position:absolute;inset:0}.auth-page .deko{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.auth-page .deko img{width:100%;height:auto;display:block}.auth-page .ballon{right:max(16px,env(safe-area-inset-right,0px));width:clamp(64px,5.5vw,84px);animation:9s ease-in-out infinite schweben;top:clamp(84px,11vh,120px)}@keyframes schweben{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}.auth-page .fuchs{width:min(37vw,60vh);bottom:10vh;left:clamp(-24px,0vw,24px)}.auth-page .notiz{z-index:2;width:min(17vw,27vh);bottom:-1vh;left:1.5vw;container-type:inline-size}.auth-page .notiz p,.auth-page .notiz-rand p{text-align:center;width:46%;height:54%;font-family:var(--font-hand);color:#3a3226;transform-origin:50%;-webkit-hyphens:none;hyphens:none;flex-direction:column;justify-content:center;align-items:center;gap:.15em;margin:0;font-size:7.7cqw;font-weight:700;line-height:1.2;display:flex;position:absolute;top:13.5%;left:33%;transform:rotate(-11.5deg)skew(5deg)}.auth-page .notiz p span,.auth-page .notiz-rand p span{color:var(--gruen);font-size:1.2em;line-height:1}.auth-page .wegweiser{width:min(13.5vw,22vh);bottom:-9vh;right:2.4vw;container-type:inline-size}.auth-page .wegweiser span,.auth-page .wegweiser-rand__brett span{transform:translate(-50%,-50%) rotate(var(--r));font-family:var(--font-hand);white-space:nowrap;color:#fff5df;text-shadow:0 1px #5a3416,0 0 6px #46260ca6;font-size:13cqw;font-weight:700;line-height:1;position:absolute}.auth-page .wegweiser span:first-of-type,.auth-page .wegweiser-rand__brett span:first-of-type{--r:-7deg;top:15.5%;left:44%}.auth-page .wegweiser span:nth-of-type(2),.auth-page .wegweiser-rand__brett span:nth-of-type(2){--r:-5deg;top:33%;left:47%}.auth-page .wegweiser span:nth-of-type(3),.auth-page .wegweiser-rand__brett span:nth-of-type(3){--r:-4deg;top:50.3%;left:45%}.auth-page .wegweiser span:nth-of-type(4),.auth-page .wegweiser-rand__brett span:nth-of-type(4){--r:-3deg;color:#f8d9df;font-size:11cqw;top:64.2%;left:42%}@media (max-height:860px){.auth-page .wegweiser{display:none}}.auth-page .seite{z-index:3;--spalten-abstand:clamp(24px,3vw,56px);column-gap:var(--spalten-abstand);width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex:1 0 auto;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(360px,470px) minmax(0,1fr);max-width:1600px;margin-inline:auto;padding-block:clamp(20px,4vh,48px) 24px;display:grid;position:relative}.auth-page .werkzeuge{grid-area:1/3;justify-self:end;gap:10px;display:flex}.auth-page .sprache{background:var(--wolke);-webkit-backdrop-filter:blur(6px);height:44px;color:var(--navy);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 14px;display:flex;position:relative;box-shadow:0 2px 10px #0745761f}.auth-page .sprache svg{flex:none;width:20px;height:20px}.auth-page .sprache select{appearance:none;font:600 15px var(--font-ui);color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0 18px 0 2px}.auth-page .sprache .pfeil{pointer-events:none;width:14px;height:14px;position:absolute;right:10px}.auth-page button.sprache{font:600 15px var(--font-ui);cursor:pointer;border:0}.auth-page .sprache span{padding:0 18px 0 2px}.auth-page .marke{flex-direction:column;grid-area:1/1/3;align-self:start;gap:clamp(12px,2.2vh,24px);max-width:460px;padding-top:clamp(8px,4vh,48px);display:flex}.auth-page .marke .logo{width:100%;max-width:420px;height:auto;display:block}.auth-page .marke .leitsatz{text-align:center;max-width:min(36ch,100%);font-family:var(--font-hand);color:var(--navy);background:var(--wolke);-webkit-backdrop-filter:blur(8px);border-radius:40px 32px 44px 36px/36px 44px 32px 40px;align-self:flex-start;margin:0 0 0 clamp(0px,2vw,32px);padding:10px 20px 12px;font-size:clamp(16px,1.2vw,19px);font-weight:700;line-height:1.4;transform:rotate(-1.5deg);box-shadow:0 6px 24px -10px #0745764d}@media (min-width:1180px){.auth-page .marke .leitsatz{max-width:min(60ch,calc(min(100%,420px) * 1.2908),calc(2 * (100% + var(--spalten-abstand) - 20px - min(100%,420px) * .6454)));margin-left:0;font-size:clamp(14.5px,1.2vw - 1.5px,17.5px);position:relative;left:calc(min(100%,420px)/1.54943);transform:translate(-50%)rotate(-1.5deg)}}.auth-page .login{background:var(--karte);border-radius:var(--r-karte);box-shadow:var(--schatten);flex-direction:column;grid-area:1/2/3;align-self:center;gap:22px;margin-block:12px;padding:clamp(28px,4vh,44px) clamp(24px,2.6vw,40px) clamp(24px,3vh,36px);display:flex}.auth-page .login header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-page .login .signet{width:84px;height:auto}.auth-page .login h1{font-family:var(--font-hand);color:var(--navy);text-wrap:balance;margin:4px 0 0;font-size:clamp(28px,2.3vw,34px);font-weight:700;line-height:1.15;transform:rotate(-1.5deg)}.auth-page .login header p{color:var(--text-leise);text-wrap:balance;max-width:30ch;margin:0;font-size:16px}.auth-page form{flex-direction:column;gap:14px;display:flex}.auth-page .feld{align-items:center;display:flex;position:relative}.auth-page .feld>svg{width:22px;height:22px;color:var(--navy);opacity:.75;pointer-events:none;position:absolute;left:16px}.auth-page .feld input{border:1.5px solid var(--rahmen);border-radius:var(--r-feld);width:100%;height:54px;font:16px var(--font-ui);color:var(--text);background:#fff;padding:0 16px 0 50px;transition:border-color .15s,box-shadow .15s}.auth-page .feld input::placeholder{color:var(--platzhalter)}.auth-page .feld input:focus{border-color:var(--gruen);outline:none;box-shadow:0 0 0 4px #1f9a8b29}.auth-page .feld input[aria-invalid=true]{border-color:var(--fehler)}.auth-page .feld .auge{width:44px;height:44px;color:var(--text-leise);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;right:6px}.auth-page .feld .auge svg{width:22px;height:22px}.auth-page .feld.passwort input{padding-right:54px}.auth-page .fehler{color:var(--fehler);margin:-6px 0 0 4px;font-size:14px}.auth-page .fehler--block{margin:0}.auth-page .linkknopf{font:inherit;color:var(--petrol);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-weight:600;text-decoration:underline}.auth-page .hinweis--aktion{margin:0}.auth-page .hinweis{color:var(--text-leise);margin:-6px 0 0 4px;font-size:14px}.auth-page .pwgruppe{grid-template-rows:auto 0fr;transition:grid-template-rows .2s;display:grid}.auth-page .pwgruppe:focus-within{grid-template-rows:auto 1fr}.auth-page .pwgruppe .hinweis{opacity:0;min-height:0;margin:0 0 0 4px;padding-top:0;transition:opacity .2s,padding-top .2s;overflow:hidden}.auth-page .pwgruppe:focus-within .hinweis{opacity:1;padding-top:8px}.auth-page .zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:15px;display:flex}.auth-page .merken{cursor:pointer;color:var(--text);align-items:center;gap:10px;min-height:44px;display:flex}.auth-page .merken input{appearance:none;border:1.5px solid var(--rahmen);cursor:pointer;background:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;margin:0;display:grid}.auth-page .merken input:checked{background:var(--gruen);border-color:var(--gruen)}.auth-page .merken input:checked:after{content:"";border-top:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:0;width:12px;height:7px;transform:translateY(-2px)rotate(-45deg)}.auth-page .anmelden{cursor:pointer;height:56px;font:700 18px var(--font-ui);color:#fff;background:linear-gradient(180deg,#26a895,var(--gruen) 55%,var(--gruen-dunkel));border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:6px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px 20px -6px #1f9a8b99}.auth-page .anmelden svg{width:22px;height:22px;transition:transform .2s}.auth-page .anmelden:hover{filter:brightness(1.05);box-shadow:0 12px 24px -6px #1f9a8ba6}.auth-page .anmelden:hover svg{transform:translate(4px)}.auth-page .anmelden:active{transform:translateY(1px)}.auth-page .anmelden[disabled]{opacity:.7;cursor:progress}.auth-page .meldung{color:var(--gruen-dunkel);text-align:center;background:#e6f5f2;border-radius:12px;margin:0;padding:10px 14px;font-size:15px}.auth-page .registrieren{text-align:center;flex-direction:column;gap:2px;margin-top:auto;padding-top:clamp(8px,3vh,36px);font-size:16px;display:flex}.auth-page .registrieren p{color:var(--text-leise);margin:0}.auth-page .registrieren a{align-self:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.auth-page .registrieren a svg{width:18px;height:18px}.auth-page .vorteile{flex-direction:column;grid-area:2/3;place-self:start;gap:clamp(8px,1.4vh,16px);max-width:min(370px,100% - 96px,24vw);margin:0;padding:0;list-style:none;display:flex;margin-top:clamp(8px,5vh,64px)!important}.auth-page .vorteile li{background:var(--wolke);-webkit-backdrop-filter:blur(8px);border-radius:48px 36px 44px 40px/40px 44px 36px 48px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 18px 10px 12px;display:grid;box-shadow:0 6px 24px -10px #07457640}.auth-page .vorteile .kreis{color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.auth-page .vorteile .kreis svg{width:29px;height:29px}.auth-page .vorteile h2{color:var(--navy);margin:0;font-size:clamp(15px,1.1vw,17px);font-weight:700;line-height:1.25}.auth-page .vorteile p{color:var(--text-leise);margin:2px 0 0;font-size:clamp(12.5px,.95vw,14px);line-height:1.4}.auth-page .k-teal{background:var(--f-teal)}.auth-page .k-lila{background:var(--f-lila)}.auth-page .k-blau{background:var(--f-blau)}.auth-page .k-rosa{background:var(--f-rosa)}.auth-page .fuss{text-align:center;font-family:var(--font-hand);color:var(--navy);flex-direction:column;grid-area:3/2;align-items:center;gap:2px;padding-top:14px;font-size:18px;display:flex}.auth-page .fuss p{text-wrap:balance;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff6b;border-radius:999px;max-width:100%;margin:0;padding:9px 20px 5px;box-shadow:0 2px 10px #0745761a}.auth-page .fuss svg{width:min(380px,100%);height:auto;color:var(--petrol)}.auth-page .fuss-leiste{z-index:3;font-family:var(--font-ui);padding:0 max(16px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:3px solid var(--gruen);background:#fefcf5eb;flex-wrap:wrap;flex:none;justify-content:center;gap:0 6px;font-size:14px;display:flex;position:relative;box-shadow:0 -4px 14px -8px #07457640}.auth-page .fuss-leiste a{min-height:44px;color:var(--navy);text-underline-offset:3px;border-radius:10px;align-items:center;padding:0 10px;-webkit-text-decoration:underline #07457659;text-decoration:underline #07457659;display:inline-flex}.auth-page .fuss-leiste a:hover{text-decoration-color:currentColor}@media (max-width:1179px){.auth-page .seite{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);row-gap:24px;max-width:760px;padding-block:20px 32px}.auth-page .werkzeuge{top:20px;right:max(16px,env(safe-area-inset-right,0px));grid-area:1/1;position:absolute}.auth-page .marke{flex-direction:row;grid-area:1/1;align-items:center;gap:28px;max-width:none;padding-top:0;padding-right:110px}.auth-page .marke picture{flex:none;width:min(340px,48%);display:block}.auth-page .marke .logo{max-width:none}.auth-page .marke .leitsatz{min-width:0;margin:0;padding:12px 18px 14px;font-size:18px}.auth-page .login{grid-area:2/1;justify-self:center;width:100%;max-width:480px;margin:0}.auth-page .registrieren{padding-top:8px}.auth-page .vorteile{grid-area:3/1;grid-template-columns:1fr 1fr;justify-self:stretch;max-width:none;display:grid}.auth-page .vorteile li{border-radius:28px}.auth-page .fuss{grid-area:4/1}.auth-page .fuchs,.auth-page .notiz,.auth-page .wegweiser{display:none}.auth-page .vorteile{margin-top:0!important}.auth-page .ballon{top:104px;right:max(20px,env(safe-area-inset-right,0px));width:68px}.auth-page .szene:after{background:linear-gradient(#fff9 0%,#fff3 30%,#fff0 60%)}}.auth-page .fuchs-mobil,.auth-page .fuchs-tablet,.auth-page .notiz-rand,.auth-page .wegweiser-rand{display:none}@media (min-width:760px) and (max-width:1179px){.auth-page .fuchs-tablet{pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:2/1;justify-self:center;width:100%;max-width:480px;display:block}.auth-page .fuchs-tablet__stapel{z-index:-1;width:var(--ft-w);margin-left:calc(-252px - var(--ft-w));position:fixed;bottom:max(10vh,100vh - 730px);left:50%}.auth-page .fuchs-tablet__stapel>img{width:100%;max-width:none;height:auto;display:block}.auth-page{--ft-w:min(calc((100vw - 480px) / 2 - 20px), 300px, 40vh)}}@media (min-width:1000px) and (max-width:1179px){.auth-page .notiz-rand{width:62%;margin-top:4px;display:block;position:relative;container-type:inline-size}.auth-page .notiz-rand>img{width:100%;height:auto;display:block}.auth-page .fuchs-tablet__stapel{bottom:max(2vh,100vh - 730px)}}@media (min-width:870px) and (max-width:1179px){.auth-page .wegweiser-rand{pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:2/1;justify-self:center;width:100%;max-width:480px;display:block}.auth-page .wegweiser-rand__brett{z-index:-1;width:var(--wr-w);margin-left:252px;position:fixed;bottom:max(10vh,100vh - 730px);left:50%;container-type:inline-size}.auth-page .wegweiser-rand__brett img{width:100%;height:auto;display:block}.auth-page{--wr-w:min(calc((100vw - 480px) / 2 - 104px), 150px, 20vh)}}.auth-page .scroll-hinweis{z-index:6;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--wolke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:32px;height:32px;color:var(--navy);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;margin:0 0 0 -16px;padding:0;transition:opacity .25s;animation:1.4s ease-in-out infinite huepfen;display:grid;position:fixed;box-shadow:0 2px 8px #07457638}.auth-page .scroll-hinweis[data-sichtbar=true]{opacity:1;pointer-events:auto}.auth-page .scroll-hinweis svg{width:22px;height:22px}@media (max-width:699px){.auth-page .fuss p{border-radius:24px}.auth-page .fuss-leiste{gap:0;font-size:13px}.auth-page .fuss-leiste a{padding:0 7px}.auth-page .seite{row-gap:18px;padding-block:14px 24px}.auth-page .werkzeuge{top:14px}.auth-page .sprache{height:40px}.auth-page .marke{flex-direction:column;align-items:flex-start;gap:6px;padding-right:96px}.auth-page .marke picture{width:100%;max-width:240px}.auth-page .marke .leitsatz{display:none}.auth-page .login{border-radius:24px;gap:18px;padding:24px 20px 20px}.auth-page .login .signet{width:64px}.auth-page .login header p{font-size:15px}.auth-page .zeile{gap:4px 12px;font-size:14px}.auth-page .merken{gap:8px}.auth-page .vorteile{grid-template-columns:1fr;gap:10px}.auth-page .vorteile li{border-radius:22px;gap:14px;padding:12px 16px 12px 12px}.auth-page .vorteile .kreis{width:48px;height:48px}.auth-page .vorteile .kreis svg{width:28px;height:28px}.auth-page .vorteile h2{font-size:16px}.auth-page{--fuchs-w:clamp(96px,15.5svh,130px)}.auth-page .fuchs-mobil{z-index:4;width:var(--fuchs-w);pointer-events:none;grid-area:2/1;place-self:start center;height:auto;margin:-18px 0 0;display:block;position:relative}.auth-page .fuchs-mobil+.login{margin-top:calc(var(--fuchs-w) * 1.1355 - 18px)}.auth-page .fuchs,.auth-page .ballon,.auth-page .notiz,.auth-page .wegweiser{display:none}@media (max-height:700px){.auth-page .seite{row-gap:14px}.auth-page .login{gap:10px;padding-top:14px}.auth-page .login .signet{width:44px}}}@keyframes huepfen{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.auth-page *{transition:none!important;animation:none!important}}