/* Restliche Einzelseiten am Design-Kanon der Welten (19.09.2026, Schritt 5c):
   /login/, /partnerprogramm/ (bis Schritt 8a /jobs.html), /zugang.html. Nur Anordnung
   und Flaechen. Farben und Schriften kommen aus era.css (--era-paper, --era-ink, --era-muted, --era-line,
   --era-forest, --era-serif, --era-sans) und aus assets/correction/design.css
   (--k-line, --k-soft); Eingabefelder stylt .k-corrected dort bereits.
   Kein Mint, kein eigener Textakzent. */

/* ---- gemeinsame Bausteine ---- */
.kr-card{background:#fcfbf7;border:1px solid var(--k-line,#c5cec0);padding:clamp(20px,3vw,34px);max-width:640px}
.kr-feld{margin-bottom:18px}
.kr-feld>label{display:block;font:600 14px/1.5 var(--era-sans);color:var(--era-ink,#183b32);margin-bottom:7px}
.kr-feld>input,.kr-feld>textarea{width:100%;box-sizing:border-box}
.kr-notiz{font:15px/1.6 var(--era-sans);color:var(--era-muted,#59665e);margin:8px 0 0}
.kr-check{display:flex;gap:11px;align-items:flex-start;font:14px/1.6 var(--era-sans);color:var(--era-ink,#183b32);margin:0 0 20px;min-height:48px}
.kr-check>span{padding-top:1px}
#zg-danke h2{margin-top:0}

/* ---- Partnerprogramm ---- */
.kr-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}
.kr-wahl{display:flex;gap:14px;align-items:flex-start;text-align:left;background:#fcfbf7;border:1px solid var(--k-line,#c5cec0);padding:clamp(16px,2.4vw,24px);font:inherit;color:var(--era-ink,#183b32);cursor:pointer;min-height:48px}
.kr-wahl:hover,.kr-wahl[aria-pressed="true"]{border-color:var(--era-forest,#123d35)}
.kr-haken{flex:none;width:28px;height:28px;display:grid;place-items:center;background:var(--era-forest,#123d35);color:#f3f0e8;font-size:15px;line-height:1}
.kr-wahl-text{display:block}
.kr-wahl-name{display:block;font:600 17px/1.35 var(--era-sans);margin-bottom:6px}
.kr-wahl-desc{display:block;font:15px/1.6 var(--era-sans);color:var(--era-muted,#59665e)}
.kr-schritte{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.kr-schritte>li{background:#fcfbf7;border:1px solid var(--k-line,#c5cec0);padding:clamp(16px,2.4vw,24px)}
.kr-schritte p{margin:10px 0 0;font:15px/1.6 var(--era-sans);color:var(--era-ink,#183b32)}
.kr-nr{display:grid;place-items:center;width:34px;height:34px;background:var(--era-forest,#123d35);color:#f3f0e8;font:600 16px/1 var(--era-sans);font-variant-numeric:tabular-nums}
.kr-liste{list-style:none;margin:20px 0 0;padding:0;max-width:640px}
.kr-liste>li{position:relative;padding:0 0 15px 30px;margin-bottom:15px;border-bottom:1px solid var(--k-line,#c5cec0);font:16px/1.65 var(--era-sans);color:var(--era-ink,#183b32)}
.kr-liste>li:last-child{border-bottom:0;margin-bottom:0}
.kr-liste>li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;background:var(--era-forest,#123d35)}
.kr-fuss{margin:22px 0 0;font:600 16px/1.6 var(--era-sans);color:var(--era-ink,#183b32)}
.kr-fuss a{display:inline-flex;align-items:center;min-height:44px}
.kr-legal{margin:12px 0 0;font:14px/1.6 var(--era-sans);color:var(--era-muted,#59665e);max-width:640px}

/* ---- Kundenlogin ---- */
.auth-page{padding-block:clamp(2.5rem,6vw,5.5rem)}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.auth-intro{padding-top:clamp(.5rem,4vw,3rem)}
.auth-card{background:#fcfbf7;border:1px solid var(--k-line,#c5cec0);padding:clamp(20px,3vw,34px)}
.auth-card h2{margin-top:0}
.auth-form{display:grid;gap:.6rem}
.auth-form label{font:600 14px/1.5 var(--era-sans);color:var(--era-ink,#183b32)}
.auth-input{width:100%;box-sizing:border-box}
.auth-actions{display:grid;gap:.7rem;margin-top:.8rem}
.auth-actions .btn{width:100%;justify-content:center;text-align:center}
.auth-passfeld{display:flex;gap:.5rem;align-items:stretch}
.auth-passfeld .auth-input{flex:1;min-width:0}
.auth-pass-toggle{flex:none;border:1px solid var(--k-line,#c5cec0);background:transparent;font:600 14px/1 var(--era-sans);color:var(--era-ink,#183b32);padding:0 .9rem;min-height:48px;min-width:48px;cursor:pointer}
.auth-divider{font:600 12px/1.4 var(--era-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--era-muted,#59665e);margin:1.4rem 0 .6rem;padding-top:1.2rem;border-top:1px solid var(--k-line,#c5cec0)}
.auth-text-button{border:0;background:transparent;color:var(--era-ink,#183b32);text-decoration:underline;text-underline-offset:3px;font:600 15px/1.5 var(--era-sans);cursor:pointer;padding:.6rem 0;min-height:44px}
.auth-status{margin:1rem 0 0;padding:.8rem .95rem;font:15px/1.55 var(--era-sans);background:var(--k-soft,#e7eadf);color:var(--era-ink,#183b32);border:1px solid var(--k-line,#c5cec0)}
.auth-status.is-error{background:#fff4f0;color:#7c2d22;border-color:#a84032}
.auth-status.is-success{background:var(--k-soft,#e7eadf);color:var(--era-forest,#123d35);border-color:#7d9079}
.auth-note{font:14px/1.6 var(--era-sans);color:var(--era-muted,#59665e);margin-top:1.1rem}
.auth-note a{display:inline-flex;align-items:center;min-height:44px}
.auth-existing{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--k-line,#c5cec0)}
@media(max-width:800px){.auth-grid{grid-template-columns:1fr}.auth-intro{padding-top:0}}