/* ================================================================
   kunde-auth-styles.css  -  Login / Registrierung
   ================================================================
   ABLAGEORT: /site/templates/styles/kunde-auth-styles.css
   ================================================================ */

.kunde-auth-wrap{padding:80px 0;display:flex;justify-content:center;}
.kunde-auth-box{
  width:100%;max-width:420px;
  background:var(--surface-alt);border-radius:4px;
  padding:40px 36px;
}
.kunde-auth-box h1{
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:26px;letter-spacing:.01em;
}
.kunde-auth-sub{font-size:14.5px;color:var(--text-muted);margin:8px 0 26px;}

.kunde-auth-error{
  background:#FDEDEB;color:#C0392B;font-size:13.5px;
  padding:11px 14px;border-radius:3px;margin-bottom:18px;
}

.kunde-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.kunde-auth-field{margin-bottom:16px;}
.kunde-auth-field label{
  display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;
}
.kunde-auth-field input{
  width:100%;font-family:'Barlow',sans-serif;font-size:15px;color:var(--text);
  background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:10px 12px;
}
.kunde-auth-field input:focus{outline:none;border-color:var(--accent-deep);}

.kunde-auth-submit{width:100%;text-align:center;margin-top:6px;}
.kunde-auth-switch{font-size:13.5px;color:var(--text-muted);margin-top:20px;text-align:center;}
.kunde-auth-switch a{color:var(--accent-deep);border-bottom:1px solid var(--accent-deep);}

.kunde-auth-checks{margin:6px 0 18px;display:flex;flex-direction:column;gap:12px;}
.kunde-auth-check{
  display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-muted);
  line-height:1.5;cursor:pointer;
}
.kunde-auth-check input{margin-top:2px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent-deep);cursor:pointer;}
.kunde-auth-check a{color:var(--accent-deep);border-bottom:1px solid var(--accent-deep);}

@media(max-width:480px){
  .kunde-auth-row{grid-template-columns:1fr;}
  .kunde-auth-box{padding:30px 22px;}
}

@media(max-width:760px){
  .wrap.kunde-auth-wrap{padding-left:30px;padding-right:30px;}
}