@media all{
body { position: relative; margin: 0; padding: 0; line-height: 18px; height: 100%;    line-height: 20px;   margin: 0;    width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; }
.clear {clear: both;}
html {	height: 100%;}
.nodisplay { display: none; }

#header {background: url("/assets/templates/Roduner/images/headerbackground.png") repeat-x scroll 0 0 transparent;    height: 179px;    width: 100%;   position: relative;}
#header img { left: 24px;    position: absolute;    top: 17px; width: 200px; }
#header_tele {font-size: 20px;  line-height: 24px;  font-weight: 600 !important;    left: 750px;    position: absolute;    text-align: right;    top: 31px;    width: 280px;}
#header_tele a {text-decoration: none; color: black;}
#wrapper { display: block;  margin-bottom: 42px;    position: relative;}
#contet {}
#title {background: none repeat scroll 0 0 #9D662E;    color: white;    left: 31px;    padding: 7px 10px;    position: absolute;    top: 214px;    width: auto; display:none; }

/* Navi */
#navi {    left: 32px;    position: absolute;    top: 146px; width: 888px;}
#navi a {text-decoration: none; color: black; font-size: 18px;}
#navi ul {    float: left;    margin-top: -1px;}
#navi li {display: inline;    padding-right: 10px;}
#navi li.aktiv a {    border-bottom: 7px solid #FFFFFF;    font-weight: 600;    padding-bottom: 6px;}
#newswrapper { background: url("/assets/templates/Roduner/images/news.png") no-repeat scroll 0px -4px transparent;   left: 31px;   margin-bottom: 85px;  padding-top: 46px;  position: relative;   top: 8px;   width: 900px;  }
.newswrapper2 {position: relative; background: url("/assets/templates/Roduner/images/spacer-white.png") repeat scroll 0 0 transparent;    display: inline-block;    margin-right: 4px;    width: 444px; margin-bottom: 4px; float:left; }
#detailwrapper {background: url("/assets/templates/Roduner/images/contentbackground.png") repeat-y scroll 0 0 transparent;  min-height: 350px;  height: auto;    left: 31px;   position: relative;   top: 55px;    width: 893px; display: block; /*margin-bottom: 125px;*/ margin-bottom: 171px; }
.full {background: transparent url(/assets/templates/Roduner/images/bgfull.png) repeat top left!important;}
.none {display:none;}

#telefon {float:right; display: inline; color: #000000;    font-size: 18px;    text-decoration: none; margin-top: -1px;}
#telefon i {    display: inline-block;    margin-left: 12px;    margin-right: 12px;  font-size: 28px;  margin-top: -7px;}

#detailwrapper h1 {}
#detaillinks {width: 675px; height: auto; float: left; /*background: url("/assets/templates/Roduner/images/spacer-white.png") repeat scroll 0 0 transparent;*/ }
#detaillinks a {color: black;}
#detaillinks h1 {margin-bottom: 18px; font-size: 26px;    font-weight: 700;    padding-left: 17px;   padding-top: 25px;  padding-right: 17px;}
#stimmungsbild {padding-left: 17px;    padding-top: 20px;  padding-right: 17px;}
#content {padding-left: 17px; padding-right: 17px; padding-bottom: 20px; }
#content h2, #content h3, #content h4, #content h5 { margin-bottom: 10px; }
#content p {margin-bottom:15px;}
#content ul li {list-style-position:inside; list-style-type:disc; line-height:20px;}
#detailrechts { float: right;  padding: 20px;  width: 174px; }
#detailrechts h5 { font-size: 17px;  font-weight: 700;   padding-top: 10px; }
#detailrechts p {padding-left: 17px;    padding-top: 20px; padding-right: 17px;}
#detailrechts ul li a  {  border-bottom: 1px solid;  color: #000000;   display: block;   height: 30px;  line-height: 30px;   text-decoration: none; }
#detailrechts ul li a:hover { background-color:#f5f5f5; color:#000;  }
#detailrechts ul .active a, #detailrechts ul .active a:hover  {  color: #fff;    display: block;height: 30px;   line-height: 30px;   padding-left: 5px;   text-decoration: none; background-color:#9D662E;}
#detailrechts ul {margin: 5px 0;}
.fullcontent {background: url("images/bgfull.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;   }
.fullcontentBreite { width: 675px !important; }

/* News */
.news {    margin-bottom: 3px;  min-height: 200px;    padding: 12px; padding-top: 8px;}
.newsbild {float: right;}
.newslink {margin-top: 9px;}
.news p {font-size: 14px;    width: 210px;}
.news a {background: none repeat scroll 0 0 #9d662e;
    bottom: 13px;
    color: white;
    font-weight: 300;
    padding: 2px 10px;
    position: absolute;
    text-decoration: none;}
.news h3 {margin-bottom: 12px;  margin-top: 10px; }
.newsBox { border-bottom: 1px solid;  display: block;  margin-bottom: 7px;   padding: 0 0 7px;  }
.newsBox:last-child { border-bottom: none; }
.newsBox p { width: 395px;  }


/* Galerie */
.galerieOuter { margin: 15px 0; }
.galerieOuter li {  display: inline-block;  list-style: none outside none !important;  margin-right: 3px;  width: auto;  }
.galerieOuter img {width:100px; height:100px;}
.galerieOuter a {}

/* Footer */
#footer {height: 46px;  margin-top: 46px;    background: none repeat scroll 0 0 #9D6434;    bottom: 0;    display: block;    position: fixed;    width: 100%;}
#footerinner, #footerinnermobile {    color: #FFFFFF;    line-height: 0;    margin-left: 33px;    margin-top: 26px;}
#footerinner a, #footerinnermobile a {color: #FFFFFF;} 

#telefon i {    font-size: 16px;}
li {    line-height: 16px;}
h1, h2, h3 {    line-height: 16px;}
h3 {    font-size: 18px;}
#my-slideshow {margin-bottom: 20px; margin-left: 20px;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { border:none !important; }

/*sitemmap */
#sitemap {}
#sitemap li { list-style: none outside none !important; margin-top: 10px;}
#sitemap li a { font-weight: bold;  }
#sitemap li li a { font-weight: normal;  }
#sitemap ul ul { margin-left: 15px; margin-bottom: 10px; }
#sitemap li li { margin-top: 0px;  }

	.nav-collapse, .nav-collapse2 {display: none!important;}
	#footerinnermobile {display: none;}
	#newswrapper {display: table;margin-bottom: 55px;}
	.footerspacer {height:35px; display:block; width;100%; float:none;}
	
}

/*Kontakt Form*/

#KontaktForm { width: 100%;}
#KontaktForm .row {display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
#KontaktForm .row .col-md-6 {flex: 0 0 46%;max-width: 46%; padding-left:13px; padding-right:13px;}
#KontaktForm .row .col-md-6 input { width: 100%; }
#KontaktForm textarea {width: 100%;}
#KontaktForm .check-container {display: block;}
#KontaktForm .input-container {display: block;}

/*cookie banner*/

.cookieInfo {
        position        : fixed;
        z-index         : 50;
        left            : 0;
        bottom          : 0;
        width           : calc(100%);
        background-color: #9D6434;
        color           : white;
        opacity         : 0.9;
        padding         : 25px 60px;
        text-align      : center;
    }

  .cookieInfo  .acceptcookies {
        display         : block;
        background-color: transparent;
        color           : white;
        border          : 1px solid white;
        padding         : 5px 35px;
        cursor          : pointer;
        transition      : all 0.2s;
        margin          : 20px auto 0;
    }




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

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

}

@media only screen and (max-width :800px){
	#navi {display:none;}
	.nav-toggle {background: url("/assets/js/responsive/ico-hamburger.png") no-repeat scroll 0 0 #9d662e;height: 20px;position: absolute;right: 20px;top: 20px;width: 25px;}
	.nav-collapse {display: block!important;}
	nav {background: none repeat scroll 0 0 #9d6536;}
	nav a {color: #FFF;text-decoration:none;}
	nav ul {}
	/*nav ul li.aktiv {background: #FFF;}*/
	nav ul li.aktiv ul li a {color: #FFF;}
	nav ul li.aktiv ul li.aktiv a {color:#FFF;}
	/*nav ul li.aktiv a {color:#9d6536!important;}*/
	neu ul li a ul li a {color:#FFF;}
	nav ul li {}
	nav ul li a {display: block;font-size: 18px;line-height: 26px;padding-bottom: 5px;padding-left: 15px;padding-top: 5px;width: 100%;}
	nav ul li ul {background: none repeat scroll 0 0 #9d6434;}
	nav ul li ul li {}
	nav ul li ul li a {padding-left: 30px}
	
	
	#newswrapper {width: 92%;left: 4%;}
	.newswrapper2 {width: 100%;}	
	.news p {width: 50%;}	
	.news {padding: 8px 12px 50px;}	
	#footer {position: relative;height: auto;border-top:1px solid #FFF;}
	#footerinner {display: none;}
	#footerinnermobile {display: block;}
	#footerinner, #footerinnermobile {line-height: 1.4;margin-left: 4%;margin-top: 12px;padding-bottom: 12px;}	
		
	
	#detailwrapper {left: 4%;width: 92%!important;background: url("/assets/templates/Roduner/images/contentbackground2.png") scroll 0 0 transparent;}
	#detaillinks {width: 100%!important;}	
	#my-slideshow {margin-left: 4%;width: 92% !important;}	
	#detailrechts {float: left;padding: 20px 20px 20px 4%;width: 92%;display: none;}
	#supersized {display: none;}	

	#wrapper {margin-bottom: 0;padding-top: 44px;	}
	.bx-wrapper img{display:block;max-width: 100%;}
	#cboxTitle {display: none!important;}
	#detaillinks img {height: auto;max-width: 100%;}	
	#detaillinks h1 {line-height: 30px;}
	.footerspacer {display:none;}	
	
	
	/* New Navi */
	.mean-container .mean-bar {background: none repeat scroll 0 0 #9d6434!important;}
	.mean-container .mean-nav {background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;}
	.mean-nav ul ll.aktiv a {color: #9d6536;!important}

}	
	
	
	
}

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

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

@media only screen and (max-width :480px){
h2, h3 {line-height: 23px;}
#backgroundmobile {background: none repeat scroll 0 0 #9d6434 !important;}
.newsbild {display: block;float: none;margin-bottom: 20px;}
.news p {width: 100%;}
#header img {width: 150px;}
#detailwrapper {top: 20px;left: 1%;width: 98% !important;margin-bottom: 0;}
#header {height: 120px; background: url("/assets/templates/Roduner/images/headerbackground.png") repeat-x scroll center bottom transparent;}	
#detaillinks h1 {padding-top: 0 ;}
#footer {margin-top:0;}
#newswrapper {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: table;left: 1%;margin-bottom: 0;padding-top: 0;width: 98%;}
#content p img {width: 100%;}
#wrapper {display: block;background: none repeat scroll 0 0 #fff;margin-bottom: 0;width: 100%;padding-bottom: 12px;}	
.galerieOuter img {width: 100%;}
.galerieOuter li {width: 100%;}
}

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

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

}

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