
/*cm_sysdb_begin*/
@import url("//fonts.cm4all.net/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic");
/*cm_sysdb_end*/

.cm-offline-content {
    color: #000000;
    background-color: #ffffff;
}


/* ################################################## */
/* ################ BASE ELEMENTS ################### */
/* ################################################## */

body, .page_wrapper, .content {
	font-family:	Roboto, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
body {
	background-color: #f3f2f0;
}
h1, .cm-h1 {													 /* .cm-h1 is required for old Widgets */
	font-size:		large;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h2, .title_wrapper .subtitle {
	font-size:		large;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Roboto, sans-serif;
}
.title_wrapper .title {
	font-family:	Roboto, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
#cm_navigation a,
.mobile_navigation a {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}


/* ################################################## */
/* ################ INPUT ELEMENTS ################## */
/* ################################################## */
.page_wrapper .cm_widget input[type='text'], .page_wrapper .cm_widget input[type='date'], .page_wrapper .cm_widget input[type='datetime'], 
.page_wrapper .cm_widget input[type='email'], .page_wrapper .cm_widget input[type='number'], .page_wrapper .cm_widget input[type='password'],
.page_wrapper .cm_widget input[type='search'], .page_wrapper .cm_widget input[type='tel'], .page_wrapper .cm_widget input[type='time'],
.page_wrapper .cm_widget input[type='url'], .page_wrapper .cm_widget textarea, .page_wrapper .cm_widget select,
.page_wrapper .cm_widget button, .page_wrapper .cm_widget input[type='button'], .page_wrapper .cm_widget input[type='submit'], .page_wrapper .cm_widget input[type='reset'] {
	border-radius:		0px;
	padding:			9px 14px;
	color:				#000000;
	background-color:	#ffffff;
	background-color:	rgba(0,0,0,0.08);
	border:				1px solid rgba(0,0,0,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:	Roboto, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
.page_wrapper .cm_widget button, .page_wrapper .cm_widget input[type='button'], .page_wrapper .cm_widget input[type='submit'], .page_wrapper .cm_widget input[type='reset'] {
	cursor:			pointer;
}
.page_wrapper .cm_widget input[type='text']:focus, .page_wrapper .cm_widget input[type='date']:focus, .page_wrapper .cm_widget input[type='datetime']:focus, 
.page_wrapper .cm_widget input[type='email']:focus, .page_wrapper .cm_widget input[type='number']:focus, .page_wrapper .cm_widget input[type='password']:focus,
.page_wrapper .cm_widget input[type='search']:focus, .page_wrapper .cm_widget input[type='tel']:focus, .page_wrapper .cm_widget input[type='time']:focus,
.page_wrapper .cm_widget input[type='url']:focus, .page_wrapper .cm_widget textarea:focus, .page_wrapper .cm_widget select:focus, .page_wrapper .cm_widget select:focus option,
.page_wrapper .cm_widget button:hover, .page_wrapper .cm_widget input[type='button']:hover, .page_wrapper .cm_widget input[type='submit']:hover, .page_wrapper .cm_widget input[type='reset']:hover {
	color:				#FFFFFF;
	color:				rgba(255,255,255,1);
	background-color:	rgba(0,0,0,0.7);
	background-color:	rgba(0,0,0,0.7);
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
	outline:			none;
}

/**** SIDEBAR ****/
.sidebar_wrapper .cm_widget input[type='text'], .sidebar_wrapper .cm_widget input[type='date'], .sidebar_wrapper .cm_widget input[type='datetime'], 
.sidebar_wrapper .cm_widget input[type='email'], .sidebar_wrapper .cm_widget input[type='number'], .sidebar_wrapper .cm_widget input[type='password'],
.sidebar_wrapper .cm_widget input[type='search'], .sidebar_wrapper .cm_widget input[type='tel'], .sidebar_wrapper .cm_widget input[type='time'],
.sidebar_wrapper .cm_widget input[type='url'], .sidebar_wrapper .cm_widget textarea, .sidebar_wrapper .cm_widget select,
.sidebar_wrapper .cm_widget button, .sidebar_wrapper .cm_widget input[type='button'], .sidebar_wrapper .cm_widget input[type='submit'], .sidebar_wrapper .cm_widget input[type='reset'] {
	color:				#ffffff;
	background-color:	#424041;
	background-color:	rgba(255,255,255,0.08);
	border:				1px solid rgba(255,255,255,0.15);
}
.sidebar_wrapper .cm_widget input[type='text']:focus, .sidebar_wrapper .cm_widget input[type='date']:focus, .sidebar_wrapper .cm_widget input[type='datetime']:focus, 
.sidebar_wrapper .cm_widget input[type='email']:focus, .sidebar_wrapper .cm_widget input[type='number']:focus, .sidebar_wrapper .cm_widget input[type='password']:focus,
.sidebar_wrapper .cm_widget input[type='search']:focus, .sidebar_wrapper .cm_widget input[type='tel']:focus, .sidebar_wrapper .cm_widget input[type='time']:focus,
.sidebar_wrapper .cm_widget input[type='url']:focus, .sidebar_wrapper .cm_widget textarea:focus, .sidebar_wrapper .cm_widget select:focus, .sidebar_wrapper .cm_widget select:focus option,
.sidebar_wrapper .cm_widget button:hover, .sidebar_wrapper .cm_widget input[type='button']:hover, .sidebar_wrapper .cm_widget input[type='submit']:hover, .sidebar_wrapper .cm_widget input[type='reset']:hover {
	color:				rgba(66,64,65,1);
	background-color:	rgba(255,255,255,0.7);
}

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




/* ################################################## */
/* ############## TEMPLATE ELEMENTS ################# */
/* ################################################## */

.head_wrapper {
	background-color:	#fefefe;
}
	.head_wrapper .title {
		color:			#424041;
	}
	.head_wrapper .subtitle {
		color:			#424041;
	}


.navigation_wrapper {
	background-color:	#424041;
}
	.mobile_navigation, .mobile_navigation a,
	.navigation_wrapper a,
	.navigation_wrapper li.cm_has_subnavigation > a:after {
		color:				#ffffff;
		background-color:	#424041;
		text-decoration:	none;
	}
	.mobile_navigation:hover, .mobile_navigation:hover a,
	.navigation_wrapper li:hover > a,
	.navigation_wrapper li.cm_current > a,
	.navigation_wrapper li.cm_current > a:after,
	.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
		color:				#424041;
		background-color:	#ffffff;
		text-decoration:	none;
	}
			.navigation_wrapper li.cm_has_subnavigation ul > li > a,
			.navigation_wrapper li.cm_has_subnavigation ul > li > a:after {
				color:				#FFFFFF;
				background-color:	#424041;
			}
			.navigation_wrapper li.cm_has_subnavigation ul > li:hover > a,
			.navigation_wrapper li.cm_has_subnavigation ul > li:hover > a:after,
			.navigation_wrapper li.cm_has_subnavigation ul > li.cm_current > a,
			.navigation_wrapper li.cm_has_subnavigation ul > li.cm_current > a:after {
				color:				#424041;
				background-color:	#FFFFFF;
			}
	

#keyvisual {
	background-color:	#fefefe;
}
.content_wrapper {
	background-color:	#ffffff;
	color:				#000000;
}
.content_wrapper a {
	color:				#000000;
	text-decoration:	underline;
}
.content_wrapper h1, .content_wrapper .cm-h1, .content_wrapper h2, .content_wrapper h3 {
	color:				#424041;
}

	.sidebar_wrapper {
		background-color:	#424041;
		color:				#ffffff;
	}
	.sidebar_wrapper a {
		color:				#ffffff;
		text-decoration:	underline;
	}
	.sidebar_wrapper h1, .sidebar_wrapper .cm-h1, .sidebar_wrapper h2, .sidebar_wrapper h3 {
		color:				#ffffff;
	}
	

.footer_wrapper {
	background-color:	#424041;
	color:				#ffffff;
}
.footer_wrapper a {
	color:				#ffffff;
}
		
			
		





/*cm4all-vars-extension-force-color-begin*/
.cm4all-header-title-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-header-title-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-header-title-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-header-subtitle-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-header-subtitle-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-header-subtitle-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-header-background-color.cm4all-force-color {
    color: #fefefe !important;
}
.cm4all-header-background-color.cm4all-force-background-color {
    background-color: #fefefe !important;
}
.cm4all-header-background-color.cm4all-force-border-color {
    border-color: #fefefe !important;
} 
.cm4all-header-alt-background-color.cm4all-force-color {
    color: #954148 !important;
}
.cm4all-header-alt-background-color.cm4all-force-background-color {
    background-color: #954148 !important;
}
.cm4all-header-alt-background-color.cm4all-force-border-color {
    border-color: #954148 !important;
} 
.cm4all-header-border-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-header-border-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-header-border-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-header-alt-border-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-header-alt-border-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-header-alt-border-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-content-color.cm4all-force-color {
    color: #000000 !important;
}
.cm4all-content-color.cm4all-force-background-color {
    background-color: #000000 !important;
}
.cm4all-content-color.cm4all-force-border-color {
    border-color: #000000 !important;
} 
.cm4all-content-headline-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-content-headline-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-content-headline-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-content-background-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-content-background-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-content-background-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-content-alt-background-color.cm4all-force-color {
    color: #EECDD0 !important;
}
.cm4all-content-alt-background-color.cm4all-force-background-color {
    background-color: #EECDD0 !important;
}
.cm4all-content-alt-background-color.cm4all-force-border-color {
    border-color: #EECDD0 !important;
} 
.cm4all-content-border-color.cm4all-force-color {
    color: #363636 !important;
}
.cm4all-content-border-color.cm4all-force-background-color {
    background-color: #363636 !important;
}
.cm4all-content-border-color.cm4all-force-border-color {
    border-color: #363636 !important;
} 
.cm4all-content-alt-border-color.cm4all-force-color {
    color: #2B2B2B !important;
}
.cm4all-content-alt-border-color.cm4all-force-background-color {
    background-color: #2B2B2B !important;
}
.cm4all-content-alt-border-color.cm4all-force-border-color {
    border-color: #2B2B2B !important;
} 
.cm4all-content-link-color.cm4all-force-color {
    color: #000000 !important;
}
.cm4all-content-link-color.cm4all-force-background-color {
    background-color: #000000 !important;
}
.cm4all-content-link-color.cm4all-force-border-color {
    border-color: #000000 !important;
} 
.cm4all-content-link-hover-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-content-link-hover-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-content-link-hover-color.cm4all-force-border-color {
    border-color: #000000  !important;
} 
.cm4all-sidebar-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-sidebar-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-sidebar-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-sidebar-headline-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-sidebar-headline-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-sidebar-headline-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-sidebar-background-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-sidebar-background-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-sidebar-background-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-sidebar-alt-background-color.cm4all-force-color {
    color: #EECED1 !important;
}
.cm4all-sidebar-alt-background-color.cm4all-force-background-color {
    background-color: #EECED1 !important;
}
.cm4all-sidebar-alt-background-color.cm4all-force-border-color {
    border-color: #EECED1 !important;
} 
.cm4all-sidebar-border-color.cm4all-force-color {
    color: #242424 !important;
}
.cm4all-sidebar-border-color.cm4all-force-background-color {
    background-color: #242424 !important;
}
.cm4all-sidebar-border-color.cm4all-force-border-color {
    border-color: #242424 !important;
} 
.cm4all-sidebar-alt-border-color.cm4all-force-color {
    color: #272626 !important;
}
.cm4all-sidebar-alt-border-color.cm4all-force-background-color {
    background-color: #272626 !important;
}
.cm4all-sidebar-alt-border-color.cm4all-force-border-color {
    border-color: #272626 !important;
} 
.cm4all-sidebar-link-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-sidebar-link-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-sidebar-link-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-sidebar-link-hover-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-sidebar-link-hover-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-sidebar-link-hover-color.cm4all-force-border-color {
    border-color: #ffffff  !important;
} 
.cm4all-navigation-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-navigation-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-navigation-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-navigation-alt-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-navigation-alt-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-navigation-alt-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-navigation-background-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-navigation-background-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-navigation-background-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-navigation-alt-background-color.cm4all-force-color {
    color: #9C4F55 !important;
}
.cm4all-navigation-alt-background-color.cm4all-force-background-color {
    background-color: #9C4F55 !important;
}
.cm4all-navigation-alt-background-color.cm4all-force-border-color {
    border-color: #9C4F55 !important;
} 
.cm4all-navigation-border-color.cm4all-force-color {
    color: #292929 !important;
}
.cm4all-navigation-border-color.cm4all-force-background-color {
    background-color: #292929 !important;
}
.cm4all-navigation-border-color.cm4all-force-border-color {
    border-color: #292929 !important;
} 
.cm4all-navigation-alt-border-color.cm4all-force-color {
    color: #292929 !important;
}
.cm4all-navigation-alt-border-color.cm4all-force-background-color {
    background-color: #292929 !important;
}
.cm4all-navigation-alt-border-color.cm4all-force-border-color {
    border-color: #292929 !important;
} 
.cm4all-subnavigation-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-subnavigation-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-subnavigation-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-subnavigation-alt-color.cm4all-force-color {
    color: #FCFDFD !important;
}
.cm4all-subnavigation-alt-color.cm4all-force-background-color {
    background-color: #FCFDFD !important;
}
.cm4all-subnavigation-alt-color.cm4all-force-border-color {
    border-color: #FCFDFD !important;
} 
.cm4all-subnavigation-background-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-subnavigation-background-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-subnavigation-background-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-subnavigation-alt-background-color.cm4all-force-color {
    color: #BF787E !important;
}
.cm4all-subnavigation-alt-background-color.cm4all-force-background-color {
    background-color: #BF787E !important;
}
.cm4all-subnavigation-alt-background-color.cm4all-force-border-color {
    border-color: #BF787E !important;
} 
.cm4all-subnavigation-border-color.cm4all-force-color {
    color: #2E2E2E !important;
}
.cm4all-subnavigation-border-color.cm4all-force-background-color {
    background-color: #2E2E2E !important;
}
.cm4all-subnavigation-border-color.cm4all-force-border-color {
    border-color: #2E2E2E !important;
} 
.cm4all-subnavigation-alt-border-color.cm4all-force-color {
    color: #363635 !important;
}
.cm4all-subnavigation-alt-border-color.cm4all-force-background-color {
    background-color: #363635 !important;
}
.cm4all-subnavigation-alt-border-color.cm4all-force-border-color {
    border-color: #363635 !important;
} 
.cm4all-footer-color.cm4all-force-color {
    color: #ffffff !important;
}
.cm4all-footer-color.cm4all-force-background-color {
    background-color: #ffffff !important;
}
.cm4all-footer-color.cm4all-force-border-color {
    border-color: #ffffff !important;
} 
.cm4all-footer-alt-color.cm4all-force-color {
    color: #BD9396 !important;
}
.cm4all-footer-alt-color.cm4all-force-background-color {
    background-color: #BD9396 !important;
}
.cm4all-footer-alt-color.cm4all-force-border-color {
    border-color: #BD9396 !important;
} 
.cm4all-footer-background-color.cm4all-force-color {
    color: #424041 !important;
}
.cm4all-footer-background-color.cm4all-force-background-color {
    background-color: #424041 !important;
}
.cm4all-footer-background-color.cm4all-force-border-color {
    border-color: #424041 !important;
} 
.cm4all-footer-alt-background-color.cm4all-force-color {
    color: #B86168 !important;
}
.cm4all-footer-alt-background-color.cm4all-force-background-color {
    background-color: #B86168 !important;
}
.cm4all-footer-alt-background-color.cm4all-force-border-color {
    border-color: #B86168 !important;
} 
.cm4all-footer-border-color.cm4all-force-color {
    color: #242424 !important;
}
.cm4all-footer-border-color.cm4all-force-background-color {
    background-color: #242424 !important;
}
.cm4all-footer-border-color.cm4all-force-border-color {
    border-color: #242424 !important;
} 
.cm4all-footer-alt-border-color.cm4all-force-color {
    color: #2B2B2B !important;
}
.cm4all-footer-alt-border-color.cm4all-force-background-color {
    background-color: #2B2B2B !important;
}
.cm4all-footer-alt-border-color.cm4all-force-border-color {
    border-color: #2B2B2B !important;
} 
.cm4all-body-background-color.cm4all-force-color {
    color: #f3f2f0 !important;
}
.cm4all-body-background-color.cm4all-force-background-color {
    background-color: #f3f2f0 !important;
}
.cm4all-body-background-color.cm4all-force-border-color {
    border-color: #f3f2f0 !important;
}
/*cm4all-vars-extension-force-color-end*/