@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.typo3-login-wrap {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.typo3-login {
  background: url(https://cdn.louis.info/shared_resources/gebaeude.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.typo3-login::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.louis.info/shared_resources/overlay.gif) repeat center center fixed;
  opacity: 0.6;
  content: " ";

}

.typo3-login {
  background-color: transparent;
}

.t3-login-logo {
  margin: 15px 0;
}

.t3-headline {
  background: #334455;
}

div#t3-copyright-notice {
  color: #FFFFFF;
}

div#t3-copyright-notice a {
  color: #FFFFFF;
}

.panel-carousel .typo3-login-carousel-control {
  display: none;
}

.panel-carousel:hover .typo3-login-carousel-control {
  display: block;
}

input.t3-login-submit {
  border-top: 1px solid #62B0E4;
  border-left: 1px solid #62B0E4;
  background: #62B0E4 !important;
  text-shadow: none;
}

.typo3-login-form .btn-login {
  background: #62B0E4 !important;
}

.typo3-login-container {
  position: relative;
  z-index: 10;
}

.typo3-login-container .panel-body {
  border-bottom: 3px solid #62B0E4 !important;
}