.login-pf body {
  background: url(../img/4PACE-Ueberholspur.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100%;
}

div.kc-logo-text {
  background-image: url(../img/4PACE-Logo-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 93px;
  width: 300px;
  margin: 0 auto;
}

.pf-c-button.pf-m-primary {
  background: #f39c3c;
  border: 1px solid #f39c3c;
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  border-radius: 15px;
}

.pf-c-button.pf-m-control {
  border-left: none;
  margin: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.pf-c-button.pf-m-control::after {
  border-left: none;
  border: 1px solid #cbd6e2;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.pf-c-button.pf-m-control:hover,
.pf-c-button.pf-m-control:focus {
  border-bottom-width: 1px;
}

.pf-c-button.pf-m-control::after:hover,
.pf-c-button.pf-m-control::after:focus {
  border-bottom-width: 1px;
}

.pf-c-button.pf-m-control.kc-social-item,
#kc-login {
  color: #ffffff;
  background-color: #f39c3c;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-color: #f39c3c;
  font-size: 15px;
  transition: all 0.3s;
}

.pf-c-button.pf-m-control.kc-social-item::after,
#kc-login:after {
  display: none;
}

.pf-c-button.pf-m-control.kc-social-item:hover,
.pf-c-button.pf-m-control.kc-social-item:focus,
#kc-login:hover,
#kc-login:focus {
  background-color: #c27d30;
  border-color: #c27d30;
  text-decoration: none;
}

.card-pf {
  border-color: #ffffffe0;
  opacity: 0.95;
  border-radius: 5px;
}

.pf-c-form-control {
  background-color: #f5f8fa;
  color: #33475b;
  border: 1px solid #cbd6e2;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 0 15px;
}

.pf-c-form-control:focus {
  border: 1px solid #cbd6e2;
  padding: 0 15px;
}

input[name="username"].pf-c-form-control {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.pf-c-form-control:hover,
.pf-c-form-control:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

.form-group {
  display: flex;
  flex-direction: column;
}