.bodyClass {
    width: 100vw;
    height: 100vh;
    background-image: url("https://www.stadtwerke-sw.de/_Resources/Persistent/9/4/1/4/94142954bb566908ac444e2dfc049954c5778de6/glasfaserspuren-rathaus-schweinfurt-nacht-3_2-2400x1349-2400x1349.webp") !important;
    background-repeat: no-repeat;
    background-size: cover;
  }

.card-pf
{
  border-radius: 10px;
  background-color: #F9F9F9;
  border-top: none;
  border-color: none;
  overflow: hidden;
}

#kc-login, .pf-c-button
{
    background-color: #2077b9 !important;
    font-weight: 500;
}

#kc-login:hover, .pf-c-button:hover {
  background-color: #15598d !important;
}

.pf-m-control{
  display: none;
}

.btn-lg{
  padding: 6px 20px;
}


button[name="cancel-aia"]:hover {
  background-color: #ededed !important;
}

.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #username, #password, #password-confirm, #email, #firstName, #lastName, #password-new{
    height: 50px;    
    border-radius: 10px;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.2);
    border-bottom: none;
  }

  .login-pf-page{
    padding-top: 75px;
  }

  .pf-c-button
  {
    font-weight: 500;
    border-radius: 2em;
    height: 50px;
    font-size: large;
  }

  @media (max-width: 767px) {

    .login-pf body {
      width: 100vw;
      height: 100vh;
      background-image: url("https://www.stadtwerke-sw.de/_Resources/Persistent/9/4/1/4/94142954bb566908ac444e2dfc049954c5778de6/glasfaserspuren-rathaus-schweinfurt-nacht-3_2-2400x1349-2400x1349.webp") !important;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .login-pf-page{
      padding-top: 40%;
    }

    #kc-locale {
      position:relative;
      width: 92.5%;
      left: 20px;
  }
  }

  .pf-c-input-group {
    background-color: #F9F9F9;
  }

  h1#kc-page-title
  {
    font-weight: 500; 
    margin-top: 7.5%; 
    font-size: xx-large;
  }