@import url("./lato/lato.css?:200,400,600,700");
@import url("./open-sans/open-sans.css?:200,400,600,700");

body {
  font-family: 'Lato', sans-serif;
}

.toggleNavigation,
.toggleNavigationMap,
.map-container {
  background: rgba(255,255,255,0.6)!important;
}

.sidebarNavigation {
  font-family: 'Lato', sans-serif!important;
  background: rgba(255,255,255,0.6)!important;
}

.content-container,
.navigation-container a:link,
.navigation-container a:visited,
.quicklinks-container i,
.map-container .headline,
.fancybox-button svg {
  color: #000000!important;
}

.sidebarNavigation .navigation-container a:hover,
.sidebarNavigation .quicklinks-container i:hover,
.fancybox-button svg:hover {
  color: #00874c!important;
  border-color: #00874c!important;
}

.sidebarNavigation .quicklinks-container .active i {
  color: #00874c!important;
  border-color: #00874c!important;
}

.navigation-container li {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.navigation-container li:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.sidebarNavigation .navigation-container li a.active {
  color: #00874c!important;
}

.toggleNavigation,
.toggleNavigationMap,
.image-container h3 {
  color: #000000!important;
}

.toggleNavigation:hover,
.toggleNavigationMap:hover {
  color: #00874c!important;
}

.image-container h3 {
  font-family: 'Lato', sans-serif!important;
}

.content-container,
.photographer-tag,
.player_showImprint,
.player_showPrivacyPolicy {
  color: #000000!important;
}

#dynamic_infoboxes .infobox .infobox-content {
  font-family: 'Lato', sans-serif!important;
  color: #000000!important;
  background: rgba(255,255,255,0.8)!important;
}

.content-container a,
#dynamic_infoboxes .infobox .infobox-content a {
  color: #000000!important;
}

.content-container a:hover,
#dynamic_infoboxes .infobox .infobox-content a:hover {
  color: #00874c!important;
}

#dynamic_infoboxes .infobox .closeButtonBox,
#dynamic_infoboxes .infobox .openButtonBox {
  color: #000000!important;
  background: rgba(255,255,255,0.8)!important;
}

#dynamic_infoboxes .infobox .closeButtonBox:hover,
#dynamic_infoboxes .infobox .openButtonBox:hover {
  color: #00874c!important;
}

.navigation-container a:link,
.navigation-container a:visited,
.content-container,
.quicklinks-container i,
.image-container h3 {
  text-shadow: none!important;
}

.gallery-container {
  background: rgba(255,255,255,0.6)!important;
}


.infospot {
  color: #000000!important;
  background: rgba(255,255,255,0.8)!important;
}

.infospot .header h1,
.infospot .header .close {
  color: #000000!important;
}

.infospot .header .close:hover {
  opacity: 1;
}

.vtc_feed ul li {
  color: #000000!important;
}

.vtc_feed ul li a {
  color: #000000!important;
}

.vtc_feed ul li a:hover {
  color: #00874c!important;
}

.groundplan-marker__element:after {
  background: #FFFF00!important;
  border: 1px solid #FFFF00!important;
  box-shadow: none;
}

.map_container a:hover .groundplan-marker__element:after {
  background: #B4BCE0!important;
}

.map_container a.active .groundplan-marker__element:after {
  background: #B4BCE0!important;
}

.fancybox-content {
  background: rgba(255,255,255,0.6)!important;
  color: #000000!important;

  -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.fancybox-content .headline {
  color: #000000!important;
}

.fancybox-content .nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.fancybox-content .nav-tabs > li.active > a,
.fancybox-content .nav-tabs > li.active > a:focus,
.fancybox-content .nav-tabs > li.active > a:hover {
  border-color: rgba(255,255,255,0.5) rgba(255,255,255,0.5) transparent;
  color: #00874c;
}

.fancybox-content .nav > li > a {
  color: #000000;
}

.fancybox-content .nav > li > a:focus,
.fancybox-content .nav > li > a:hover {
  color: #00874c;
}
.fancybox-content .nav-tabs > li > a:hover {
  border-color: rgba(255,255,255,0.5) rgba(255,255,255,0.5) #ddd;
}

.fancybox-opened .fancybox-title {
  text-align: center;
  font-family: 'Lato', sans-serif!important;
  color: #000000!important;
  text-shadow: none!important;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  color: #000000!important;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  color: #00874c!important;
}

#cookie-bar {
  background: rgba(255,255,255,0.6);
  color: #000000;
}

.touchcarousel .arrow-holder .arrow-icon {
  background-color: rgba(0,0,0, 0.3)!important;
}
.touchcarousel .arrow-holder:hover .arrow-icon {
  background-color: rgba(0,0,0, 0.7)!important;
}

/* Kann mindestens 568px darstellen. */
@media (min-width : 568px) {
  #dynamic_infoboxes .infobox .infobox-content {
    background: rgba(255,255,255,0.8)!important;
  }

  #dynamic_infoboxes .infobox .closeButtonBox,
  #dynamic_infoboxes .infobox .openButtonBox {
    background: rgba(255,255,255,0.8)!important;
  }
}

.slideshow_container {
  position: fixed;
  bottom: 20px;
  left: 20px;
}
.slideshow_container.left {
  right: 20px;
  left: auto;
  text-align: right;
}

.slideshow_container .note1 span,
.slideshow_container .note2 span {
  background: rgba(255,255,255,0.6)!important;
  color: #000000;
  padding: 10px 40px 10px 20px;
  display: inline-block;
}

.slideshow_container.left .note1 span,
.slideshow_container.left .note2 span {
  padding: 10px 20px 10px 40px;
}

.slideshow_container .note1 span {
  margin-bottom: 5px;
  font-size: 150%;
  font-weight: bold;
}

#loadingProgressG{
  width:100%;
  position: fixed;
  bottom: 0;
  height:6px;
  background-color:rgba(255,255,255,0.6);
  margin:auto;
}

#loadingProgressG span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 120%;
  bottom: 10px;
  color:$loadingbar_color;
  text-shadow: 1px 1px #000;
}

.loadingProgressG{
  background-color:$loadingbar_color;
  margin-top:0;

  animation: bounce_loadingProgressG 8s infinite linear;
  -o-animation: bounce_loadingProgressG 8s infinite linear;
  -ms-animation: bounce_loadingProgressG 8s infinite linear;
  -webkit-animation: bounce_loadingProgressG 8s infinite linear;
  -moz-animation: bounce_loadingProgressG 8s infinite linear;

  width:250px;
  height:6px;
}

@keyframes bounce_loadingProgressG{
  0%{ margin-left:-50%; }
  50%{ margin-left:125%; }
  100%{ margin-left:-50%; }
}

@-o-keyframes bounce_loadingProgressG{
  0%{ margin-left:-50%; }
  50%{ margin-left:125%; }
  100%{ margin-left:-50%; }
}

@-ms-keyframes bounce_loadingProgressG{
  0%{ margin-left:-50%; }
  50%{ margin-left:125%; }
  100%{ margin-left:-50%; }
}

@-webkit-keyframes bounce_loadingProgressG{
  0%{ margin-left:-50%; }
  50%{ margin-left:125%; }
  100%{ margin-left:-50%; }
}
@-moz-keyframes bounce_loadingProgressG{
  0%{ margin-left:-50%; }
  50%{ margin-left:125%; }
  100%{ margin-left:-50%; }
}

@media (max-width: 576px) {
  .fancybox-nav span {
    visibility: visible!important;
  }
}

.map_container {
  overflow: hidden;
}
.map-container .toggleNavigationMap {
  right: -40px!important;
}
.map-container.right .toggleNavigationMap {
  left: -40px!important;
}


#cms-splashscreen {
  background: -moz-radial-gradient(center, ellipse cover, rgba(234,231,227, 0.8) 0, rgba(234,231,227, 0.8) 30%, rgba(234,231,227, 0) 70%, rgba(234,231,227, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(234,231,227, 0.8) 0, rgba(234,231,227, 0.8) 30%, rgba(234,231,227, 0) 70%, rgba(234,231,227, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(234,231,227, 0.8) 0, rgba(234,231,227, 0.8) 30%, rgba(234,231,227, 0) 70%, rgba(234,231,227, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae7e3', endColorstr='#eae7e3', GradientType=1);
}
.cms-splashscreen-content, .cms-splashscreen-cookie {
  color: #ffffff;
}
.cms-splashscreen-buttons .button {
  border: 3px solid #00AEEF;
  background: #ffffff;
  color: #00AEEF;
}
.cms-splashscreen-buttons .button:hover {
  background: #00AEEF;
  color: #ffffff;
}