/*cm_sysdb_begin*/
@import url("//fonts.googleapis.com/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Open+Sans+Condensed:300,300italic,700");
/*cm_sysdb_end*/

.cm-offline-content {
    color: #3B4040;
    background-color: #FFFFFF;
}

body {
	background-color:	#ffffff;
}
body, #page_wrapper, .content_main_dho {
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
h1, .cm-h1 {
	font-size:		x-large;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		large;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		medium;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Open Sans Condensed, sans-serif;
}
.title_wrapper h1 {
	font-family:	Open Sans Condensed, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
.title_wrapper h2 {
	font-family:	Open Sans Condensed, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}

#cm_navigation a {
	font-size:		medium;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}


.blur {
	background-color:	rgba(255,255,255,0.7);
}
.fixed .fixednav {
	background-color:	rgba(255,255,255,0.95);
}



/* ################################################## */
/* ################ INPUT ELEMENTS ################## */
/* ################################################## */
.content_wrapper input[type='text'], .content_wrapper input[type='date'], .content_wrapper input[type='datetime'], 
.content_wrapper input[type='email'], .content_wrapper input[type='number'], .content_wrapper input[type='password'],
.content_wrapper input[type='search'], .content_wrapper input[type='tel'], .content_wrapper input[type='time'],
.content_wrapper input[type='url'], .content_wrapper textarea, .content_wrapper select,
.content_wrapper button, .content_wrapper input[type='button'], .content_wrapper input[type='submit'] {
	border-radius:		0px;
	padding:			9px 14px;
	color:				#3B4040;
	background-color:	#FFFFFF;
	background-color:	rgba(59,64,64,0.08);
	border:				1px solid rgba(59,64,64,0.15);
	-webkit-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-moz-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-o-transition:		color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	transition:			color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
.content_wrapper button, .content_wrapper input[type='button'], .content_wrapper input[type='submit'] {
	cursor:			pointer;
}
.content_wrapper input[type='text']:focus, .content_wrapper input[type='date']:focus, .content_wrapper input[type='datetime']:focus, 
.content_wrapper input[type='email']:focus, .content_wrapper input[type='number']:focus, .content_wrapper input[type='password']:focus,
.content_wrapper input[type='search']:focus, .content_wrapper input[type='tel']:focus, .content_wrapper input[type='time']:focus,
.content_wrapper input[type='url']:focus, .content_wrapper textarea:focus, .content_wrapper select:focus, .content_wrapper select:focus option,
.content_wrapper button:hover, .content_wrapper input[type='button']:hover, .content_wrapper input[type='submit']:hover {	color:				#FFFFFF;
	color:				rgba(255,255,255,1);
	background-color:	rgba(0,0,0,0.7);
	background-color:	rgba(59,64,64,0.7);
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
	outline:			none;
}



.shopWidgetSeperatedDiv input[type='text'], .shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'] {
	padding:		8px 3px;
	min-width:		45px;
}	
.shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'] {
	background-size: 	cover !important;
	border:				none;
}/*---------------------------- Header ------------------------------------- */

.head_wrapper {
	color:		#333333;
}
.title_wrapper {
	color:		#333333;
	text-shadow:		0px 1px 1px #ffffff;
}
.title_wrapper > .subtitle {
	color:		#333333;
}







/*---------------------------- Navigation ------------------------------------- */


.navigation_wrapper > ul > li > a, a.toggle_navigation {
	color:		#333333;
}

.navigation_wrapper > ul > li:hover > a, 
.navigation_wrapper > ul > li.cm_current > a {
	color:				#ffffff;
	background-color:	rgba(51,51,51,0.7);
}
/*----------- Subnavigation ------------ */
.navigation_wrapper > ul > li > ul,
.navigation_wrapper > ul > li > ul > li > ul {
	background-color:	rgba(51,51,51,0.8);
	border:				2px solid rgba(117,127,128,0.5);
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
  	border-bottom: 	10px solid rgba(117,127,128,0.5); 
  	border-left: 	8px solid transparent; 
   	border-right: 	8px solid transparent; 
	background-color:	transparent !important;
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
  	border-top: 	8px solid transparent; 
  	border-bottom: 	8px solid transparent; 
   	border-right: 	10px solid rgba(117,127,128,0.5); 
	background-color:	transparent !important;
}
/*----------- SubSubnavigation ----------------- */
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul:before,
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li.cm_with_subnavigation > ul:before {
	background-color:	#333333;	
}
.navigation_wrapper > ul > li > ul > li > a,
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	color:			#ffffff;
}
.navigation_wrapper > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li.cm_current > a,
.navigation_wrapper > ul > li > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li > ul > li.cm_current > a {
	color:				#333333;
	background-color:	#ffffff;
}
/*------------ Navinase ------------------- */

.navigation_wrapper li.cm_has_subnavigation > a:after {
    border-color: 		#333333 transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
    border-color: 		#ffffff transparent -moz-use-text-color;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation > a:after {
    border-color:		#ffffff transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation:hover > a:after {
    border-color: 		#333333 transparent -moz-use-text-color;
}




/*---------------------------- Content Main ------------------------------------- */

.content_wrapper, .placeholder {
	color:				#3B4040;
	background-color:	#FFFFFF;	
	background-color:	rgba(255,255,255,0.95);	
}
.trennlinie {
	color:			#757F80;
	background-color: #757F80;
}
.trennlinie.nose:after {
	color:			#757F80;
    border-color: #757F80 transparent -moz-use-text-color;
}
.content_wrapper h1, .content_wrapper .cm-h1, .content_wrapper h2, .content_wrapper h3 {
	color:				#3B4040;
}
.content_wrapper a {
	color:				#3B4040;
}



/*---------------------------- Sidebar ------------------------------------- */

.sidebar_wrapper {
	color:				#3B4040;
	border-left:		5px solid rgba(117,127,128,0.5);
}
.sidebar_wrapper h1, .sidebar_wrapper .cm-h1, .sidebar_wrapper h2, .sidebar_wrapper h3 {
	color:				#3B4040;
}
.sidebar_wrapper a {
	color:				#3B4040;
}






/*---------------------------- Footer ------------------------------------- */

.scrollup:before {
	color:				#e0e0e0;
	border-color:		#e0e0e0;
}
.scrollup:hover:before {
	-webkit-transform:	scale(1.2);	
	transform:			scale(1.2);	
	-webkit-box-shadow:	0px 0px 8px #e0e0e0;
	box-shadow:			0px 0px 8px #e0e0e0;
}
	
.footer_wrapper {
	color:				#e0e0e0;
	border-color:		#e0e0e0;
}
#footer a, .scrollup {
	color:				#e0e0e0;
	text-decoration:	none;
}

.scroll_container.blur, #footer {
	background-color:	rgba(224,224,224,0.7);
}




@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/*----------- Subnavigation ------------ */
	.navigation_wrapper > ul > li > ul,
	.navigation_wrapper > ul > li > ul > li > ul {
		background-color:	rgba(255,255,255,0.4);
		border:				none;
		box-shadow:			0px 0px 5px 5px 255,255,255 inset;
	}
	.navigation_wrapper > ul > li > ul > li > a,
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		color:			#333333;
	}
	.navigation_wrapper > ul > li > ul > li:hover > a,
	.navigation_wrapper > ul > li > ul > li > ul > li:hover > a {
		color:				#ffffff;
		background-color:	#333333;
	}
}
	

	
	

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

.sidebar_wrapper {
	color:				#3B4040;
	border-left:		none;
	border-top:			5px solid rgba(117,127,128,0.5);
}
	.toggle_navigation {
		background-color:	rgba(255,255,255,0.9);
		border-right:		solid 5px rgba(117,127,128,0.5);
		border-bottom:		solid 5px rgba(117,127,128,0.5);
	}
	.open_navigation .toggle_navigation {
		background-color:	transparent;
		border-right:		none;
		border-bottom:		none;
	}

	#mobile_cm_navigation.fixednav {
		background-color:	rgba(255,255,255,0.9);
		border-right:		solid 5px rgba(117,127,128,0.5);
	}
	
	.navigation_wrapper > ul > li > a, a.toggle_navigation {
		color:		#333333;
	}	
	.navigation_wrapper > ul > li.cm_current > a {
		color:				#ffffff;
		background-color:	#333333;
	}
	.navigation_wrapper > ul > li:hover > a {
		color:		#333333;
		background-color:	transparent;
	}
	/*----------- Subnavigation ------------ */
	.navigation_wrapper > ul > li > ul,
	.navigation_wrapper > ul > li > ul > li > ul {
		background-color:	rgba(51,51,51,0.8);
		border:				2px solid rgba(117,127,128,0.5);
	}
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
		border-bottom: 	10px solid rgba(117,127,128,0.5); 
		border-left: 	8px solid transparent; 
		border-right: 	8px solid transparent; 
		background-color:	transparent !important;
	}
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
		border-bottom: 	8px solid transparent; 
		border-top: 	8px solid transparent; 
		border-right: 	10px solid rgba(117,127,128,0.5); 
		background-color:	transparent !important;
	}
	/*----------- SubSubnavigation ----------------- */
	.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul:before,
	.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li.cm_with_subnavigation > ul:before {
		background-color:	#333333;	
	}
	.navigation_wrapper > ul > li > ul > li > a,
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		color:			#ffffff;
	}
	.navigation_wrapper > ul > li > ul > li > ul > li:hover > a {
		color:				#333333;
		background-color:	#ffffff;
	}
	.navigation_wrapper > ul > li > ul > li:hover > a {
		color:			#ffffff;
		background-color:	transparent;
	}
		
	/*------------ Navinase ------------------- */
	
	.navigation_wrapper li.cm_has_subnavigation > a:after {
		border-color: 		#333333 transparent -moz-use-text-color;
		-webkit-transition:	border-color 0.4s;
		transition:			border-color 0.4s;
	}
	.navigation_wrapper li.cm_has_subnavigation.cm_current > a:after,
	.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
		border-color: 		#ffffff transparent -moz-use-text-color;
	}
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation > a:after {
		border-color:		#ffffff transparent -moz-use-text-color;
		-webkit-transition:	border-color 0.4s;
		transition:			border-color 0.4s;
	}
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation.cm_current > a:after,
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation:hover > a:after {
		border-color: 		#333333 transparent -moz-use-text-color;
	}
	

}