@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-Light.eot');
  src: url('/static/owb/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-Light.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-Light.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-Light.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-LightItalic.eot');
  src: url('/static/owb/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-LightItalic.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-LightItalic.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-LightItalic.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-Regular.eot');
  src: url('/static/owb/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-Regular.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-Regular.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-Regular.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-Italic.eot');
  src: url('/static/owb/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-Italic.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-Italic.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-Italic.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-SemiBold.eot');
  src: url('/static/owb/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-SemiBold.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-SemiBold.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-SemiBold.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-SemiBoldItalic.eot');
  src: url('/static/owb/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-Bold.eot');
  src: url('/static/owb/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-Bold.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-Bold.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-Bold.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-BoldItalic.eot');
  src: url('/static/owb/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-BoldItalic.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-ExtraBold.eot');
  src: url('/static/owb/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-ExtraBold.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-ExtraBold.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/owb/fonts/OpenSans-ExtraBoldItalic.eot');
  src: url('/static/owb/fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('/static/owb/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
  url('/static/owb/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
  url('/static/owb/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
  url('/static/owb/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
  font-weight: 800;
  font-style: italic;
}

body{
  background-color:#FFFFFF;
  background-image:url('/static/owb/higru.jpg');
  color:#575756;
  font-family: 'Open Sans', Arial, sans-serif;
  }
#designbody{
  background-image:none;
  }
.container{background-color:#ffffff;}
a{
  color:#669933;
 }
h1, h2, h3, h4{
	font-family: 'Open Sans', Arial, sans-serif;
}
h1{
  color:#575756;
  font-size:2.3em;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:10px;
}
h2{
  font-size:1.3em;
  line-height:1.1em;
  margin-bottom:15px;
}
h3{
	line-height:28px;
}
.ueberschrift{margin-bottom:30px;}
.itemwrapper{
  background-color:#eeeeee;
  color:#000000;
  padding:10px;
  height:320px;
  margin-bottom:15px;
  position:relative;
}
h2.unterlegt{
  background-color:#e7ac00;
  padding:5px 7px;
  line-height:1em;
  font-size:1.3em;
  color:#ffffff;
  display:inline-block;
  font-weight:400;
  margin-top:-10px;
}
.itemwrapper h5{
  margin-top:5px;
  font-weight:bold;
}
.w100%{
	width:100%;
}
@media (max-width: 991px){
  .teaserwrapper{
    margin-top:0;
    }
  }
@media (min-width: 992px){
  .teaserwrapper{
    margin-top:-70px;
    }
  }
.teaser{
  background-color:#ffffff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 82 47, 0.3); /* WebKit */
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 82, 47, 0.3); /* Firefox */
  box-shadow: 0px 0px 7px 0px rgba(0, 82, 47, 0.3); /* Standard */
  margin-bottom:20px;
  padding:15px 0;
}
.teaser h3{
  font-size:1.4em;
  margin-top:5px;
  color:#669933;
  margin-bottom:10px;
  font-family: 'Open Sans';
  font-weight:bold;
  line-height:1.1em;
  text-transform:uppercase;
}
.teaser p {
  font-size: 14px;
  line-height: 18px !important;
}
.teaser.gruen{
  background-color:#009642;
  color:#ffffff;
  box-shadow:none;
}
.teaser.gruen h3{
  color:#ffffff;
}
.teaser.gruen .MoreInfo{
  background-color:#ffffff;
  color:#009642;
  border:1px solid #009642;
  margin-bottom:-15px;
  padding:10px 0;
  font-size:1.2em;
}
.gruen .dreieck{border-color:#009642 transparent transparent transparent;}
.no-margins{
  margin:0;
}
.bg-grau{
  background-color:#EBEBEB;
}
.graustrich{
  background-color:#575756;
  height:15px;
}
.blaustrich{
  background-color:#0075BE;
  height:25px;
}
#topNav{
  border-top:none;
  border-bottom:none;
  background-color:#575756;
  box-shadow:none;
}
#topNav > div{background-color:#575756;}
#topBar{background-color:transparent;}
#topBar a.logo img{margin-top:-40px;}
#topNav ul.nav>li{
  border-left:none;
  border-right:none!important;
}
#topNav ul.nav>li:hover>a:before, #topNav ul.nav>li.active>a:before {
  background-color:#00522F;
}
@media (min-width: 992px){
  #topNav ul.nav>li > a{
    color:#ffffff;
    font-weight:bold;
    padding: 15px 35px 15px 15px;
    text-transform:uppercase;
    }
}  

#topNav ul.nav>li > a i{
  color:#F99600;
}
#topNav ul.nav>li:hover>a, #topNav ul.nav>li.active>a {
  background-color:#CED8D4;
}
#topNav ul.nav li li a:hover{
  background-color:#CED8D4!important;
}
.margin-left-20{margin-left:20px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-10{margin-bottom:10px;}

.padding-top-20{padding-top:20px;}
.padding-top-10{padding-top:10px;}
.padding15{padding:15px;}
.filler{height:60px;}
.full-color,.full-color:hover{opacity:1.0;}
.full-color span{box-shadow: 0px 0px 7px 0px rgba(0, 82, 47, 0.3);background-color:#ffffff;border:3px solid #ffffff;border-radius:50%;}
.full-color:hover span{color:#F5989F;}
.close.full-color{position:absolute;width:24px;height:24px;border-radius:50%;top:-12px;right:-12px;}
.dreieck{
  display:inline-block!important;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 0.8em 0.8em 0 0;
  border-color: #000000 transparent transparent transparent;
}
#topNav .dreieck{
  border-color:#e7ac00 transparent transparent transparent;
}
.slider{background-color:transparent!important;box-shadow:none!important;}
.slider .glyphicon{color:#ffffff;}
.carousel {
  height: 413px;
  overflow: hidden;
}
footer{
  background-color:transparent!important;
  border-top:none!important;
  height:120px;
}
footer .wrapper{
  position:relative;
}
footer .bg-grau{
  width:100%;
  height:140px;
} 
footer .inhaltswrapper{
  position:absolute;
  top:0;
  width:100%;
  }
footer .inhaltswrapper > .container{
  background-color:transparent;
  position:relative;
  height:165px;
  }
footer .inhaltswrapper > .container .row{
    width:100%;
    z-index:9999;
    bottom:0;
    margin-top:20px;
    }

@media (min-width: 768px){
  footer .inhaltswrapper > .container .row{
    position:absolute;
    margin-top:0;
  }
}

.carousel-control{width:5%;}
.carousel-inner .textfeld{
  background-color:rgba(255, 255, 255, 0.77);
  top:250px;
  position:absolute;
  left:60px;
}
.carousel-inner .textfeld table tr td:first-child{
  padding:10px 15px;
}
.carousel-inner .textfeld table tr td:first-child+td{
  width:10px;
  background-color:#009642;
}
.carousel-inner .textfeld h3{
  color:#009642;
  font-size:1.6em;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:0;
}
.carousel-inner .textfeld span{
  font-size:1.2em;
  text-transform:uppercase;
  margin-top:7px;
}
div.content{
  min-height:400px;padding-bottom:20px;
}
.wechdormid{display:none;}
.btn-primary{background-color:#00522F;color:#ffffff;}
.floatbild{float:left;margin-right:10px;margin-bottom:10px;width:20%;}
.modalanzeige{cursor:pointer;}
#infomodal img{display:block;margin:0 auto;}
.owl-carousel.featured .owl-featured-detail:after {top:-10px;}
.ratiobox{
  position:relative;
  width:100%;
  border-radius:10px; /*weglassen, wenn quadratisch*/
  background-color:transparent;
  padding-left:0!important;
  overflow:hidden;
  /*cursor:pointer;*/  /*weglassen, wenn kein Link */
}
.cursor{
  cursor:pointer;
  }
.ratiobox:before{
  content:"";
  display:block;
  padding-top:100%;     /* initial ratio of 1:1*/
}
.ratiobox .content{
  position:  absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding-left:0!important;
  background-size:cover;
  background-position:center;
  min-height:auto;
  padding-bottom:0;
}
.editbutton{
  display:block;
  background-color:#eeeeee;
  padding:2px 5px;
  margin-bottom:10px;
  margin-top:30px;
}
.editbutton.container{margin-bottom:0;margin-top:0;}
.editbutton:hover{
  color:#ff0000;
  text-decoration:none;
}
.artikel{
  padding-top:20px;
}
.mitStrich{
  border-bottom:1px solid #d0d0cb;
}
.redakteur-editmode {
  border-top:1px solid grey;
}  
.cc_container .cc_btn {
background-color: #e7ac00 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
.cc_container {
background: #575756 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}
.checkbox.has-error{
  border:2px solid #a94442;
  padding:10px;
  }