/* ===== LOGIN DESIGN MARKUS PALMER MIT ELEMENTOR BUTTON ===== */

/* Global Font = Lato */
body.login {
  font-family: "Lato", sans-serif;
align-content
	
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
  justify-content: center;
}

/* Login Wrapper */
body.login #login {
  max-width: 420px;
  width: 90%;
  margin: auto;
  padding: 0;
}

/* Logo */
body.login #login > h1 a {
  background-image: url("/wp-content/uploads/2026/02/MarkusPalmer-Logo-Login.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  width: 130px;
  margin: 0 auto 40px;
}

/* Login Card */
body.login #login form {
  background: #ffffff;
  border: none;
  border-radius: 14px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  padding: 45px 40px;
}

/* Labels */
body.login #login form label {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

/* Inputs */
body.login #login form input[type=text],
body.login #login form input[type=password] {
  background: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 4px;
  color: #333;
  font-size: 16px;
  padding: 8px 10px;
}

/* Checkbox */
body.login #login form input[type=checkbox] {
  border: 1px solid #ccd0d4;
}

/* Submit Bereich - Elementor Button übernimmt Styling */
body.login #login form p.submit {
  text-align: center; /* Zentriert den Elementor Button */
}

/* Passwort vergessen Link */
body.login #login p#nav {
  text-align: center;
  margin-top: 20px;
}

body.login #login p#nav a {
  font-size: 14px;
  text-decoration: none;
  color: #333;
}

/* Datenschutzerklärung */
body.login p.privacy-policy-page-link,
body.login div.privacy-policy-page-link {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  color: #333;
}

/* Fehlermeldungen */
body.login #login_error,
body.login .message,
body.login .success {
  background-color: rgba(255,255,255,0.95);
  border-left: 4px solid #2271b1;
  box-shadow: none;
  color: #333;
  font-size: 14px;
  margin-bottom: 20px;
}

/* Footer ausblenden */
body.login #login p#backtoblog,
body.login footer {
  display: none;
}

/* Responsive */
@media only screen and (max-width: 480px) {
  body.login #login {
    width: 95%;
  }

  body.login #login form {
    padding: 30px 25px;
  }
}