/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height 
  margin-bottom: 180px;*/
  padding-top:80px;
  background-color: #000000;
}

/* Verstecke standardmäßig alle Termine */
.event {
  display: none;
}

/* Zeige die 3 nächsten Termine */
.event.visible {
  display: block;
}

@media (min-width: 768px) {
body {
  padding-top:130px;
  background-color: #000000;
  }
}

h1,
h4 {
    text-transform: uppercase;
    font-family: "Anton","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
    color: #d99659;
}
h2,
h3,
h5,
h6 {
    font-family: "Anton","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
    color: #ffffff;
}
h1.topdistance {
  margin-top: 10px;
}
@media (min-width: 768px) {
h1.topdistance {
  margin-top: 80px;
  }
}

a {
  color: #ffffff;
}
a.petrol {
  color: #174c60;
}

a:hover {
  color: #d99659;
}

a:active {
  color: #d99659;
}

a:visited {
  color: #ffffff;
}
a.petrol:visited {
  color: #174c60;
}

p {
    font-size: 1.25em;
    line-height: 1.0;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.embed-responsive-audioplayer {
  padding-bottom: 120%;
}
@media (min-width: 768px) {
.embed-responsive-audioplayer {
    padding-bottom: 56.25%;
  }
}


/* ------------- Schriften Angaben ------------- */
.nav_font {
    text-transform: uppercase;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 400;
}
@media (min-width: 768px) {
.nav_font {
    text-transform: uppercase;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: 400;
  }
}
@media (min-width: 992px) {
.nav_font {
    text-transform: uppercase;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.4em;
    font-weight: 400;
  }
}


.date_font {
    font-family: "Anton","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    line-height: 35px;
    color: #174c60;
}

.description_font {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 28px;
    color: #174c60;
}

.description_fontwide {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 35px;
    color: #174c60;
}

.description_font_white {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
}

.back_font a{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 28px;
    color: #174c60;
}


/* ------------- Logo Angaben ------------- */
.logo {
  margin-top:6px;
  margin-left:0px;
  position:fixed;
    z-index: 100;
}
@media (min-width: 768px) {
.logo {
  top:14px;
}
}

.logo img {
  height: 75px;
  width: auto;
  }
  @media (min-width: 768px) {
.logo img {
    height: 108px;
  width: auto;
  }
}


/* ------------- Unternavigation MediaAngaben ------------- */

.navmedia {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color: #ffffff;
}
@media (min-width: 768px) {
.navmedia {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 28px;
  color: #ffffff;
  }
}

.navmedia a:hover{
    color: #d99659;
}

/* ------------- Unternavigation MediaAngaben ------------- */

.navback {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    margin-top:-10px;
    color: #ffffff;
}
@media (min-width: 768px) {
.navback {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 28px;
  margin-top:0px;
  color: #ffffff;
  }
}

.navback a:hover{
    color: #d99659;
}

/* ------------- Navigation bei Pics in xs nicht sichtbar ------------- */

.navbar-toggle-pics {
  display:none;
}
@media (min-width: 768px) {
.navbar-toggle-pics {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  }
}

/* ------------- Navigation Angaben ------------- */
.container_nav {
    margin-left: -15px;
    padding-bottom: 38px;
}
@media (min-width: 768px) {
.container_nav {
    margin-left: 250px;
    padding-bottom: 0px;
  }
}

.navbar-default {
  background-color: #000000;
  border-color: #000000;
}
.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #d99659;
  background-color: #000000;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  background-color: #000000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #d99659;
  background-color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #d99659;
  background-color: #000000;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ffffff;
  background-color: #000000;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #000000;
}


.navbar-nav {
  margin: 60px -15px;
}
.navbar-nav > li > a {
  padding-top: 0px;
  padding-left: 22px;
  padding-bottom: 0px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 44px;
    padding-right: 0px;
    padding-bottom: 34px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 44px;
    padding-right: 10px;
    padding-bottom: 56px;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 44px;
    padding-right: 10px;
    padding-bottom: 56px;
    padding-left: 50px;
  }
}


/* ------------- footer Angaben ------------- */
.footer {
  position: absolute;
  width: 100%;
  /* Set the fixed height of the footer here 
  height: 180px; */
  background-color: #174c60;
}


.footer_boxes {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #ffffff;
}
@media (min-width: 992px) {
.footer_boxes {
  margin-top: 70px;
  margin-bottom: 20px;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #ffffff;
  border-bottom-width: 0px;
  }
}


.footer_copy {
  margin-top: 46px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
.footer_copy {
  margin-top: 70px;
  margin-bottom: 20px;
  }
}


/* ------------- sonstige Angaben ------------- */
.bckg_white {
  background-color: #ffffff;
}