@import url("https://data.panorama-services.de/webfonts/open-sans/open-sans.css?:200,400,600,700");

body {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.toggleNavigation,
.toggleNavigationMap,
.map-container {
  background: rgba(185,214,140,1)!important;
}

.sidebarNavigation {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif!important;
  background: rgba(185,214,140,1)!important;
}

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

.sidebarNavigation .quicklinks-container i {
  background: #009bd6!important;
  border-color: #009bd6!important;
}
.sidebarNavigation .quicklinks-container i:hover {
  background: #000000!important;
  border-color: #000000!important;
}

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

.sidebarNavigation .quicklinks-container .active i {
  background: #000000!important;
  border-color: #000000!important;
  color: #009bd6!important;
}

.navigation-container li {
  border-top: 1px solid rgba(0,155,214,9);
}
.navigation-container li:last-child {
  border-bottom: 1px solid rgba(0,155,214,9);
}

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

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

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

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

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

#dynamic_infoboxes .infobox .infobox-content {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif!important;
  color: #000000!important;
  background: rgba(185,214,140,0.9)!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: #009bd6!important;
}

#dynamic_infoboxes .infobox .closeButtonBox,
#dynamic_infoboxes .infobox .openButtonBox {
  color: #000000!important;
  background: rgba(185,214,140,0.9)!important;
}

#dynamic_infoboxes .infobox .closeButtonBox:hover,
#dynamic_infoboxes .infobox .openButtonBox:hover {
  color: #009bd6!important;
}

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

.gallery-container {
  background: rgba(185,214,140,1)!important;
}


.infospot {
  color: #000000!important;
  background: rgba(185,214,140,0.9)!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: #009bd6!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(185,214,140,1)!important;
  color: #000000!important;
}

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

.fancybox-skin .nav-tabs {
  border-bottom: 1px solid rgba(0,155,214,9);
}

.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(0,155,214,9) rgba(0,155,214,9) transparent;
  color: #009bd6;
}

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

.fancybox-skin .nav > li > a:focus,
.fancybox-skin .nav > li > a:hover {
  color: #009bd6;
}
.fancybox-skin .nav-tabs > li > a:hover {
  border-color: rgba(0,155,214,9) rgba(0,155,214,9) #ddd;
}

.fancybox-opened .fancybox-title {
  text-align: center;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif!important;
  color: #000000!important;
  text-shadow: 1px 1px 1px #ffffff!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: #009bd6!important;
}

#cookie-bar {
  background: rgba(185,214,140,1);
  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(185,214,140,0.9)!important;
  }

  #dynamic_infoboxes .infobox .closeButtonBox,
  #dynamic_infoboxes .infobox .openButtonBox {
    background: rgba(185,214,140,0.9)!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(185,214,140,1)!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;
}