/* Login/Registrierung im Seitenlayout (15.10.2026): alles auf .auth-main begrenzt (CSS-Nesting), damit Navigation/Footer unberuehrt bleiben */
.auth-main{
/* UX-Plan 06.10.2026: Login + Registrierung (Nr.203-216). Laedt nach dem Inline-CSS der Seiten. */
--gray-3:var(--gray-2);
.foot{color:var(--gray-2)}
input[type=email],input[type=password],input[type=text],input[type=tel],input:not([type]){min-height:48px;font-size:16px}
button[type=submit],.btn-register,#reg-step1-next{min-height:48px}
.eye{top:24px;right:2px;width:44px;height:44px;justify-content:center;padding:0}
.pw-w input{padding-right:48px}
input:focus{border-color:var(--black);box-shadow:0 0 0 3px rgba(10,10,10,.14)}
.forgot{margin-top:4px}.forgot a{display:inline-block;padding:8px 0;font-size:13px}
.progress-step{width:56px;height:6px;border-radius:3px;background:#c4c4c4}
.progress-step.active{width:56px;height:6px;border-radius:3px}
.progress-label{font-size:12.5px;margin-bottom:18px}
.pw-strength{background:transparent;margin-top:6px}
.hint{font-size:12.5px;margin-top:6px}
button[disabled]#reg-step1-next,#reg-step1-next[disabled]{background:var(--gray-5);color:var(--gray-2);cursor:not-allowed}
.sub a,.form-back-link,.btn-link{text-decoration:underline;text-underline-offset:2px}
@media(min-width:768px){
  .card{max-width:460px;padding:40px}
  .wrap{max-width:500px}
  body,label,.sub{font-size:15px}
  label{font-size:14px}
}
@media(max-width:600px){
  .card{padding:24px 20px}
  .logo{margin-bottom:20px}
  .g{margin-bottom:14px}
  .forgot{margin-bottom:6px}
}

/* FRONTEND-AUDIT 15.10.2026: einheitlicher Fokus, deaktivierter Weiter-Button klar erkennbar */
input:focus{border-color:var(--black);box-shadow:none;outline:2px solid var(--black);outline-offset:1px}
button[disabled]#reg-step1-next,#reg-step1-next[disabled]{background:var(--gray-5);color:var(--gray-2);border:1.5px solid var(--gray-4)}
.foot a,.foot-links a{display:inline-block;padding:12px 8px}


/* Audit 15.10.: kompakter, Hinweis direkt am Feld, einheitliche Formbreite */
.progress-steps{margin:0 auto 8px}
.progress-label{margin-bottom:14px}
.pw-strength-label:empty{display:none}
.pw-strength{margin-top:8px}
.hint{margin-top:6px}
.card{max-width:480px;margin-left:auto;margin-right:auto}
@media(max-width:600px){
  padding-top:24px;padding-bottom:32px;
  .g{margin-bottom:14px}
}
}