@import url("https://media.kaufland.com/fonts/import-all.css");

html, Body {
    font-family: 'Kaufland', 'Sans-Serif', 'Arial'!important;
}

.ids-main {
    background-image: url(https://media.kaufland.com/images/bpp/hit-bpplogin-02-red_org_web.jpg);
    background-size: auto, auto, contain, cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ids-login-sp,
.ids-login-login {
     float: none;
     width: 100%;
     border: 0;
     padding: 0;
 }


  .ids-login-container,
  .ids-form,
  .ids-heading-1,
  #ids-p,
  .ids-form--horizontal {
     background-color: rgba(255, 255, 255, 0.8);
     padding: 20px;
     border-radius: 4px;
 }

 .ids-login-sp__logo {
    visibility: hidden;
 }



 .ids-footer {
     display: none;
 }

 .ids-login-sp {
     font-size: 2rem;
     padding-top: 1.5rem;
 }

 .ids-heading-2 {
     font-size: 2rem;
 }

 .ids-heading-1--login {
     display: none;
 }

 .ids-login-widget {
     margin-top: 3rem;
 }

 .ids-login-login {
    text-align: center;
}

/* .ids-label {
    display: none;
}

Auskommentiert damit man "Keep me logged in lesen kann"

*/

.ids-input-group--login input[type="text"],
.ids-input-group--login input[type="password"],
.ids-input-group--login input[type="email"] {
    padding: 10px;
    font-family: 'Kaufland', 'Sans-Serif', 'Arial'!important;

}

.ids-button-group .ids-button:first-child {
    background-color: #424242;
    border-width: 2px;
}