body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "utf-8";
/* CSS Document */

* { margin: 0; padding:0;}
html{ height: 100%;}
body {height: 100%;color:#000000;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-size:100%;overflow:scroll; line-height: 1.3em; }
h1 {color:#000000;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-size: 1.2em; margin-bottom:15px;}
h2 {color:#000000;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-size: 1em;}
p { margin: 15px 0;}

ul,li {
	list-style-type:none}

ul.liste {
	list-style-type: disc;
	padding-left:20px;
	margin-left:10px;}
ul.liste li {
	list-style-type: disc;
	padding-left:10px;}

#home h2 {color:#464855;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-size: 0.9em;font-weight:300;}
#wrapper{ width:960px; min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */  margin:auto; border:1px dotted; border-color:#d9ceb4; }
#header { width:960px; margin:auto; background-color:#d9ceb4; }
#header .content-image { padding-top: 80px; padding-left: 20px;}
a{color:#ab0404;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-size:100%; text-decoration:none;}
a:hover {color:#75302e;}
a.trail, a.active, span.active,strong.active{color: #ab0404;}

/*..############ METANAV Kontakt/Impressum im Header############################........*/ 

#meta_nav {position:absolute;right:49px;top:13px;}
#meta_nav li {display: inline;list-style-type: none;text-decoration: none;}
#meta_nav li a {color: #000000;text-decoration: none; font-size:0.9em;font-family: 'Droid Sans','Helvetica',Arial,sans-serif;}
#meta_nav li .active {text-decoration: none; font-size:0.9em;font-family: 'Droid Sans','Helvetica',Arial,sans-serif; font-weight: normal;}
#meta_nav li:first-child {padding-right: 10px;}
#meta_nav li a:hover {color:#ab0404;}

/*..############ Main Nav ############################........*/

#main_nav {list-style-type:none;overflow:visible;float:right; width:760px;}
#main_nav ul {list-style-type: none;padding-top: 10px;}
#main_nav .level_1 > li {float: left;position:relative;list-style-type: none;}
#main_nav .level_1 a {color: #464855;text-decoration: none;font-family: 'Droid Sans','Helvetica',Arial,sans-serif;display:block;padding:2px 15px;cursor:pointer; text-transform:uppercase; letter-spacing: 0.1em;}
#main_nav .level_1 a:hover {color:#ab0404;}
#main_nav .level_1 span {display:block;padding: 2px 15px;cursor:pointer;}
#main_nav .level_1 strong {display:block;padding: 2px 15px;cursor:pointer; font-weight: normal;}
#main_nav .level_1:last-child {border-bottom: none}
#main_nav .level_1 li:first-child { text-transform:uppercase;}
#main_nav .level_1 li .active{ text-transform:uppercase;letter-spacing: 0.1em;font-size: 1em; border-bottom:none;}
/*..############ Main Nav 2. Ebene ############################........*/


#main_nav .level_2 {display:none;position:absolute;left:6px; z-index: 1000;background-color: #FFFFFF;min-width:215px; border: 2px solid #d9ceb4; border-top:none;}

#main_nav .level_2 a {padding: 5px 8px; border-bottom: 1px dashed #D8C4A3;font-size: 0.9em;}
#main_nav .level_2 span {padding: 5px 8px; border-bottom: 1px dashed #D8C4A3;font-size: 0.9em;}
#main_nav .level_2 strong {padding: 5px 8px; border-bottom: 1px dashed #D8C4A3;font-size: 0.9em; font-weight: normal;}
#main_nav .level_2:last-child {border-bottom: none}
#main_nav .level_1:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#main_nav li:hover ul{display:block;}
#main_nav .level_2 li.active { text-transform:uppercase;font-size: 0.9em;}
#navigation{ width:960px; height:40px; }

/*..############ Trenner ############################........*/

#trenner{ width:960px; height:10px; background-color:#d9ceb4; }

/*..############ Hauptspalte ############################........*/

#main { width:827px; margin-top:30px; padding-left:85px; }
/*..############ Hauptspalte ############################........*/

#footer { width: 960 px; height: 50px;bottom: 0; position: fixed;z-index: 5;}
#footer .content-image {margin-left:0}

/*..############ Kontaktformular Abstand Zellen ############################........*/
#kontakt td {padding: 5px 5px 5px 0;}
.submit {font-size: 0.8em;}

.content-text.media.media--right figure{
	display: block;
	margin: 14mm 5mm 5mm;
}

.content-text{
	margin: 15px 0;
}

/* ############ Mobile Responsive ############ */

.nav-toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	#wrapper {
		width: 100%;
		max-width: 960px;
		border: none;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}

	#container {
		flex: 1;
	}

	#header {
		width: 100%;
		height: auto;
		position: relative;
	}

	#header .content-image {
		padding: 20px;
		text-align: center;
	}

	#header .content-image img {
		max-width: 100%;
		height: auto;
	}

	#meta_nav {
		position: static;
		text-align: center;
		padding: 8px 0;
	}

	#navigation {
		width: 100%;
		height: auto;
	}

	.nav-toggle {
		display: block;
		background: none;
		border: none;
		cursor: pointer;
		padding: 10px 20px;
		width: 100%;
		text-align: left;
	}

	.nav-toggle span {
		display: block;
		width: 24px;
		height: 3px;
		background-color: #464855;
		margin: 4px 0;
		transition: transform 0.3s, opacity 0.3s;
	}

	.nav-open .nav-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.nav-open .nav-toggle span:nth-child(2) {
		opacity: 0;
	}

	.nav-open .nav-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	#main_nav {
		display: none;
		width: 100%;
		float: none;
		overflow: hidden;
	}

	.nav-open #main_nav {
		display: block;
	}

	#main_nav ul {
		padding-top: 0;
	}

	#main_nav .level_1 > li {
		float: none;
		display: block;
	}

	#main_nav .level_1 a,
	#main_nav .level_1 strong,
	#main_nav .level_1 span {
		padding: 12px 20px;
		border-bottom: 1px solid #d9ceb4;
	}

	#main_nav .level_2 {
		position: static;
		width: 100%;
		border: none;
		min-width: 0;
	}

	#main_nav .level_2 a,
	#main_nav .level_2 strong,
	#main_nav .level_2 span {
		padding: 10px 20px 10px 40px;
	}

	#trenner {
		width: 100%;
	}

	#main {
		width: auto;
		padding: 20px;
		margin-top: 15px;
	}

	#footer {
		position: static;
		width: 100%;
		height: auto;
	}

	#footer .content-image img {
		max-width: 100%;
		height: 100%;
		display: flex;
	}

	#kontakt td {
		display: block;
		width: 100%;
	}

	.content-text.media.media--right figure {
		margin: 5mm auto;
		float: none;
	}
}