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


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


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

.head_wrapper {
	width:			95%;
}
		#logo {
			width:			350px;
			height:			115px;
			display:		block;
			margin:			10px auto;
		}
		.title_wrapper {
			display:		block;
			width:			auto;
			background:		none;
			padding-left:	0px;
			text-align:		center;
			margin:			0px auto 10px auto;
		}
		.search_wrapper {
			display:		none;
		}

.kv_wrapper {
	min-width:	100px;
}		
.homb_shadow {
	width:		95%;
}

.content_wrapper {
	width:		95%;
}
		.content_main_dho {
			-webkit-width:	calc(100% - 250px);
			-moz-width:		calc(100% - 250px);
			width:			calc(100% - 250px);
		}

.footer_sidebar {
	width:		calc(100% - 80px);
}
		.sidebar_bottom {
			padding:	0 20px 0 0;
			width:		calc(25% - 20px);
		}	

#footer {
	width:			95%;
}

#cm_navigation > ul > li > ul,
#cm_navigation > ul > li > ul > li > ul {
	display:	none;
}

#cm_navigation > ul > li:hover > ul,
#cm_navigation > ul > li > ul > li:hover > ul {
	display:	block;
}




}


@media only screen and (min-width: 768px) and (max-width: 1023px) {    /* ---- Tablet Portrait ---- */
.content_main_dho {
			-webkit-width:	calc(100% - 250px);
			-moz-width:		calc(100% - 250px);
			width:			calc(100% - 250px);
}
.sidebar_bottom {
	padding:	0px 20px 20px 0px;
	width:		calc(49% - 20px);
}	
.navigation_wrapper {
	min-width:	inherit;
}
#cm_navigation {
	min-width:	inherit;
}
#cm_navigation > ul > li > ul,
#cm_navigation > ul > li > ul > li > ul {
	display:	none;
}

#cm_navigation > ul > li:hover > ul,
#cm_navigation > ul > li > ul > li:hover > ul {
	display:	block;
}

}

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

		.head_wrapper {
			width:	95%;
		}
				#logo {
					width:			350px;
					height:			115px;
					display:		block;
					margin:			10px auto;
				}
				.title_wrapper {
					display:		block;
					width:			auto;
					background:		none;
					padding-left:	0px;
					text-align:		center;
					margin:			0px auto 10px auto;
				}
				.search_wrapper {
					display:		none;
				}
		
		.kv_wrapper {
			min-width:	100px;
			height:		auto;
			overflow:	inherit;
			position:	relative;
		}	
			#keyvisual {
				display:	none;
			}	
		.homb_shadow {
			width:		95%;
		}
		.shadow_left, .shadow_right {
			width:		49%;
		}
		.shadow_left {
			background-position:	right top;
		}
		.shadow_right {
			background-position:	left top;
		}
		
		.content_wrapper {
			width:		calc(100% - 40px);
		}
				.content_main_dho {
					width:			100%;
				}
				.sidebar_wrapper {
					display:		inline-block;
					width:			calc(100% - 20px);
					margin-left:	0px;
					padding-top:	20px;
				}
				.sidebar {
					display:	inline-block;
				}
		
		.footer_sidebar {
			width:		calc(100% - 80px);
		}
				.sidebar_bottom {
					padding:	0 0 25px 0;
					width:		100%;
				}	
		
		#footer {
			width:			95%;
		}
		/* ----- 3.1 Navigation ----- */			
		#cm_navigation {
			min-width:	100%;
			position:	relative;
			width:		100%;
			height:		auto;
		}
		#cm_navigation ul {
			text-align:			center;
		}
		#cm_navigation > ul > li {
			margin-right:		0px; 
		}
		#cm_navigation > ul > li > a {
			text-align:			center;
			padding:			3px 0px 3px 0px; 
			border-right:		none;
			font-size:	large !important;
		}
		
		/* ----- Ende Navigation ----- */
		
		/* ----- 3.2 SubNavigation -----  */
		#cm_navigation > ul > li > ul {
			right:				auto;
			left:				auto;
			top:				auto;
			position:			relative;
			text-align:			center;
			padding:			0px;
			width:				100%;
			border:				none;
			
			display:		none;
			opacity:		0.9;
			visibility:		visible;
			
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:	border-box;
		} 
		#cm_navigation > ul > li > ul > li {
			margin-right:		0px; 
		}
		#cm_navigation > ul > li > ul > li:first-child {
			padding-top:	0px;
		}
		#cm_navigation > ul > li.cm_has_subnavigation > ul > li > a {
			text-align:			center;
			padding:			3px 0px 3px 0px; 
			border-right:		none;
			font-size:			medium !important;
		}
		
		#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
			right:		auto;	
			display:	block;
		}
		
		/* ----- 3.2 Sub Sub Navigation -----  */
		#cm_navigation > ul > li > ul > li > ul {
			right:				auto;
			left:				auto;
			top:				auto;
			position:			relative;
			text-align:			center;
			padding:			0px;
			border:				none;
			width:				100%;
			opacity:			0.9;
			visibility:			visible;
			
			display:			none;
			-webkit-box-sizing:	border-box;
			-moz-box-sizing:	border-box;
			box-sizing:			border-box;
		} 
		#cm_navigation > ul > li > ul > li > ul > li {
			margin-right:		0px; 
		}
		#cm_navigation > ul > li > ul > li > ul > li:first-child {
			padding-top:	0px;
		}
		#cm_navigation > ul > li > ul > li > ul > li > a {
			text-align:			center;
			padding:			3px 0px 3px 0px; 
			border-right:		none;
			font-size:			small !important;
		}
		
		#cm_navigation > ul > li > ul > li.cm_has_subnavigation:hover > ul {
			display:	block;
			right:		auto;
		}
		
	

}




@media only screen and (max-width: 479px) {  /* ---- HAndy Portrait ---- */
  
  .head_wrapper {
			width:	95%;
		}
				#logo {
					background-size: auto 100%;
					width:			235px;
					height:			65px;
					display:		block;
					margin:			auto;
				}
  
}