.inside { width: 960px; max-width: 100%; position: relative; }
#container { min-height: 400px; }
#container .clrfix { margin-left: 25%; }
.twocol #maincol { float: left; width: 75%; }
#rightcol { float: right; width: 25%; overflow: hidden; margin: 0.5em 0; line-height: 1.5em; }

#header { height: 6.5em; }
#header:before { top: 1.5em; }
#header .inside:before { content: " ";  position: absolute; top: 3.5em; height: 1.5em; background: #e0e0e0; border-top: 1px solid #fff; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #fff; left: 0; }
#navi { margin-left: 25%; width: 75%; padding-top: 3.5em; }
#navi:before { right: 4px; content: url("pics/logo-schrift.gif"); position: absolute; top: 0.75em; right: 4px; }

#logo { float: left; width: 25%; height: 6em; background: #ffc6d1 url("pics/blume-back.gif"); text-align: center; position: relative; margin-bottom: 1.4em; }
#logo a { display: block; }
#logo a img { margin: 0 auto; }

#navi .mod_customnav { position: relative; }
#navi .mod_customnav ul { list-style: none; }
#navi .mod_customnav ul li { float: left; width: 25%; display: block; height: 1.5em; padding-top: 1px; }
#navi .mod_customnav ul a, #navi .mod_customnav ul strong { display: block; border-right: 1px solid #fff; padding-left: 8px; color: #000; font-size: 0.6em; line-height: 2.4em; }
#navi .mod_customnav ul li a:hover { font-weight: normal; }

#header ul.level_1 > li.gaerten > a:hover, #header ul.level_1 > li.gaerten > strong, .gaerten #header ul.level_1 > li.trail > a { background-color: rgba(153, 204, 0, 0.5); }
#header ul.level_1 > li.gaertner > a:hover, #header ul.level_1 > li.gaertner > strong, .gaertner #header ul.level_1 > li.trail > a { background-color: rgba(195, 104, 150, 0.5); }
#header ul.level_1 > li.religion > a:hover, #header ul.level_1 > li.religion > strong, .religion #header ul.level_1 > li.trail > a { background-color: rgba(255, 204, 0, 0.5); }
#header ul.level_1 > li.kontakt > a:hover, #header ul.level_1 > li.kontakt > strong, .kontakt #header ul.level_1 > li.trail > a { background-color: rgba(183, 219, 255, 0.5); }

#subnavi { width: calc(960px * 0.25); position: absolute; top: 7.4em; }
#subnavi ul { list-style-type: none; line-height: 1.1em; }
#subnavi ul li { border-bottom: 1px solid #fff; }
#subnavi ul a, #subnavi ul strong { display: block; padding: 0.25em 0.5em; background: #efefef; color: #000; font-size: 0.6em; }
#subnavi ul ul { padding: 0 0 0.25em; }
#subnavi ul ul li { border-bottom: 1px solid #efefef; }
#subnavi ul ul li.last { border-bottom: 0; }
#subnavi ul ul a, #subnavi ul ul strong { background: #fff; }
#subnavi ul ul li a:hover { font-weight: bold; }

.ce_gallery li { float: left; margin-bottom: 1em; margin-right: 1.5%; }
.ce_gallery ul.cols_2 li { width: 48.5%; }
.ce_gallery ul.cols_3 li { width: 31.8333333333%; }
.ce_gallery ul.cols_4 li { width: 23.5%; }
.ce_gallery ul.cols_5 li { width: 18.5%; }
.ce_gallery ul.cols_6 li { width: 15.1666666667%; }
.ce_gallery ul li img { width: 100%; height: auto; }
.ce_gallery li.col_first { clear: both; }

#footer .inside > a { float: left; }
#footer .inside .mod_customnav { border-top: 4px solid #ffcc66; padding-top: 0.5em; padding-bottom: 2em; margin-left: 25%; }
#footer .inside a.toggle_mobile { left: 25%; position: absolute; top: 0; padding-top: 0.5em; margin-top: 4px; }

@media screen and (min-width:1201px) { 
	.inside { padding-right: 240px; margin: 0 auto; }
	#footer .inside a.toggle_mobile { left: calc(25% - 50px); }
	#header .inside:before { border-right: 240px solid #fff; }
	
}
@media screen and (max-width:1200px) { 
	.inside { ; }	
}
@media screen and (max-width:960px) { 
	#subnavi { width: 25%; }
}