@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 1251px) { 

.navigation_wrapper > ul > li:last-child > ul > li > ul {
	margin:				-35px 0px 0px -200px;	
} 

  }


@media only screen and (min-width: 1024px) and (max-width: 1250px) {   /* ---- Tablet Landscape ---- */

		#logo {
			width:		1020px;
			background-position: center center !important;
			background-size: contain !important;
		}
		.main_wrapper {
			width:		1020px;
		}				
				.content_main_dho {
					width:			770px;				
				}
.fixed .fixednav {
	display:	block;
}
.navigation_wrapper > ul {
	max-width:		1020px;
}
.navigation_wrapper > ul > li > ul,
.navigation_wrapper > ul > li > ul > li > a,
.navigation_wrapper > ul > li > ul > li > ul ,
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:	none;
}
.navigation_wrapper > ul > li:hover > ul,
.navigation_wrapper > ul > li:hover > ul > li > a,
.navigation_wrapper > ul > li > ul > li:hover > ul,
.navigation_wrapper > ul > li > ul > li:hover > ul > li > a  {
	display:	block;
}

.navigation_wrapper > ul > li > ul > li > ul {
	margin:				-40px 0px 0px 195px;	
}
.navigation_wrapper > ul > li:last-child > ul > li > ul {
	margin:				-40px 0px 0px -195px;	
}

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {    /* ---- Tablet Portrait ---- */


					
		.logo_wrapper {
			padding:	0px 0px 15px 0px;
		}
		#logo {
			width:		100%;
			background-position: center center !important;
			background-size: contain !important;
		}
		.title_wrapper {
			padding:		20px 0px 25px 0px;
		}
		
		.navigation_wrapper > ul {
			visibility:	hidden;
			opacity:	0;
			display:	none;
		}
		.navigation_wrapper.open_navigation > ul {
			visibility:	visible;
			opacity:	1;
			display:	block;
		}
		.toggle_navigation {
			visibility:	visible;
			opacity:	1;
			display:	block;
			font-size:	1.7em !important;
		}
		

		.fixed .shadow {
			background-attachment:	fixed;
			background-position:	center 0px;
		}
		.main_wrapper {
			width:		90%;
		}				
				.content_main_dho {
					width:		-webkit-calc(100% - 250px);	
					width:		calc(100% - 250px);				
				}
.fixed .fixednav {
	display:	none;
}
.fixed .trennlinie.nose:after {
    margin: 	0px auto 0px 49%;
}


.navigation_wrapper > ul {
	max-width:		100%;
}
.navigation_wrapper > ul > li {
	display:		block;
}
.navigation_wrapper > ul > li > a {
	line-height:	4em;
}	
.navigation_wrapper > ul > li > ul {
	position:	relative;
} 
.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	display:	none;
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li > a {
	display:	none;
	width:		100%;
}
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li > a {
	display:	block;
}
.navigation_wrapper > ul > li > ul > li > ul {
	position:	relative;
	margin:		0px 0px 0px 0px;	
	width:		auto;
} 
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
	display:	none;
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:	none;
	width:		100%;
}
.navigation_wrapper > ul > li > ul > li:hover > ul > li > a {
	display:	block;
}


}



@media only screen and (min-width: 1px) and (max-width: 767px) {    /* ---- Handy Landscape ---- */

.fixednav .trennlinie {
	display:	none;
}
		.trennlinie.medium {
			display:	none;
		}
		.logo_wrapper {
			padding:	0px 0px 0px 0px;
		}
		#logo {
			width:		100%;
			height:		150px;
			background-position: center center !important;
			background-size: contain !important;
		}
		.title_wrapper {
			padding:		10px 0px 15px 0px;
		}
		
		#cm_navigation {
			display:	none;
		}
		.toggle_navigation {
			visibility:	visible;
			opacity:	1;
			display:	block;
			font-size:	1.7em !important;
			text-align:	right;
			padding:	0.4em;
		}
		.toggle_navigation > span {
			display:	none;
		}
		

		.fixed .shadow {
			background-attachment:	fixed;
			background-position:	center 0px;
		}
		.main_wrapper {
			width:		92%;
		}				
				.content_main_dho {
					width:		100%;				
					display:	block;
				}
				.sidebar_wrapper {
					display:	block;
					margin:		30px auto 0px auto;
					width:		-webkit-calc(100% - 20px);
					width:		calc(100% - 20px);
				}
		
/* ----- 3.1 Navigation ----- */

#navigation.fixednav {
	display:	block;
	left:		-99.9%;
	width:		100%;
	height:		100%;
	background-image:	none !important;
	
	-webkit-transition:	left 0.3s;
	transition:	left 0.3s;
}
#navigation.fixednav.open_navigation {
	left:		0px;
}

.toggle_navigation {
	-webkit-transform: 	translateX(50px);
	transform: 			translateX(50px);
}
.open_navigation .toggle_navigation {
	-webkit-transform: 	translateX(0px);
	transform: 			translateX(0px);
}
.fixed .trennlinie.nose:after {
    display:	none;
}

.navigation_wrapper > ul {
	display:	block;
	overflow:	auto;
	height:		-webkit-calc(85% - 19px);
	height:		calc(85% - 19px);
}


.navigation_wrapper > ul > li {
	display:		block;
}
.navigation_wrapper > ul > li > a {
	line-height:	2em;
}	


.navigation_wrapper > ul > li > ul {
	position:	relative;
	-webkit-transform:	none;
	transform:			none;
} 
.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	display:	none;
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li > a {
	display:	none;
	width:		100%;
}
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li > a {
	display:	block;
}
.navigation_wrapper > ul > li > ul > li > ul {
	position:	relative;
	width:		auto;
	margin:		0px 0px 0px 0px;	
	-webkit-transform:	none;
	transform:			none;
} 
.navigation_wrapper > ul > li:last-child > ul > li > ul {
	margin:		0px;	
} 
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
	display:	none;
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:	none;
	width:		100%;
}
.navigation_wrapper > ul > li > ul > li:hover > ul > li > a {
	display:	block;
}




}



@media only screen and (max-width: 479px) {  /* ---- HAndy Portrait ---- */


}