body {
  font-family: Tahoma, Geneva, sans-serif;
}

.toggleNavigation,
.toggleNavigationMap,
.map-container {
  background: rgba(2,9,79,0.8)!important;
}

.sidebarNavigation {
  font-family: Tahoma, Geneva, sans-serif!important;
  background: rgba(2,9,79,0.8)!important;
}

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

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

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

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

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

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

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

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

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

#dynamic_infoboxes .infobox .infobox-content {
  font-family: Tahoma, Geneva, sans-serif!important;
  color: #FFFFFF!important;
  background: rgba(2,9,79,0.5)!important;
}

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

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

#dynamic_infoboxes .infobox .closeButtonBox,
#dynamic_infoboxes .infobox .openButtonBox {
  color: #f2f3f5!important;
  background: rgba(2,9,79,0.5)!important;
}

#dynamic_infoboxes .infobox .closeButtonBox:hover,
#dynamic_infoboxes .infobox .openButtonBox:hover {
  color: #edc31c!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(2,9,79,0.8)!important;
}


.infospot {
  color: #FFFFFF!important;
  background: rgba(2,9,79,0.5)!important;
}

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

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

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

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

.vtc_feed ul li a:hover {
  color: #edc31c!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(2,9,79,0.8)!important;
  color: #FFFFFF!important;
}

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

.fancybox-skin .nav-tabs {
  border-bottom: 1px solid rgba(247,240,247,0.1);
}

.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(247,240,247,0.1) rgba(247,240,247,0.1) transparent;
  color: #edc31c;
}

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

.fancybox-skin .nav > li > a:focus,
.fancybox-skin .nav > li > a:hover {
  color: #edc31c;
}
.fancybox-skin .nav-tabs > li > a:hover {
  border-color: rgba(247,240,247,0.1) rgba(247,240,247,0.1) #ddd;
}

.fancybox-opened .fancybox-title {
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif!important;
  color: #f2f3f5!important;
  text-shadow: none!important;
}

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

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

#cookie-bar {
  background: rgba(2,9,79,0.8);
  color: #f2f3f5;
}

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

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

  #dynamic_infoboxes .infobox .closeButtonBox,
  #dynamic_infoboxes .infobox .openButtonBox {
    background: rgba(2,9,79,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(2,9,79,0.8)!important;
  color: #f2f3f5;
  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(2,9,79,0.8);
  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;
  }
}