:root{color-scheme:dark;--mint:#d5f29b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 20%,#24453270,transparent 55%),#0b1812;color:#f1f5e8;font:15px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}.auth-old-header,.auth-old-footer,.auth-main{width:min(1160px,calc(100% - 48px));margin:auto}.auth-old-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0}.auth-old-header>a:last-child{font-size:12px;text-decoration:none;border:1px solid #9bb89144;border-radius:30px;padding:11px 18px;transition:background .25s,transform .25s}.auth-old-header>a:last-child:hover{background:#d5f29b16;transform:translateY(-2px)}.logo svg{width:155px;height:auto;display:block}.auth-main{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:45px 0 65px}.story>small,.auth-card>small{font-size:10px;letter-spacing:2.3px;color:#bfdda8}.story h1{font-size:clamp(39px,4.5vw,62px);line-height:1.1;letter-spacing:-2.8px;font-weight:550;margin:24px 0}.story em{font-style:normal;color:var(--mint)}.story>p{max-width:420px;color:#afc3b1;font-size:15px}.story ul{display:grid;gap:14px;margin:30px 0;padding-left:18px;color:#d3e1cc;font-size:13px}.story>a{font-size:12px;color:#b3c5ab;text-decoration:none}.auth-card{background:#16271ff2;border:1px solid #a5c69a30;border-radius:28px;padding:clamp(24px,3vw,38px);box-shadow:0 25px 80px #0003}.auth-card h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:15px 0 9px}.auth-card>p{font-size:12px;color:#abc0ae;margin-bottom:25px}.auth-card form{display:grid;gap:17px}.auth-card label{display:grid;gap:7px;font-size:12px;color:#dce8d6}.auth-card input{width:100%;min-width:0;padding:12px 13px;background:#0c1b13;border:1px solid #b4c8a83d;border-radius:11px;color:#f1f5e8;outline:none;transition:border-color .2s,box-shadow .2s}.auth-card input::placeholder{color:#879c85}.auth-card input:focus{border-color:#bddb9c;box-shadow:0 0 0 3px #bada9616}.password{display:flex;position:relative}.password input{padding-right:77px}.password button{position:absolute;right:6px;top:6px;bottom:6px;border:0;border-radius:8px;color:#c6dcb8;background:#ffffff08;font-size:11px;padding:0 10px;cursor:pointer}.submit{border:1px solid var(--mint);background:var(--mint);color:#14241a;font-weight:700;border-radius:30px;padding:14px;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}.submit:hover{transform:translateY(-2px);background:#e0f7b4;box-shadow:0 8px 25px #b9e29720}.submit:disabled{opacity:.65;cursor:wait}:focus-visible{outline:2px solid var(--mint)!important;outline-offset:3px}.forgot{font-size:11px;text-align:right;color:#c2d9b4}.hint{font-size:10px;color:#9eb499;margin:-8px 0 0}.legal{font-size:10px;color:#b2c6a9;margin:0}.switch{font-size:11px;text-align:center;color:#b0c5a6;margin:23px 0 0!important}.switch a{color:var(--mint);margin-left:5px}.error,.cms-form-meldung.is-bad{border:1px solid #d88e82;background:#d88e8211;color:#ffcec4!important;border-radius:12px;padding:12px;font-size:12px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.auth-old-footer{border-top:1px solid #a4bf9122;display:flex;gap:20px;justify-content:space-between;padding:24px 0;color:#95ad8e;font-size:10px}.auth-old-footer nav{display:flex;gap:20px}.cms-name-feedback{font-size:11px;line-height:1.6;color:#c8ddbd;margin-top:-8px}.cms-name-feedback span{display:block}.cms-name-feedback button{margin:7px 5px 0 0;border:1px solid #b6d29755;border-radius:15px;padding:5px 9px;background:#c0dfaa0c;color:#d9edc7;font-size:10px;cursor:pointer}.cms-name-feedback button:hover{background:#c0dfaa22}.auth-card input.cms-name-unavailable{border:2px solid #e7817e;background:#381e1d;box-shadow:0 0 0 3px #e7817e15}html{scrollbar-width:thin;scrollbar-color:#8eae91 #102119}[hidden]{display:none!important}@media(max-width:800px){.auth-main{gap:30px;grid-template-columns:1fr;max-width:530px;padding-top:25px}.story h1{font-size:36px;letter-spacing:-1.5px}.story>p,.story ul,.story>a{display:none}.auth-old-header,.auth-old-footer{width:calc(100% - 36px)}.logo svg{width:125px}.auth-old-header>a:last-child{font-size:10px;padding:9px 11px}.auth-old-footer{flex-wrap:wrap}}@media(max-width:420px){.auth-card{padding:23px}.auth-main{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.auth-intro>small{font-size:10px;letter-spacing:2.3px;color:#bfdda8}.auth-intro>p{font-size:12px;color:#abc0ae;margin-bottom:25px}.auth-clean .auth-intro>small{color:#52674c}.auth-clean .auth-intro>p{color:#57675d}
body.auth-page.auth-register .nav-dock header nav>a.nav-start{display:none!important}body.auth-page.auth-register .nav-dock header nav>a.pill:not(.primary){display:inline-flex!important;white-space:nowrap}body.auth-page.auth-login .nav-dock header nav>a.pill:not(.primary){display:none!important}

.cms-newsletter-choice{padding:18px;border:1px solid #96b8a34d;border-radius:14px;background:#a3bf920a;margin:18px 0!important}.cms-newsletter-choice input{accent-color:#5b7d53}.cms-newsletter-choice b{display:inline-block;margin-bottom:7px}.cms-newsletter-choice span{min-width:0}

/* Angemeldet bleiben - waagerecht, nicht als Formularzeile.
   .auth-card label ist ein Raster; ohne diese Regel staende das
   Kaestchen ueber dem Text statt daneben. */
.auth-card label.bleiben{display:flex;align-items:center;gap:9px;font-size:11.5px;color:#c2d9b4;cursor:pointer;margin:-4px 0 0}
.auth-card label.bleiben input{width:17px;height:17px;min-width:0;padding:0;margin:0;flex:0 0 auto;accent-color:var(--mint)}

/* Der zweite Schritt der Anmeldung (v1.48).
   Nebenwege - "Code neu senden", "Abbrechen" - sehen wie Verweise aus
   und nicht wie Knoepfe: Sonst konkurrieren drei Schaltflaechen um den
   Blick, und die eine, um die es geht, faellt nicht mehr auf. */
.auth-card form.zf-neben{margin:0}
.auth-card .linklike{background:none;border:0;padding:0;margin:10px 0 0;font:inherit;font-size:11.5px;color:#c2d9b4;text-decoration:underline;cursor:pointer}
.auth-card .linklike:hover{color:var(--mint)}
.auth-card #zfCode{letter-spacing:.35em;font-size:1.25rem;text-align:center}
.auth-card .zf-hilfe{margin:16px 0 0;font-size:12px;color:#c2d9b4}
.auth-card .zf-hilfe summary{cursor:pointer;color:var(--mint)}
.auth-card .zf-hilfe p{font-size:12px;margin:9px 0 0}

/* Anmelden mit Google, Facebook, Instagram (v2.11). Weiße Knöpfe mit den Zeichen der
   Anbieter - so verlangen es deren Richtlinien; im hellen Design (Clean) mit Rand. */
.sozial-knoepfe{display:grid;gap:10px;margin:4px 0 0}
.sozial-knopf{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;border-radius:999px;background:#fff;color:#1f1f1f;text-decoration:none;font-weight:600;font-size:14px;border:1px solid #ffffff;transition:transform .12s ease,box-shadow .12s ease}
.sozial-knopf:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px #000a}
.sozial-knopf:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.sozial-knopf svg{width:20px;height:20px;flex:0 0 auto}
.sozial-oder{display:flex;align-items:center;gap:12px;margin:18px 0 6px;font-size:11.5px;color:#abc0ae}
.sozial-oder::before,.sozial-oder::after{content:"";flex:1;height:1px;background:#96b8a34d}
.auth-clean .sozial-knopf{border-color:#d5ddd3}
.sozial-hinweis{margin:2px 4px 0;font-size:12.5px;line-height:1.5;text-align:center;opacity:.75}
.auth-clean .sozial-oder{color:#57675d}
.auth-clean .sozial-oder::before,.auth-clean .sozial-oder::after{background:#d5ddd3}

/* Links, die wie der Hauptknopf aussehen (v2.13, Reels Pro: Mac/Windows, Kaufen) - eigene Farbe,
   sonst faerbt sie die Link-Regel des jeweiligen Designs (Clean: gruen auf gruen). */
.auth-card a.submit{display:block;text-align:center;text-decoration:none;color:#14241a}
.auth-clean .auth-card a.submit{color:#fff}
/* Nebenwege (Abmelden, Ablehnen) im hellen Design lesbar - das Hellgruen ist fuer dunklen Grund. */
.auth-clean .auth-card .linklike{color:#355e43}