body {
    
    font-weight: 300;
    font-size: 92%;
    line-height: 150%;
    color: #5c5454;
    background: url(../images/layout/bg.jpg) no-repeat top center;
    background-size: 100% 500;
   
}
 h2 {font-size: 120%;}
h3 {font-size: 110%;}

a {color: #5c5454; text-decoration: none;}
a:hover {text-decoration: underline;}
.abst-o {margin-top: 10px;}
.abst-r {margin-right: 10px;}
.infobox {border: 1px solid black;}

.rs_column {margin-top: 0;}

#topmenu {
    display: none;
}
#topmenu #nav {
    display: none;
    background: #b20c23;
    position: absolute;
    z-index: 99;
    width: 100%;
    font-size: 130%;
    font-weight: 300;
    top: 110px;
}
#topmenu #nav ul {
    display: block; margin: 0;
}

#topmenu #nav .level_2 {border-top: 1px solid #ffffff;  }

#header {width: 100%; max-width: 1224px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
#header .inside {   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}

#header #nav {
    padding: 0  0 0; overflow: visible;
    font-size: 100%;
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
}
#header #nav ul.level_1 {
   
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#header    #nav ul.level_1 li {
    position: relative;   
    line-height: 100px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}




#header #nav a {
    color: #1e2022;
    text-decoration: none;
    display: block;
}

#header #nav a:hover {
   

}




#header #nav ul li span,#header #nav ul li strong {
    padding: 0 10px; font-weight: 300;
}
#header #nav ul.level_1 li strong {}



#header #nav .level_2 {position: absolute; text-transform: none; background-color: rgba(256,256,256,0.9); padding: 0; display: none; z-index: 99; font-size: 90%;


}
#header #nav .level_2.show { display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}
#header #nav .level_3 {display: none;}

#header #nav ul.level_2 li {float: left; border-bottom: 1px solid #474646; line-height: 50px; margin-top: 0; width: 100%;}
#header #nav .level_2 a {color: #b20c23;  padding: 0; line-height: 50px; display: block;}
#header #nav .level_2 strong {color: #b20c23;  padding: 0 20px; line-height: 50px; display: block;}
#logo {width: 100%; max-width: 323px;}
#logo a, #logo strong {background: url(../images/layout/wurzlbauer_logo.png) no-repeat top; width: 100%; height: 140px; background-size: contain; display: block; text-indent: -999999px;}
#headerbild {width: 100%; max-width: 1280px; margin: 0 auto;}
#boxen {margin-top: -150px; position: absolute;}
#boxen a {color: #ffffff;}
#boxen .box, #boxen .homebox {background: #b20c23;   padding: 10px 10px 20px 10px;  box-shadow: 4px 4px 10px #666; }
#boxen .box a, #boxen .homebox a  {text-decoration: none;}
#boxen .box a:hover, #boxen .homebox a:hover  {text-decoration: underline;}
#boxen .box li:before, #boxen .homebox li:before  {content: "» "; color: #ffffff;}
#boxen .box li.first {font-size: 110%; font-weight: 400;}
#boxen .box li.first:before {content: ""; color: #ffffff;}
.newshome {margin-top: 100px;}
.boxrot {background: #b20c23;   padding: 10px 10px 20px 10px;  box-shadow: 4px 4px 10px #666; color: #ffffff; margin: 20px 0;}
.boxrot a {color: #ffffff;}
#container {width: 100%; max-width: 1024px; margin: 0 auto -20px; padding: 30px 30px; box-sizing: border-box; background: #ffffff;
box-shadow: 4px 4px 10px #666;}
#container .ce_text ul li {list-style-type: square; margin-left: 30px;}
#container .ce_text ol li {list-style-type: decimal; margin-left: 30px;}
#footer {background: #b20c23; color: #ffffff; font-size: 90%; padding-top: 30px;}
#footer a {color: #ffffff;}
#footer .inside {width: 100%; max-width: 1024px; margin: 0 auto; padding: 0 1%; box-sizing: border-box;}
#fusszeile {background: url("../images/layout/balken_2.png") no-repeat; color: #ffffff; background-size: cover; font-size: 90%;}
#footer .float_left {float:  none;}
#fusszeile .inside {width: 100%; max-width: 1024px; margin: 0 auto; padding: 0 1%; box-sizing: border-box;}
#fusszeile a {color: #ffffff; margin-right: 10px; display: block;}
#fusszeile a:before, #fusszeile strong:before  {content: "» "; color: #ffffff;}
#fusszeile ul {  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 20px 0;}
    
    .cookiebar {max-width: 400px; right: 10px; left: auto; bottom: 10px; background-color: rgba(75, 75, 75, 0.8);}
    .cookiebar__link {display: block;}
    @media screen and (max-width: 1200px) {
    	#logo {width: 200px;}
    }
@media screen and (max-width: 1000px) {
      #topmenu {
        display: block;
        text-align: center;
    }
   
    #topmenu li {
        border-bottom: 1px solid #ffffff;
        line-height: 200%;
    }
    #topmenu li.last {
        border-bottom: none;
    }
    
    #topmenu a , #topmenu span, #topmenu strong {color: #ffffff;}
    
    #topmenu #nav .level_2 {display: none; font-size: 90%;
    
    background: #fffff;}
     #topmenu #nav .level_2.show {display: block;}
   
     
      #topmenu #nav .level_2 li span:before {content: '- ';}
    #m-logo a {
        display: block;
        width: 96%;
        max-width: 298px;
        height: 119px;
        padding: 0;
        
        background-size: 100%;
        margin: 10px auto 10px;
    }
       
        
}
@media screen and (max-width: 800px) {
	
	#boxen .rs-column{width: 32%; margin-right: 2%;}
	#boxen .rs-column.-large-last {margin-right: -5px;}
	#container {padding: 2% 2%;}
	#fusszeile .inside {padding-bottom: 120px;}
	
}

@media screen and (max-width: 700px) {
		#boxen {display: none;}
	
}

@media screen and (max-width: 600px) {
	#main {text-align: center;}
	#main li {text-align: left;}
	#footer {text-align: center;}
	#fusszeile {text-align: center;}
	#fusszeile .inside {padding-bottom: 0;}
	
	#fusszeile ul {display: block;}
	.cookiebar {max-width: 600px; left:0; right: 0; bottom: 0; position: relative;}
}

@media screen and (max-width: 600px) {
	
}