/* Das Layout - Angaben die Bootstrap überschreiben! */





/* Eigene CSS-Deklarationen */



body {

    color:#999;

    font-family: open_sansregular, Verdana, Arial, sans-serif;

    height:100vh;

    background: #000000; /* background: #231103; Old browsers */

    /*background: -moz-linear-gradient(top, #000000 50px, #000000 400px, #000000 100%); */

}

.contentwrapper {

  max-width:960px;

  background:#000;

  min-height:500px;

  margin-top:-20px;

}

.container {

	max-width:768px;

}

nav.navbar {

  background-color:#000;

  border:none;

  border-bottom:4px solid #ffaf00;

}

a.navbar-brand {

  color: #ffaf00 !important;

  font-variant: small-caps;

  font-weight: bold;

  font-size: 1.4em;

  letter-spacing: 1px;

  height: auto;

}

/* Naviagation *************3*********/

/* Navbutton */

.navbar-default .navbar-toggle {

  border-color: #ffaf00;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #ffaf00;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

  background-color: #754815;

}

/* Navbar*/

.navbar-default .navbar-nav > li > a {

  color: #999;

}

.navbar-default .navbar-nav > li > a:hover {

  color: #ffaf00;

}

.navbar-default .navbar-nav > li:hover > .dropdown-menu {

  margin-top: 0;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  display: block;

}

.dropdown-menu {

  /*background: #ffaf00;*/
  background: #000;
 border-top: 4px solid #ffaf00;
 border-bottom: 1px solid #ffaf00;
 border-left: 1px solid #ffaf00;
 border-right: 1px solid #ffaf00;
}
.dropdown-menu li a {
   color:#ddd;
}
.dropdown-menu li, .dropdown-menu li:hover {
   background-color:#000!important;
}
.dropdown-menu li a:hover {
   color:#ffaf00;
   background-color:#000!important;
}

/* Gallery ***************************/

figure.GalleryOpen {

  display:flex;

  justify-content: center;

  flex-wrap: wrap;

  margin:50px 0;

}

figure.GalleryOpen img {

  width: auto;

  max-width: 100%;

}

figure.GalleryOpen p {

  width:100%;

  text-align:center;

}

div.caousell-inner div.item {

  display:flex;

  justify-content: center;

  width:100%;

}

.carousel-inner {

  position: relative;

  width: 100%;

  overflow-y: show;

  margin-bottom: 60px;

}

.carousel-indicators {

  position:absolute;

  bottom:2px!important;

}

/* Collapse ********************/

a[data-toggle]::before {

  content:'>  ';

}

a[data-toggle] {

  border-bottom:1px solid #ffaf00;

  padding: 6px 0;

  margin-top:6px!important;

  width: 100%;

  display: block;

}

/* Responsiv iframe ************/

.iframecontainer {

    position: relative;

    padding-bottom: 1%;/* Google Kalender oder Ratio */

    padding-top: 25px;

    height: 0;

}

.iframecontainer iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/* Footer ****************************/

.footer {

  border-top:4px solid #ffaf00;

  margin-top:15px;

  padding-top:15px;

}

.right > p > a > img {

    width:30px;

    height:auto;

}

.right > p > a > img:hover {

    opacity:0.5;

}





.footer img {

    width:auto;

}

/* Bildwechsler CodeSnippet *********************/

div.imagecontainer {

	width:174px;

	min-height:200px;

	display:inline-block;

	margin:0 8px 8px 0;

}

div.imagecontainer img {

	position:absolute;

	width:auto;

    height:auto;

	cursor:pointer;

}

div.imagecontainer:hover img.hund {

	display:none;

}

div.pfeil {

    background: rgba(255,255,255,0.4);

    position: relative;

    color: #333;

    padding: 2px 6px;

    margin-top: -3px;

    pointer-events: none !important;

    text-align: center;

}

.carousel-control.right, .carousel-control.left {

    background:none;

}

.embed-container {

  position: relative; 

  padding-bottom: 98%; /* ratio 16x9 */

  height: 0; 

  overflow: hidden; 

  width: 100%;

  height: auto;

}

.embed-container iframe {



  position: absolute; 

  top: 0; 

  left: 0; 

  width: 100%; 

  height: 100%; 

}

/* ratio 4x3 */

.embed-container.ratio4x3 {

  padding-bottom: 75%;

}

/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {



}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {

  ul.dropdown-menu {

    position: static;

    z-index: 1000;

    display: block;

    float: none;

    clear: left;
    background: #000;
 border: 0px solid transparent;

  }

  aside.sidebar {

    display:none;

  }

}



/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {



}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {



}