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

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

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

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

.sidebarNavigation .navigation-container a:hover {
  color: #ffffff!important;
  border-color: #ffffff!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: #ffffff!important;
}

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

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

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

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

#dynamic_infoboxes .infobox .infobox-content {
  font-family: 'Open Sans', sans-serif!important;
  color: #000000!important;
  background: rgba(255,255,255,0.5)!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: #ffffff!important;
}

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

#dynamic_infoboxes .infobox .closeButtonBox:hover,
#dynamic_infoboxes .infobox .openButtonBox:hover {
  color: #ffffff!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.5)!important;
}


.infospot {
  color: #000000!important;
  background: rgba(255,255,255,0.5)!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: #ffffff!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(255,255,255,0.5)!important;
  color: #000000!important;
}

.fancybox-skin .headline {
  color: #000000!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: #ffffff;
}

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

.fancybox-skin .nav > li > a:focus,
.fancybox-skin .nav > li > a:hover {
  color: #ffffff;
}
.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: #000000!important;
  text-shadow: none!important;
}

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

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

#cookie-bar {
  background: rgba(255,255,255,0.5);
  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;
}


.sub-menu-2,
.minipic-item div.text,
.main-menu-2,
.mCSB_buttonUp,
.mCSB_buttonDown,
.sidebarNavigation .quicklinks-container a i {
  color: #000000!important;
  background-color: #ffffff!important;
}

.sub-menu-2:hover,
.sub-menu-2.active,
.minipic-item:hover div.text,
.minipic-item.active div.text,
.main-menu-2:hover,
.main-menu-2.active,
.mCSB_buttonDown:hover,
.mCSB_buttonUp:hover,
.sidebarNavigation .quicklinks-container a:hover i {
  color: #ffffff!important;
  background-color: #00464f!important;
}

.sidebarNavigation .quicklinks-container .active i {
  color: #ffffff!important;
  background-color: #00464f!important;
}

.mouse_minipic {
  background: rgba(255,255,255,0.5)!important;
}
.mouse_minipic_text span {
  color: #ffffff;
  background-color: #00464f;
}


.csstooltip:after {
  background: #00464f;
  color: #ffffff;
}
.csstooltip:before {
  border-top-color: #00464f;
}



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

  #dynamic_infoboxes .infobox .closeButtonBox,
  #dynamic_infoboxes .infobox .openButtonBox {
    background: rgba(255,255,255,0.5)!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.5)!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;
}


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