/*New colors 06-2019*/
/*------------------------*/
/*@brand-success: @grey;
@brand-info: @old-grey;
@brand-warning: #fdc615;*/
body {
  background: none;
  background-color: transparent;
}
@media (max-width: 767px) {
  body {
    margin-bottom: 47px;
  }
}
body .page-body {
  z-index: 5;
  position: relative;
  width: 100%;
}
nav.navbar.navbar-inverse {
  background-color: transparent;
}
nav.navbar.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
nav.navbar.navbar-inverse .navbar-toggle .glyphicon {
  color: #fff;
}
nav.navbar .navbar-nav li > a,
nav.navbar .navbar-nav li > a:visited,
nav.navbar .navbar-nav li > a:hover,
nav.navbar .navbar-nav li > a:active,
nav.navbar .navbar-nav li a:focus {
  color: #fff;
}
nav.navbar .fa {
  color: #fff;
}
nav.navbar .dropdown.open {
  background-color: rgba(29, 30, 31, 0.75);
}
nav.navbar .dropdown-menu {
  background-color: rgba(29, 30, 31, 0.75);
}
@media (max-width: 767px) {
  nav.navbar #navbar-main-menu {
    background-color: rgba(29, 30, 31, 0.75);
  }
}
.background-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.background-container > div {
  position: absolute;
  width: 100%;
}
.background-container > div.video {
  height: 100vh;
  max-height: 1000px;
}
@media (max-width: 767px) {
  .background-container > div.video {
    height: calc(100vh - 250px);
  }
}
.background-container .background-video {
  z-index: 0;
  overflow: hidden;
}
.background-container .background-video video {
  min-width: 100%;
  min-height: 100%;
}
.background-container .background-video video.mobile {
  margin-left: calc((100vh - 100vw - 256px - 36px) / 2 / -1);
}
@media (max-width: 767px) and (max-height: 670px) {
  .background-container .background-video video.mobile {
    margin-left: 0;
    min-width: 100%;
    height: auto;
  }
}
.background-container .background-image {
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('../../Graphics/Landingpage/1080x700-flame.jpg');
}
@media (min-width: 992px) {
  .background-container .background-image {
    background-image: url('../../Graphics/Landingpage/1920x1080-flame.jpg');
  }
}
@media (min-width: 1200px) {
  .background-container .background-image {
    background-image: url('../../Graphics/Landingpage/2560x1440-flame.jpg');
  }
}
.background-container .background-overlay {
  background-color: rgba(29, 30, 31, 0.25);
}
@media (max-width: 767px) {
  .background-container .background-overlay {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.spacer-bg {
  height: 300px;
  background-image: url('../../Graphics/Landingpage/1080x700-mosaik.jpg');
}
@media (min-width: 992px) {
  .spacer-bg {
    background-image: url('../../Graphics/Landingpage/1920x1080-mosaik.jpg');
    height: 540px;
  }
}
@media (min-width: 1200px) {
  .spacer-bg {
    background-image: url('../../Graphics/Landingpage/2560x1440-mosaik.jpg');
  }
}
.navigateToTop {
  display: none;
}
.navigateToTop.visible {
  display: none;
}
.chatTrigger {
  display: none;
}
.corona-alert {
  position: absolute;
  width: calc(100% - 30px);
  z-index: 999;
  display: block;
}
.corona-alert.alert {
  padding: 10px;
}
.white-space {
  white-space: normal;
}