#impressum_footer {
  position:fixed;
  bottom: 0px;
  width: 100%;
  height: 40px;
  padding-top: 10px;
  background-color: var(--bollBlue);
  color: var(--bollWhite);
}

#impressum_footer a {
  color: var(--bollWhite);
  margin-left: 10px;
  margin-right: 10px;
}

.login-logo-wrapper {
  padding: 30px 12px;
  height: 5vh;
}

.login-logo {
  margin: 0 auto;
  padding: 0px 30px;
  width: 450px;
}

.login-logo img {
  width: 45%;
}

.login-filter-image {
    margin-top: -285px;
    margin-bottom: 50px;
}

.login-filter-image.register {
    margin-top: 0;
}

.login-filter-image img {
    width: 350px;
}

.login-card {
  flex-direction: column;
  background-color: rgba(0, 108, 179, 0.0);
  height: 95vh;
}

.login-form .btn {
  width: 100%;
  height: 50px;
  text-transform: none;
  background-color: var(--bollOrange) !important;
  border-color: var(--bollOrange) !important;
}

.login-form .btn:hover {
  background-color: var(--bollBlue) !important;
  border-color: var(--bollBlue) !important;
}

.login-image-text {
  color: #fff;
  margin-top: 26vh;
  font-size: 40px;
  margin-left: 70px;
  font-weight: 500;
}

.login-form h4 {
  color: var(--bollBlue);
  font-weight: 700;
  margin-bottom: 16px;
}

.login-form h6 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

.register-form .btn {
  width: 100%;
  height: 50px;
  text-transform: none;
  background-color: var(--bollBlue) !important;
  border-color: var(--bollBlue) !important;
}

.register-form .btn:hover {
  background-color: var(--bollOrange) !important;
  border-color: var(--bollOrange) !important;
}

.register-form {
  width: 450px;
  padding: 0 30px;
}

@media (max-width: 480px) {
  .register-form {
    width: 100%;
  }
}