﻿@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
  background: #FAFAFA;
  font-family: 'open_sansregular',sans-serif;
  color: /*#5c5c6a*/#000;
  margin: 0px;
  padding: 0px;
  font-size: 1.1rem;
  overflow-x: hidden;
}
@media (max-width:800px){
  body{
padding: 0;
}
}
img{
    max-width: 100%;
    height: auto;
}
img.rund{
    border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

li{
    line-height: normal;
}
ul{
    list-style-image: url(../images/li.png);

}
article.satzung ul{
 list-style-image:none;
 }

article{
    /*hyphens: auto;*/
}

article,.content-category, .blog > .cat-children, div#system-message-container+div.search, div#system-message-container+div#osmap,.finder{
    padding: 2rem;
    background: #fff;
     box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
.blog article{
    margin-bottom: 15px;
}

h1{
   font-family: 'open_sanslight', sans-serif;
  font-size: 1.9rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 0px 0 10px 0;
}
h2{
 font-family: 'open_sanslight', sans-serif;
  font-size: 1.7rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 10px 0 10px 0;
}
h3{
  font-family: 'open_sanslight', sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 10px 0 10px 0;
}
h4{
 font-family: 'open_sanslight', sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 10px 0 15px 0;
}
h5{
  font-family: 'open_sanslight', sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 10px 0 10px 0;
}
h6{
 font-family: 'open_sansbold_italic', sans-serif;
  font-size: 1.1rem;
  font-weight: normal;
  color: #000;
  padding: 5px 0 5px 0;
  margin: 10px 0 10px 0;
  display: table;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
h1, h2, h3 {
    line-height:normal;
}
hr{
  height: 1px;
  border: none;
  background:#dddde0;
  position: relative;
}
hr::after{
    content: " ";
  border-radius: 0%;
    border: 1px solid #dddde0;
    height: 9px;
    left: 50%;
    width: 9px;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    background: #f8f8fa;
}
.gruen{
  background: /*#A1C41F*/#495A0E;
  padding: 5px;
  color: #fff;
}

table{
    hyphens: none;
}
table.wildblumen{
 border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
table.wildblumen td{
 vertical-align: top;
 padding: 0.5rem;
}

table.projektdokumentation{
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d8d8d8;
     box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
table.projektdokumentation td{
 vertical-align: top;
 padding: 0.5rem;
 border-collapse: collapse;
 border: 1px solid #d8d8d8;
}
td.liste_head, tr.liste_head{
 background: /*#A1C41F*/#fff;
 }
td.liste, tr.liste{
    background: #FAFAFA;
}
td.liste2, tr.liste2{
    background: #ECECEC;
}
td.liste3, tr.liste3{
    background: #fff;
}
table.obst{
    border-collapse: collapse;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d8d8d8;
     box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
table.obst td{
 vertical-align: top;
 padding: 0.5rem;
 border-collapse: collapse;
 border: 1px solid #d8d8d8;
}
table.obst td.liste2{
    background: #F5F5F5;
}
@media (max-width:800px){
  td{
      display: block;
  }

}
@media (max-width:800px){
table.nonblock  td{
      display: table-cell;
  }

}
p{
    line-height: 160%;
}
p.telefon,span.telefon{
  background: url(../images/telefon.png)left center no-repeat;
    padding-left: 18px
}
p.fax,span.fax{
     background: url(../images/fax.png)left center no-repeat;
    padding-left: 18px
}
p.mail,span.mail{
     background: url(../images/mail.png)left center no-repeat;
    padding-left: 18px
}
p.gesperrt{
    color: #000;
    letter-spacing: 0.2rem;
}
p.quelle, .quelle{
    font-size: 1rem;
    color: #000;
}

p.readmore a.btn{
    color: #fff;
    background: none;
    background-image: none;
    box-shadow: none;
    padding: 5px;
    border: none;
    background-color: /*#A1C41F*/#495A0E;
}
.btn{
    text-shadow: none;
}

.page-header {
    border-bottom: 1px dotted /*#A1C41F*/#495A0E;
}
fieldset.filters{
    background: #FAFAFA;
    padding: 5px 0 5px;
}

.klein{
    font-size: 0.9rem;
    line-height: 1rem;
}
a.lightbox{

}
p.bild{
 padding: 0;
  line-height: normal;
}

p.bild a{
 display: inline-block;
 position: relative;
}

p.bild a::after{
    background: rgba(161, 196, 31, 0) url("../images/lupe.png") no-repeat center center;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    width: 100%;
    height: 100%;
}
p.bild a:hover::after{
     background: rgba(161, 196, 31, 0.9) url("../images/lupe.png") no-repeat center center;
  opacity: 1;
}

.icon-chevron-right{
    display: none;
}

.clear{

}

.clear::after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.shadow{
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
padding: 10px;
background: #FEFEFE;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}
.hinweis{
   box-shadow: 0px 0px 5px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 5px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
padding: 10px 50px 10px 10px;
background-color: #FFF;
border: 1px solid #AF493C;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: /*#911809*/#AF493C;
font-size: 1rem;
box-sizing: border-box;
background-image: url(../images/hinweis.png);
background-position: right 30px;
background-repeat: no-repeat;
}
.hinweis p{
    line-height: 140%;
}
div.definition{
    border: 1px solid #dddde0;
    padding: 1rem;
  margin: 1rem 100px 1rem 100px;
}
div.definition p{
   font-size: 1rem;
    line-height: 160%;
}
@media (max-width:800px){
  div.definition{
    padding: 10px;
  margin: 10px;}
}
.zweidrittel > .hinweis{
 margin: 0 15px 0 15px;
 background-image:none;
 padding: 10px;
 font-size: 0.95rem;
}

a, a:focus{
    outline: none;
}

a, a:hover{
    text-decoration:none;
    color: #911809;
    outline: none;
}
a.readon{
    margin-left: 5px;
    padding: 5px;
    background: /*#A1C41F*/#495A0E;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    box-shadow: 0px 0px 2px 0px #a1a1a1; -moz-box-shadow: 0px 0px 2px 0px #a1a1a1; -webkit-box-shadow: 0px 0px 2px 0px #a1a1a1;
    transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in;
}

a.readon:hover, a.readon:focus{
  background: #fff;
    border: 1px solid /*#A1C41F*/#495A0E;
    color: /*#A1C41F*/#495A0E;
}
a[href^="http"], a[href^="https"]{
    padding-left: 20px;
    background: url(../images/extern.png) left center no-repeat;
}
a[href^="http"] img, a[href^="https"] img, #osmap a[href^="http"], #osmap a[href^="https"]{
    padding-left: 0px;
    background:none;
}
a.nolink{
     padding-left: 0px;
    background:none;
}
a.intern{
    background: url(../images/intern.png)left center no-repeat;
    padding-left: 20px;
}

table.obst td a{
  padding-left: 20px;
    background: url(../images/intern.png) left center no-repeat;
}

strong{
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
}
em{
  font-family: 'open_sansitalic',sans-serif;
  font-style: normal;
}

/*---------------- Layout----------*/
#oben{
    position: absolute;
    margin-top: -50px;
}

.sidenav, #open {
    display: none;
}

header{
    background: #fff;
}
 @media (max-width:800px){
   header{
      margin-top: 50px;;
     }
    }
#logo_search{
    margin: 0 auto;
    width: 1100px;
    max-width: 98%;
}
#logo_search::after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
#logo{
    width: 203px;
    float: left;
    height: 110px;
}
@media (max-width:800px){
    #logo{
        width: 50%;
    }

}
#suche{
 width: 50%;
    float: right;
    height: 110px;
}
#suchmaske {
    position: relative;
    text-align: right;
    top: 50%;
    margin-right: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#suchmaske label{
    display: none;
}

nav{
    width: 1100px;
    max-width: 98%;
    margin: 0 auto;
    margin-bottom: 0px;
    position: sticky;
    top: 0px;
    height: 2rem;
    z-index: 9997;
    background:#FAFAFA;
    padding: 0 10px 0 0px;
    box-sizing: border-box;
    line-height: 2rem;
}
@media (max-width:800px){
 nav{
     display: none;
 }

}
.nav{
  margin-bottom: 0px;
}

nav ul{
 list-style-image: none;
 margin: 0 auto;
 padding: 0;

 float: left;
  z-index: 9999;
  position: relative;
 }
nav ul li{
  display: inline;
  float: left;
  position: relative;
  height: 2rem;
  }
nav a{
  display: block;
  position: relative;
  font-size: 1rem;
  padding: 0px 15px 0px 15px;
line-height: 2rem;

}
ul.nav a:hover{
    background: transparent;
}
ul.nav a:hover{
  color: /*#a59584*/#000;
}
nav ul.nav li.current a,nav ul.nav li.active a{
  /*color: #38450B;*/
  background-color: /*#A1C41F*/#495A0E;
  color: #fff;
  text-decoration: none;
 }
nav ul.nav li.current ul a,nav ul.nav li.active ul a {
color: #5c5c6a;
color: #911809;
     background-color: #fff;
 }
nav ul.nav li.active ul li.active a{
     color:#fff;
     background-color: /*#A1C41F*/#495A0E;
 }

 ul.nav img{
     max-height: 1rem;
 }
 ul.nav a.linkdown{
     padding-right: 22px;
     background-image: url(../images/down.png);
     background-position: right center;
     background-repeat: no-repeat;
 }
  ul.nav a.linkdownrechts{
     padding-right: 20px;
     background-image: url(../images/downrechts.png);
     background-position: right center;
     background-repeat: no-repeat;
 }
  /*** 2. Level***/

ul.nav li ul{
     background-color:rgba(255,255,255,1);
    visibility: hidden;
    position: absolute;
   display: inline-block;
    top: 2.0rem;
    left: 0px;
   padding: 0;
   box-sizing: border-box;
    text-align: left;
    border: 1px solid #a59584;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);

 }
ul.nav li:hover ul,ul.nav li:focus ul{
     visibility: visible ;

 }
/*ul.nav li ul li:first-child::before{
    content: '';
    width: 0;
   height: 0;
   border-bottom: 20px solid #a59584;
   border-left: 12px solid transparent;
   border-right:12px solid transparent;
   position: absolute;
   top: -20px;
   left: 15px;
}
ul.nav li ul li:first-child::after{
  content: '';
    width: 0;
   height: 0;
   border-bottom: 19px solid #fff;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
     position: absolute;
   top: -18px;
   left: 16px;
}*/
ul.nav li ul li{
      display:block;
      float: none;
      height: auto;

  }
ul.nav li ul li a{
       display: block;
       text-decoration: none;
       color: #911809;
      background-color: #fff;
       padding: 8px 15px 8px 15px;
       font-size: 1rem;
         border-bottom: 1px solid #a59584;
         line-height: normal;
        white-space: nowrap;
   }
  ul.nav li ul li:last-child a{
    border-bottom: 2px solid #911809;
   }
    /*** 3. Level***/

ul.nav li ul li.deeper ul{
     background:rgba(255,255,255,1);
     visibility: hidden;
    position: absolute;
    display: inline-block;
    top: -1px;
    left:100%;
   padding: 0;
   box-sizing: border-box;
    text-align: left;
    border: 1px solid #a59584;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);

 }
ul.nav li ul li.deeper:hover ul, ul.nav li ul li.deeper:focus ul{
     visibility: visible
 }
/*ul.nav li ul li:first-child::before{
    content: '';
    width: 0;
   height: 0;
   border-bottom: 20px solid #a59584;
   border-left: 12px solid transparent;
   border-right:12px solid transparent;
   position: absolute;
   top: -20px;
   left: 15px;
}
ul.nav li ul li:first-child::after{
  content: '';
    width: 0;
   height: 0;
   border-bottom: 19px solid #fff;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
     position: absolute;
   top: -18px;
   left: 16px;
}*/
ul.nav li ul li ul li{
      display:block;
      float: none;
      height: auto;
  }
ul.nav li ul li.parent ul li a{
       display: block;
       color: #911809;
       background: #fff;
       text-decoration: none;
       padding: 8px;
       font-size: 1rem;
         border-bottom: 1px solid #a59584;
         line-height: normal;
        white-space: nowrap;
   }
ul.nav li ul li.parent ul li:active a{
    color: #38450B;
}
ul.nav li.active ul li.active ul li a{
     color:#911809;
     background: #fff;
 }
 ul.nav li.active ul li.active ul li.active a{
    color:#fff;
     background: /*#A1C41F*/#495A0E;
}
  ul.nav li ul li.parent ul li:last-child a{
    border-bottom: 2px solid #911809;
   }
#sliders{
  margin-top: 0rem;
  /*max-height: 800px;
  height: auto;*/
  height: 80vh !important;
  width: 100vw !important;
  box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
@media (max-width:800px){
  #sliders, .slide-text{
      display: none;
  }
}
#djslider174{
 width: 100vw !important;
  height: 80vh !important;
}
#sliders ul li img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
}
#slideshow{
 box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}

.bx-viewport img{
    width: 100%;


}

.bx-viewport{

}
div.zentriert{
    width: 1100px;
    max-width: 98%;
    margin: 3rem auto 0 auto;


}
div.zentriert h3{
    background: /*#A1C41F*/#495A0E;
    display: inline;
    padding: 10px;
    color: #fff;
    font-size: 1.6rem;
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
}
@media (max-width:800px){
  div.zentriert h3{
      line-height: 3.6rem;
  }
}
div.zentriert p{
    margin-top: 4rem;
}

div.zentriert a.readon{
    font-size: 1.3rem;
    background: #fff;
    padding: 0.5rem;
    border: 2px solid /*#A1C41F*/#495A0E;
    color: /*#A1C41F*/#495A0E;
    box-shadow: 0px 0px 2px 0px #a1a1a1; -moz-box-shadow: 0px 0px 2px 0px #a1a1a1; -webkit-box-shadow: 0px 0px 2px 0px #a1a1a1;
    transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in;
}
div.zentriert a.readon:hover,div.zentriert a.readon:focus{
  background: /*#A1C41F*/#495A0E;
    border: 2px solid #fff;
    color: #fff;
}
div.bottom{
    padding: 10px;
    background: rgba(255,255,255,0.95);
    color: #000;
}
/*.bxslider span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    padding: 10px;
    font-size: 0.9rem;
}*/
fieldset.only{
    display: none;
}

#headerbild{
  width: 1100px;
  max-width: 98%;
  margin: 0 auto 15px auto;
  box-sizing: border-box;
   box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
@media (max-width:800px){
  #headerbild{
      max-width: 100%;
  }

}
#headerbild img{
    border: 5px solid #fff;
    box-sizing: border-box;
    max-width: 100%;
}
nav.mod-breadcrumbs__wrapper{
   position: relative;
z-index: 1;
height: auto;
background: #FAFAFA;
padding: 0 10px 0 0px;
box-sizing: border-box;
line-height:normal;
}

#navigationspfad nav.mod-breadcrumbs__wrapper{
  width: 1100px;
    max-width: 98%;
    margin: 0 auto;
    font-size: 0.9rem;
}
nav.mod-breadcrumbs__wrapper a{
    font-size: 0.9rem;
    line-height: normal;

}

#wrapper{
    width: 1100px;
    max-width: 98%;
    margin: 15px auto 15px auto;
}
@media (max-width:800px){
  #wrapper{
      max-width: 98%;
  }

}
.content{
    width: 100%;
   box-sizing: border-box;
    padding: 0px;
    /*background: #fff;
    box-shadow: 0px 0px 4px 0px #7d7d7d;
-moz-box-shadow: 0px 0px 4px 0px #7d7d7d;
-webkit-box-shadow: 0px 0px 4px 0px #7d7d7d;*/
}
.content::after{
     clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
section.links{
  width: 20%;
  box-sizing: border-box;
  margin-right:5%;
  float: left;
  padding: 10px;
  background: #fff;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
section.rechts{
    hyphens: none;
  width: 24%;
  box-sizing: border-box;
  margin-left:1%;
  float: right;
  padding: 10px;
  background: #fff;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
@media (max-width:800px){
 section.links,section.rechts{
     width: 100%;
     float: none;
     margin: 0;
 }
 }
.mitteschmal{
    width: 50%;
     box-sizing: border-box;
    float:left;
    padding: 10px;
}
.mittelinks{
  width: 75%;
    box-sizing: border-box;
    float:left;
   padding: 10px;
}
.mitterechts{
  width: 75%;
    box-sizing: border-box;
float:left;

}
@media (max-width:800px){
  .mitteschmal, .mittelinks, .mitterechts{
      display: block;
      float: none;
      width: 100%;
  }

}
.mittebreit{
    width: 100%;
    box-sizing: border-box;

}
div.intro{
 margin: -16rem 0 30px 0;
  padding: 25px 25px 25px 25px;
  z-index: 9000;
  position: relative;
  box-sizing: border-box;
  background: #fff;
 /* border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;*/
   box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
@media (max-width:800px){
  div.intro{
      margin: 0 0 30px 0;
  }
}
div.intro h1{
  padding-top: 0px;
}

div.dreispaltig, div.zweispaltig{
margin-bottom: 25px;
}

div.dreispaltig::after{
  content: " ";
  clear: both;
  display: block;
}
div.dreispaltig h2{
 background: /*#A1C41F*/#495A0E;
    font-family: 'open_sansbold',sans-serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: 4rem;
    position: relative;
    z-index: 1;
    margin-left: -20px;
   padding: 0 10px 0 35px;
    border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
}
@media (max-width:800px){
   div.dreispaltig h2{
       margin-left: 0;
       padding-left: 15px;
       line-height: normal;
   }

}
div.dreispaltig p{
    padding: 15px;
}
div.drittel{
    float: left;
    width: 30%;
    overflow: hidden;
}

/*div.drittel img{
    transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
}
div.dreispaltig:hover img{
    webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.1);
}*/

div.zweidrittel{
    float: left;
    width: 70%;
}
@media (max-width:800px){
   div.drittel, div.zweidrittel{
       float: none;
       width: 100%;
   }

}
div.links45{
    float: left;
    width: 45%;
}
div.rechts45{
    float: right;
    width: 45%;
}

div.links40obst{
 float: left;
    width: 45%;
    background: #FAFAFA;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
div.rechts50obst{
 float: right;
    width: 45%;
}
@media (max-width:800px){
   div.links45,div.rechts45,div.links40obst,div.rechts50obst{
       float: none;
       width: 100%;
   }
}
div.linksbild{
 float: left;
 display: inline-block;
    width: 30%;
    margin: 0 1rem 1rem 0;
    background: #FAFAFA;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
div.rechtsbild{
 float: right;
 display: inline-block;
    width: 30%;
    margin: 0  0 1rem 1rem;
    background: #FAFAFA;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
div.linksbild40{
 float: left;
 display: inline-block;
    width: 40%;
    margin: 0 1rem 1rem 0;
    background: #FAFAFA;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
@media (max-width:800px){
  div.linksbild, div.rechtsbild,div.linksbild40{
    float: none;
    width: 100%;
  }

}
div.zweispaltig{
margin-bottom: 25px;
}
div.zweispaltig::after{
  content: " ";
  clear: both;
  display: block;
}
div.zweidrittellinks{
 float: left;
 width: 64%;
}
div.zweidrittelrechts{
 float: right;
 width: 64%;
}
div.eindrittellinks{
 float: left;
 width: 34%;
}
div.eindrittelrechts{
 float: right;
 width: 34%;
}
@media (max-width:800px){
   div.zweidrittellinks, div.zweidrittelrechts, div.eindrittellinks, div.eindrittelrechts{
       width: 100%;
       float: none;
   }

}
ul.dreispaltig{
  list-style: none;
  list-style-image: none;
  margin:0 0 25px;
  padding: 0px;
  position: relative;
}
ul.dreispaltig:after{
  content: " ";
  clear: both;
  display: block;
}
ul.dreispaltig li{
    font-size: 0.9rem;
  display: inline-block;
  width: 31.8%;
  margin: 0 2.3% 2.3% 0;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  float: left;
  background: #fff;
  box-shadow: 0px 0px 4px 0px #d8d8d8;
-moz-box-shadow: 0px 0px 4px 0px #d8d8d8;
-webkit-box-shadow: 0px 0px 4px 0px #d8d8d8;
}
ul.dreispaltig li:nth-child(3n+0){
  margin-right: 0;
}
@media (max-width:800px){
  ul.dreispaltig li{
      width: 100%;
      display: block;
      margin-right: 0;
  }
}
ul.dreispaltig li p{
    padding: 15px;
}
ul.dreispaltig li h2{
    background: /*#A1C41F*/#495A0E;
    font-family: 'open_sansbold',sans-serif;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 0 10px 0 10px;
}
ul.dreispaltig li img{
     outline: 1px dotted #A1C41F;
     outline-offset: 5px;
     margin-top: 10px;
     margin-bottom: 10px;
     transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}
ul.dreispaltig li:hover img{
    filter: grayscale(100%);
}

footer{
    background: #38450B;
    margin-top: 25px;
}
#footerinner{
    background: /*#385E35;*/#495A0E;
    width: 1100px;
    max-width: 98%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 25px;
    border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}
@media (max-width:800px){
 #footerinner{
  max-width: 98%;
 }

}
#footerinner::after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
#footerinnernews{
    float: left;
    width: 45%;
}
#footerinnerprogramme{
    float: right;
    width: 45%;
}
@media (max-width:800px){
  #footerinnernews, #footerinnerprogramme{
      width: 100%;
      float: none;
  }

}
#footerinnernews h4, #footerinnerprogramme h4, #footerinnernews h3, #footerinnerprogramme h3{
    font-size: 1.2rem;
    color: /*#A1C41F*/#fff;
    background: #38450B;
    padding: 8px;
    line-height: normal;
    margin: 0;
}
#footerinnernews ul, #footerinnerprogramme ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#footerinnernews ul li, #footerinnerprogramme ul li{
    padding: 0;
}
#footerinnernews ul li a, #footerinnerprogramme ul li a{
    display: block;
    border-bottom: 1px dotted #A1C41F;
    color: #fff;
    padding: 8px;
    font-size: 0.9rem;
}
#footerinnernews ul li a:hover, #footerinnerprogramme ul li a:hover{
    background: #647B14;
}
#naviunten{
    width: 1100px;
    max-width: 98%;
    margin: 0 auto;
    text-align: center;
}
#naviunten ul.nav {
    display: inline;
vertical-align: middle;
text-align: center;
margin: 0 auto;
list-style: none;
    list-style-image: none;
list-style-image: none;
margin: 10px 0 10px 0;
}
#naviunten ul.nav::after {

    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;

}
#naviunten ul.nav li{
 display: inline;

margin: 0;
}
#naviunten  ul.nav > li > a{
    color: #fff;
    display: inline-block;
    padding: 5px 10px 5px 10px;

}
#top{
    background: #495A0E;
    text-align: center;
}
#top a{
    display: inline-block;
}

/*-----------Accordion-----------------------------*/
.accordionWrapper{
    padding:0px;width:100%;box-sizing:border-box;
}
.accordionWrapper::after{
clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.accordionItem{
    display:block;
    width:100%;
    box-sizing: border-box;
}
.accordionItemHeading{
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
     font-size: 1.2rem;
    cursor:pointer;
    margin:0px 0px 10px 0px;
    padding:10px;
    background:/*#A1C41F*/#495A0E;
    color:#fff;
    width:100%;
     border-bottom: 1px solid #ddd;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
        box-sizing: border-box;
}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    display:block;


}
.open .accordionItemContent{
        padding: 0px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
        box-sizing: border-box;
}

.open .accordionItemHeading{
    font-size: 1.2rem;
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
    margin:0px;
        -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
     background:/*#A1C41F*/#495A0E;
    color:#fff;
    opacity: 1;
}
.close {

    float: right;
   font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
    line-height: 1.2rem;
color: #fff;
text-shadow: 0 0 0 transparent;
    opacity: 1;
    filter: alpha(opacity=1);

}
/*-------- Formular -----------*/
label#bfLabel73, label#bfLabel74{
  width: 50%;
}
/*---- ligbox -----------------*/
#mbBottom {

    min-height: 1.2rem;
    font-family: 'open_sansregular',sans-serif;
    line-height: 1rem;
    font-size: 1rem;
    text-align: left;
    padding: 0 10px 10px;
}
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink, #mbPlayLink, #mbPauseLink {

    display: inline;
    color: #fff;
    font-weight: normal;
    line-height: 1.5rem;
    font-size: 1rem;

}
 #mbCloseLink{
font-family: 'open_sansbold',sans-serif;
 }

#mbCaption {
    display: block;
    line-height: 0.9rem;
    font-size: 0.8rem;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big, #mbPlayLink big, #mbPauseLink big {
    color: #fff;
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
/*----------------- Suchergebnisse --------*/
span.highlight{
    background-color: /*#A1C41F;*/
}
dd.result-category, dd.result-created{
    display: none;
}
dd.result-text{
    margin-bottom: 15px;
}

/*------------------- Bootstrap --------------------------------*/
ul.breadcrumb{
    margin: 0px;
}
/*------- Mobile Menue-------------*/
@media (max-width:800px){
  .sidenav {
    width: 0;
    min-height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y:auto;
    transition: 0.5s;
    display: block;
    padding-top: 60px;
    padding-bottom: 20px;
  padding-top: 60px;
  border-bottom: 2px solid #911809;
}
.sidenav h3{
    color: #fff;
    font-size: 1.2rem;

}

.sidenav .closebtn{
     position: absolute;
    top: 0;
    right: 0;
}
#open{
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    z-index: 9999;
     background:/*#A1C41F*/#fff;
    text-align: right;
    cursor:pointer;
    display: block;
}

#open span img{
   position: absolute;
    top: 0;
    right: 0;
}
#mobilediv .nav {
    flex-direction: column;
}

.sidenav ul{
  list-style: none;
  list-style-image: none;
  margin: 0 0 0 15px;
  padding: 0;
   border: none;
}
.sidenav li{
  display: block;
  padding: 2px 0;
    float: none;
}
.sidenav li a{
    font-weight: bold;
    border-bottom:none;
}
.sidenav li.active a{
    color: #911809;
}

.sidenav ul.nav li ul {

    background-color:rgba(255,255,255,1);
visibility: visible;
position: relative;
display: block;
top: 0;
left: 15px;
padding: 0;
box-sizing: border-box;
text-align: left;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow:none;
}
.sidenav ul.nav li ul a{
    font-size: 1rem;
    border: none;
    font-weight: normal;
}
.sidenav ul.nav li ul li:last-child a {
    border-bottom:none;
}
.sidenav a{
    color: #911809;
    margin: 0;
    border:none;
    font-size: 1rem;
    display: block;
    text-decoration: none;
    text-transform: none;

}
.sidenav ul.nav li ul li ul{

    background-color:rgba(255,255,255,1);
visibility: visible;
position: relative;
display: block;
top: 0;
left: 15px;
padding: 0;
box-sizing: border-box;
text-align: left;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow:none;
}
.sidenav ul.nav li ul li ul a{
    display: block;
}

.sidenav ul.nav li ul li.parent ul li:last-child a {
    border-bottom: none;
}
.sidenav ul.nav li ul li.parent ul li a {
    display: block;
    color: #911809;
background: #fff;
text-decoration: none;
padding: 8px;
font-size: 1rem;
border-bottom:none;
    line-height: normal;
    white-space: normal;

}
.sidenav a:hover{
 background: /*#A1C41F*/#495A0E;
}

.sidenav ul.nav a.linkdown, .sidenav ul.nav a.linkdownrechts{
    background-image: none;
}
/*.sidenav ul.nav li.active ul li.active ul li.active a {
    color: #911809;
background: #fff;
} */
.sidenav li.current a{
    background: /*#A1C41F*/#495A0E;
    color: #fff;
}
.sidenav li.current li a{
    background: #fff;
    color: #911809;
}
/*.sidenav .moduletable_menu ul a:hover{
 color: #358797;
} */

#mobilediv::after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
}
#matomo-opt-out{
    border: 1px solid #000;
    padding: 1rem;
}
nav>.navbar-nav{
    flex-direction: row;
}
.startseite .camera_caption {
  top: 8rem;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1000;
  }
  .startseite .camera_caption > div {
  background: #000;
  background: rgba(0, 0, 0, 0);
}
.site .camera_caption_title {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
}
.site .camera_caption_desc {
    font-size: 0.9rem;
}
.mod-menu__toggle-sub {
    display: none;
}
.osmap-items ul {
  margin: 0 0 9px 5px !important;
}