@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700:200,400,600,700");

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

.toggleNavigation,
.toggleNavigationMap,
.map-container {
  background: rgba(60,60,59,0.5)!important;
}

.sidebarNavigation {
  font-family: 'Open Sans', sans-serif!important;
  background: rgba(60,60,59,0.5)!important;
}

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

.sidebarNavigation .navigation-container a:hover,
.sidebarNavigation .quicklinks-container i:hover {
  color: #b1c800!important;
  border-color: #b1c800!important;
}

.sidebarNavigation .quicklinks-container .active i {
  color: #b1c800!important;
  border-color: #b1c800!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: #b1c800!important;
}

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

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

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

.content-container,
.photographer-tag,
.player_showImprint,
.player_showPrivacyPolicy {
  color: #FFFFFF!important;
}
.player_showPrivacyPolicy:hover { text-decoration:underline; cursor:pointer; }

#dynamic_infoboxes .infobox .infobox-content {
  font-family: 'Open Sans', sans-serif!important;
  color: #FFFFFF!important;
  background: rgba(60,60,59,0.5)!important;
}

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

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

#dynamic_infoboxes .infobox .closeButtonBox,
#dynamic_infoboxes .infobox .openButtonBox {
  color: #FFFFFF!important;
  background: rgba(60,60,59,0.5)!important;
}

#dynamic_infoboxes .infobox .closeButtonBox:hover,
#dynamic_infoboxes .infobox .openButtonBox:hover {
  color: #b1c800!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(60,60,59,0.5)!important;
}


.infospot {
  color: #FFFFFF!important;
  background: rgba(60,60,59,0.5)!important;
}

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

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

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

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

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

.map_container a {
  background: #FFFF00!important;
  border: 1px solid #FFFF00!important;
}

.map_container a:hover {
  background: #B4BCE0!important;
}

.map_container a.active {
  background: #B4BCE0!important;
}
.map_container a {
  box-shadow: none!important;
}

.fancybox-skin {
  background: rgba(60,60,59,0.5)!important;
  color: #FFFFFF!important;
}

.fancybox-skin .headline {
  color: #FFFFFF!important;
}

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

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

.fancybox-skin .nav > li > a {
  color: #FFFFFF;
}

.fancybox-skin .nav > li > a:focus,
.fancybox-skin .nav > li > a:hover {
  color: #b1c800;
}
.fancybox-skin .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: 'Open Sans', sans-serif!important;
  color: #FFFFFF!important;
  text-shadow: none!important;
}

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

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

#cookie-bar {
  background: rgba(60,60,59,0.5);
  color: #FFFFFF;
}

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

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

  #dynamic_infoboxes .infobox .closeButtonBox,
  #dynamic_infoboxes .infobox .openButtonBox {
    background: rgba(60,60,59,0.5)!important;
  }
}