html{
  overflow: hidden;
}

.login{
  background-image: url("img/404-img.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  position: relative;
  overflow: hidden;
}

.clear{

}

.clear::before{
  content: "";
   height: 400px;
   transform: rotate(-6deg);
   background-color: #003565;
   position: absolute;
   bottom: -190px;
   right: -150px;
   left: -150px;
   z-index: -1;
}

.login h1 a{
  background-image: url("img/logo-login.svg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain; /* Resize the background image to cover the entire container */
  width: 126px;
  height: 53px;
}

.wp-core-ui p .button{
  min-width: 84px;
  min-height: 31px;
  display: inline-block;
  border-radius: 4px;
  background-color: #db074f;
  border-color: #db074f;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}

.wp-core-ui p .button:hover{
  background-color: #db074f;
  border-color: #db074f;
  opacity: 0.7;
}

.login_footer-img{
  background-image: url("img/haf-logo-kreis.svg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain; /* Resize the background image to cover the entire container */
  width: 77px;
  height: 77px;
  object-fit: contain;
  position: fixed;
  bottom: 62px;
  right: 95px;
  display: block;
}

@media (max-width: 992px) {
  .login_footer-img{
    display: none;
  }
}