@charset "utf-8";

/* CSS Document */

html, body { height: 100%; }

body { font-family: Verdana, Geneva, sans-serif; color: #333333; font-size: 1.5em; }

.abstand-unten { margin-bottom: 20px; }

.abstand-oben20 { margin-top: 20px; }

.container { max-width: 992px; }

h1 { color: #82700d; font-size: 1.6em; margin-top: 50px; font-family: Verdana, Geneva, sans-serif;}

h2 { color: #82700d; font-size: 1.2em; margin-top: 10px; font-family: Verdana, Geneva, sans-serif;}

h3 { color: #82700d; font-size: 1.1em; margin-top: 10px; font-family: Verdana, Geneva, sans-serif;}

h4 { color: #82700d; font-size: 1.1em; margin-top: 10px; font-family: Verdana, Geneva, sans-serif;}

.img-left { float: left; padding: 0 20px 20px 0; }

.img-right { float: right; padding: 20px 0 20px 20px; }

.abstandrl { margin-left: 0px; margin-right: 0px; }

.abstand-oben { margin-top: 70px; }

.inhalt { min-height: 500px; }

.bggrau { background-color: #a2a1a2; }

a { color: #82700d; text-decoration: none; }

a:hover, a:focus { color: #31859c; text-decoration: underline; }

ul.nav.navbar-nav.navbar-right > li > a.activ { color: #31859c;  }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ddd9c3; }

.navbar-default { background-color: #ddd9c3; border-bottom: medium solid #584906; }

.nav { background-color: #ddd9c3; }

.navbar-right { float: right !important; margin-right: -15px; margin-top: 15px; }

.navbar-default .navbar-nav > li > a { color: #82700d; text-decoration: none;  }

.navbar-default .navbar-nav > li > a:hover, a:focus { color: #31859c; text-decoration: none; }

.impr h3 {font-size: 1.1em; color: #82700d;}

.yt_box{
  position: relative;
  max-width: 700px; /* wie breit soll das Video maximal sein */
  margin: 20px 0 20px 0;
}
.yt_box:before{
  content: "";
  display: block;
  padding-top: 56%; /* 16:9 Format */
}
.yt_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;;
  left: 0;
  right: 0;
  bottom: 0;
}



.footer { height: 85px; position: relative; color: #333; ; background-color: #ddd9c3; font-size: 0.8em; margin-top: 30px; }

.footer a { color: #333; text-decoration: none; }

.footer .fuss { margin-top: 10px; }

@media (max-width:991px) {

.img-right1 { float: left; padding: 20px 0 -20px 20px; }
}

@media (max-width:768px) {

.navbar-header { height: 70px; }

.navbar-right { float: left !important; margin-right: -15px; margin-top: 15px; }
}

@media (max-width:768px) {

.abstand-oben { margin-top: 60px; }
}

@media (max-width:620px) {

.col-xs-12 { max-width: 50%; float: none; }
}

@media (max-width:535px) {

.footer { height: 120px; }

.col-xs-6 { float: none; }
}