/* Herzwerk Login */
body.login{
  background-color:#eee8dc;
  background-image:var(--hw-papier);
  background-size:1672px auto;
  font-family:'Playfair Display',Georgia,serif;
  color:#294e3c;
  display:flex;flex-direction:column;justify-content:center;min-height:100vh;
}
/* Rahmen des Strato-Assistant neutralisieren */
.login section.header,.login .card-bg,.login .card-header{display:none !important}
.login .assistant-card-container,.login .assistant-card,.login .card-step,.login .card-content,.login .card-content-inner{
  all:unset;display:block !important;width:100%;
}
#login{width:min(380px,calc(100vw - 32px));padding:6vh 0 24px;margin:0 auto}

/* Logo */
.login h1 a{
  background-image:var(--hw-logo) !important;
  background-size:contain;background-position:center;background-repeat:no-repeat;
  width:100%;height:120px;margin:0 auto 18px;
  background-color:transparent !important;border-radius:0;box-shadow:none;
}
.login h1 a:focus{box-shadow:none;outline:2px solid #c19f62;outline-offset:6px;border-radius:6px}

/* Begrüßung */
.hw-login-intro{text-align:center;margin:0 0 18px;font-size:15px;line-height:1.55;color:rgba(41,78,60,.8)}
.hw-login-intro span{display:block;font:400 12px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#a68332;margin-bottom:10px}

/* Karte */
.login form{
  background:rgba(248,243,237,.88);
  border:1px solid rgba(193,159,98,.6);
  border-radius:16px;
  box-shadow:0 10px 34px rgba(60,45,20,.10);
  padding:26px 24px 22px;margin-top:0;
}
.login label{font-size:14px;color:#294e3c;font-weight:500}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{
  font-family:inherit;font-size:17px;
  background:#fff;border:1px solid #cfc3a8;border-radius:10px;
  padding:8px 12px;min-height:46px;margin:6px 0 16px;box-shadow:none;
}
.login form .input:focus,.login input:focus{border-color:#294e3c;box-shadow:0 0 0 2px rgba(41,78,60,.18);outline:none}
.login .button.wp-hide-pw{min-height:46px;height:46px;top:6px;color:#294e3c}
.login .button.wp-hide-pw:focus{border-color:#294e3c;box-shadow:0 0 0 1px #294e3c}
.login .forgetmenot{margin-top:6px}
.login input[type=checkbox]{border-color:#cfc3a8;border-radius:4px}
.login input[type=checkbox]:checked::before{filter:hue-rotate(80deg) saturate(.6)}

/* Button */
.login .button-primary,
.login #wp-submit{
  background:#294e3c;border:1px solid #294e3c;border-radius:10px;
  min-height:46px;padding:0 24px;font:400 15px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  text-shadow:none;box-shadow:0 4px 12px rgba(27,44,34,.2);transition:background .2s ease;
}
.login .button-primary:hover,.login .button-primary:focus{background:#1b2c22;border-color:#1b2c22;box-shadow:0 0 0 2px #c19f62}
.login .submit{display:flex;justify-content:flex-end;margin-top:8px}

/* Links & Hinweise */
.login #nav,.login #backtoblog{text-align:center;margin:18px 0 0;padding:0;font-size:14px}
.login #nav a,.login #backtoblog a,.login #nav a:visited,.login #backtoblog a:visited{color:#294e3c !important;text-decoration:none;border-bottom:1px solid rgba(193,159,98,.7);padding-bottom:2px}
.login #nav a:hover,.login #backtoblog a:hover{color:#a68332}
.login .message,.login .notice,.login .success,.login #login_error{
  border-radius:12px;border:1px solid rgba(193,159,98,.55);border-left:4px solid #c19f62;
  background:rgba(248,243,237,.95);box-shadow:none;color:#294e3c;font-size:14px;
}
.login #login_error{border-left-color:#b04a3a}
.login .privacy-policy-page-link{margin-top:22px}
.login .privacy-policy-page-link a{color:rgba(41,78,60,.7)}

@media (max-width:480px){
  #login{padding-top:4vh}
  .login h1 a{height:96px}
  .login form{padding:22px 18px 18px}
  .login .submit{display:block}
  .login #wp-submit{width:100%;margin-top:12px}
  .login .forgetmenot{float:none}
}
