/**
 * Styles e-matters 2014
 *
 * Mobile First (748px) + Responsives Styles to set styles for higher breakpoints
 *
 * Default Bootstrap-Breakpoints
 * xs: 480px
 * sm: 768px
 * md: 992px
 * lg: 1200px
 *
 * @author		e-matters GmbH
 * @since		04 / 2014
 * @copyright	Copyright (c) e-matters GmbH, www.e-matters.de
 */

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-200-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	text-rendering: optimizeLegibility
}

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-300-Light.woff2') format('woff2'), url('files/fonts/EncodeSansNormal-300-Light.woff') format('woff');
	font-weight: 300; font-style: normal; text-rendering: optimizeLegibility
}

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-400-Regular.woff2') format('woff2'), url('files/fonts/EncodeSansNormal-400-Regular.woff') format('woff');
	font-weight: 400; font-style: normal; text-rendering: optimizeLegibility
}

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-500-Medium.woff2') format('woff2'), url('files/fonts/EncodeSansNormal-500-Medium.woff') format('woff');
	font-weight: 500; font-style: normal; text-rendering: optimizeLegibility
}

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-600-SemiBold.woff2') format('woff2'), url('files/fonts/EncodeSansNormal-600-SemiBold.woff') format('woff');
	font-weight: 600; font-style: normal; text-rendering: optimizeLegibility
}

@font-face {
	font-family:'EncodeSans';
	src: url('files/fonts/EncodeSansNormal-700-Bold.woff2') format('woff2'), url('files/fonts/EncodeSansNormal-700-Bold.woff') format('woff');
	font-weight: 700; font-style: normal; text-rendering: optimizeLegibility
}


/* === GENERALS === */
 	
	/* 	comment by ST, 03.04.2014:
	   	font-size: 100% = 100% of 16px (standard browser-font-size) = 16px , overrides the default bootstrap value of 62.5%
		using "rem" for font-size it's relative to font-size set on html-element, so we want it the same as the body font-size 
		customized via bootstrap customizer (12px).
	 */
	html { font-size: 100%; height: 100%; overflow-y: initial; }
			
	body { font-size: 16px; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0; }
	body, select, input, textarea { 
		color: #888;
		/* font-family: 'Metrophobic', sans-serif; */	
		font-family: 'EncodeSans', sans-serif; font-weight: 200; line-height: 1.4;		
	}
	
	/* prevent external images from using space, e.g. clearing gifs */
	body > img { line-height: 0; font-size: 0; height: 0; float: left; }
		
	h1,h2,h3,h4,h5,h6 { color: #666; font-weight: 500; line-height: 1.4; margin-top: 0; padding: 0 0 12px;}
		
	h1 {
		font-size: 3.75rem;
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.7rem;
	}
	
	h3, h4, h5, h6 {
		font-size: 1.5rem;
	}		
		
	a { color: #888; }
	a:visited { color: #888; }
	a:hover { outline: none; color: #666; text-decoration: none; }
	a:active { outline: none; color: #666; text-decoration: none; }
		
	textarea { overflow: auto; }
	
	input[type="radio"] { margin: 0; vertical-align: middle }
	input[type="checkbox"] { margin: 0; vertical-align: middle }
	
	label {  vertical-align: middle; }
	
/* 	ul { padding: 0; } */
	
	select,
	input[type="text"],
	input[type="password"],
	textarea {
		font-family: 'EncodeSans';
/* 		background-color: #FFF;
	    border-color: #8E8E8E #C2C2C2 #E2E2E2;
	    border-style: solid;
	    border-width: 1px;
	    border-radius: 0;
	    padding: 4px 0 5px 4px;	 */	
	    
		background-color: #FFF;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));
		border: 1px solid #ccc;
		box-shadow: none;
		float: left;
		font-size: 0.91rem;
		padding: 0 0 0 10px;
		position: relative;
		height: 34px;
		line-height: 19px;
		outline: none;	    
	    
	        
	}
	
	select { padding-left: 0;}
		
	button {  width: auto; overflow: visible; position:relative;}
	
	p { font-size: 0.875rem; padding: 0 0 0.75rem; }		
	p:empty { font-size: 0; padding: 0; }
		
	/* make images "responsive" */
	img { display: inline-block; max-width: 100%; height: auto;	}
	
	.back-to-top {
		display: none;
		position: fixed;
		width: 40px;
		height: 40px;
		border-radius: 10px;
		background-clip: padding-box;
		background-color: #e82924;
		right: 20px;
		bottom: 20px;
		z-index: 10;
		text-decoration: none;
		
		outline: none;
		
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);		
		transform: rotate(45deg);
	}
	
	.back-to-top i {
		color: #fff;
		top: 3px;
		left: 3px;
		bottom: auto;
		right: auto;
		margin: auto;
		position: absolute;
		
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);		
		transform: rotate(-45deg);
	}
	
	
	.shadow {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		
		width: 100%;
		height: 4px;
/* 		background: #eee;
		box-shadow: 0 0 2px 1px rgba( 180, 180, 180, 0.1) */
		
		background: url("files/cfg/shadow-hz-1140x4.png") no-repeat center center;
/* 		background-size: cover;	 */			
	}
	
/* 	.shadow:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		
		width: 99.7%;
		height: 0;
		box-shadow: 0 2px 2px 1px rgba( 190, 190, 190, 0.2);
	}
	
	.shadow:after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		right: 0;
		margin: 0 auto;
		
		width: 99.4%;
		height: 0;
		box-shadow: 0 2px 2px 1px rgba( 190, 190, 190, 0.1);
	} */
	
	.shadow.shadow-bottom {
		bottom: -3px;
		top: auto;
	}
	
	hr.shadow {
		position: relative;
	}
	
/* 	.shadow.shadow-bottom:before {
		width: 99.4px;
	}
	.shadow.shadow-bottom:after {
		width: 99.7px;
	} */
	
	.col-centered {
		text-align: center;
	}
	
	.uh1 { height: 100px; }	
	.uh2 { height: 200px; }
	
	/* == Widget == */
	
	.html-widget-body { overflow-y: auto; }
	
	.html-widget-body a { color: #E82924; }
	.html-widget-body a:visited { color: #E82924; }
	.html-widget-body a:hover { color: #d62522; }
	.html-widget-body a:active { color: #d62522; }
	
	.html-widget-body .em-box1 .box-title { margin-bottom: 5px; padding-bottom: 5px; }
	.html-widget-body .em-box1 .box-title h3 { font-size: 0.875rem; padding-bottom: 5px; }
	.html-widget-body .em-box1 .box-content { font-size: 0.625rem; }
	.html-widget-body .ecdb-record-list .ecdb-record-item .ecdb-record-title { font-size: 0.75rem; }
	.html-widget-body .ecdb-record-list .ecdb-record-item .ecdb-record-title a { color: #888; }
	.html-widget-body .ecdb-record-list .ecdb-record-item .ecdb-record-body p { padding: 0; margin: 0; }
	 	
	.html-widget-body .em-widget h1 { font-size: 18px; line-height: 22px; margin: 0 0 15px; }	
	.html-widget-body .em-widget p { margin: 0; padding: 0 0 12px; }	
	.html-widget-body .em-widget-welcome .image { width: 185px; float: left; display: inline-block; }	
	.html-widget-body .em-widget-welcome .text { 	display: inline-block; width: 100%; margin-left: -185px; padding-left: 205px; }	
	
/* === CONTENT SEPARATOR STYLES === */
.content-separator{
position:relative;
height:20px;
margin:40px 0 80px 0;
}
.content-separator .shadow{
width:auto;
left:-12px;
right:-12px;
}
	
/* === MENU HORIZONTAL STYLES === */
.menu-horizontal{
list-style-type:none;
padding:0 0;
margin:0 0;
}
.menu-horizontal li{
float:left;
padding:0 8px;
margin:6px 0;
border-right:1px solid #cccccc;
}
.menu-horizontal li:first-child{
padding:0 8px 0 0;
}
.menu-horizontal li:last-child{
border-right:0;
padding:0 0 0 8px;
}
.menu-horizontal:after{
content:" ";
display: block;
clear:both;
}
	
/* === BUTTON === */
	
	.button, a.button,
	.button-SAVE, a.button-SAVE,
	.button_SAVE, a.button_SAVE { 
		box-shadow: 0 1px 0 0 #f2f2f2;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b3b3b3), color-stop(1, #c8c8c8) );
		background: -moz-linear-gradient( center top, #b3b3b3 5%, #c8c8c8 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#c8c8c8');
		background-color: #b3b3b3;
		border-radius: 4px;
		border: 1px solid #b3b3b3;
		display: inline-block;
		color: #fff;
		font-size: 1rem;
		font-weight: 400;
		font-style: normal;
		height: 38px;
		line-height: 38px;
		min-width: 180px;
		padding: 0 20px;
		text-decoration: none;
		text-align: center;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	}
	
	.button:hover,
	.button-SAVE:hover,
	.button_SAVE:hover { 
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c8c8c8), color-stop(1, #b3b3b3) ); 
		background: -moz-linear-gradient( center top, #c8c8c8 5%, #b3b3b3 100% ); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#b3b3b3'); 
		background-color: #c8c8c8;
	}
	
	/* .button:active,.button-SAVE:active,.button_SAVE:active { position: relative; } */	
	
	div.button > a {
		color: #fff;
	}
	
/* === eFORM BASIC === */

	.eform .field td, .eform .field th {
		padding-bottom: 5px; vertical-align: top;
	}	
	.eform .field td:empty, .eform .field th:empty {
		padding: 0;
	}
	
	.eform label {
		font-size: 0.91rem;
		font-weight: 400;
		padding-left: 0;
		padding-right: 0;
		word-break: break-all;
		word-wrap: break-word;
	}
	
	.eform label.control-label { padding-top: 5px; }
	
	.eform .field th {
		font-weight: 400;
		text-align: right;
		padding-right: 5px;
		padding-top: 5px;		
	}	
	
	.eform .field th.name { font-size: 0.91rem;	padding: 5px 10px 0 0; }
	.eform .field td:empty {
		width: 0;
	}
	.eform .field td .desc {
		font-size: 0.91rem;
	    padding: 5px 0 10px;
	    width: 250px;
	}
	
	.eform .field td.input {
		width: 250px;
	}
	
	.eform .field td label { display: inline; }
	
	.eform select,
	.eform input[type=text],
	.eform input[type=password],
	.eform textarea {
		width: 258px;
	}	
	
	.validate_error,
	.validate_msg_error { 
		width: 250px;
		color: #8A1F11;
		font-weight: 500;
		padding: 5px 5px 0;
		text-align: left;
		font-size: 12px; 
	}
	.validate_error .desc {	color: #444; font-weight: 400; font-size: 11px; }

	.contact-form-wrapper .validate_error { width: 100%; display: inline-block; }
	.contact-form-wrapper .validate_msg_error {width: 100%; display: inline-block;  }

		
/* === MAIN STRUCTURE === */

	.site-wrapper { min-height: 100%; }
	
	.site-container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		height: 100%;
	}
	
	.site-header { 
		margin: 0;	
		height: 62px;
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	
	.site-header:after {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		display: block;
		width: 100%;		
		box-shadow: 0 1px 3px 1px rgba(190,190,190,0.7); 
		z-index: 1;
	}
	
	.header-fixed .site-header {
		position: fixed;
		top: -99px;
		z-index: 10000;
	}
	
	.header-fixed .site-header:after {
		display: block;
	}
	
	.site-header > .container {
		height: 100%;
	}
	.site-header > .container > .row {
		height: 100%;
	}	
	.site-header > .container > .row > .col-xs-12 {
		height: 100%;
	}
	
	.site-body { 
		background-color: #FFF;		
		padding: 62px 0 20px;
		margin: 0;
		text-align: left;
		min-height: 510px;
		-webkit-overflow-scrolling : touch;
	}

	
/* 	.site-body a { color: #85B200; }
	.site-body a:visited { color: #85B200; }
	.site-body a:hover { color: #A3D900; }
	.site-body a:active { color: #A3D900; }	 */
	
	.site-body a { color: #E82924; }
	.site-body a:visited { color: #E82924; }
	.site-body a:hover { color: #d62522; }
	.site-body a:active { color: #d62522; }	
	
	
	
	.site-body a.button,
	.site-body a.button:visited,
	.site-body a.button:hover,
	.site-body a.button:active { color: #fff; }
	
	.site-body .button a,
	.site-body .button a:visited,
	.site-body .button a:hover,
	.site-body .button a:active { color: #fff; }
	
	
	.site-body .product-list-oneline-slider .product-name,
	.site-body .product-list-oneline-slider .product-name:visited { color: #888; }
	.site-body .product-list-oneline-slider .product-name:hover,
	.site-body .product-list-oneline-slider .product-name:active { color: #666; }
	
	.site-body .site-content {
		padding: 0;
	}
	
	.site-body li { font-size: 0.875rem; margin-bottom: 0.3rem; }		
		
	.site-footer {
		margin: 15px 0 0;

		background: #f8f8f8; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #f8f8f8 0%, #fff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f8f8f8 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f8f8f8 0%,#fff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f8f8f8 0%,#fff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f8f8f8 0%,#fff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#fff',GradientType=0 ); /* IE6-8 */

		min-height: 300px;
		padding: 50px 0 25px;
		font-size: 1rem;
		color: #B0AFAF;
		position: relative;		
		width: 100%;	
	}

/* === Header Logo Styles === */ 	
	.em-logo {
		position: absolute;		
		left: 0;
		top: 5px;
		z-index: 1030;
	}
	.em-logo .logo-icon-link{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 65px;
		height: 50px;
	}
	.em-logo .logo-icon-retina{
		display: none;
	}		
	.em-logo .logo-claim-link {
		background-image: url(./files/logos/e-matters-claim-normal.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 194px;
		height: 50px;
		display: block;
		position: absolute;
		top: 0;
		left: 67px;
	}	
	
	
	.header-contact {
		position: absolute;
		top: 5px;
		right: 15px;
		text-align: right;
	}
	
	.header-contact span {	
		vertical-align: bottom;	
	}
	
	.header-contact > span {
		margin-left: 5px;
	} 
	
	.header-contact > span:first-child {
		margin-left: 0;
	}
	
	.header-contact a {	
		vertical-align: middle;
	}
	.header-contact i {
		vertical-align: bottom;
		margin-right: 4px;
		color: #d6d6d6;
	}
	
	.header-contact .contact-phone i {
		top: 1px;
	}
	
	.header-contact .contact-mail i {
		top: -1px;
	}
	
	.header-contact .contact-phone span,
	.header-contact .contact-mail a {
		font-size: 0.75rem;
	}
	
/* === HEADER PARTS === */

	/* Searchform */
	
	.ecms-searchform-toggle {
		height: 42px;
		margin: 0;
		position: absolute;
		width: 42px;
		right: 15px;
		top: 10px;
	}
	
	.ecms-searchform-toggle:after {
		content: "";
		display: none;
		width: 1px;
		background-color: #eee;
		height: 36px;
		position: absolute;
		right: 0;
		top: 8px;
	}
	
	.ecms-searchform-toggle input.searchform-input {
	    background-color: #FFF;
	    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));
	    border: 1px solid #ccc;
	    border-right: 0;
	    box-shadow: none;
	    float: left;
	    font-size: 0.91rem;
	    padding: 0 0 0 10px;
	    position: relative;
	    height: 34px;
	    line-height: 19px;
	    outline: none;
	    width: 218px;	    
	}
		
	.ecms-searchform-toggle .searchform-submit {
		background: #FFF;
		font-size: 1.25rem;
		padding: 0;
	    border: 1px solid #ccc;
	    border-left: 0;
		height: 34px;
		width: 31px;
		color: #ccc;
	}
	
	.ecms-searchform-toggle .search-toggle {
		display: inline-block;
		color: #ccc;
		width: 42px;
		height: 42px;
		cursor: pointer;
		vertical-align: middle;
		padding: 5px;
		position: relative;
		z-index: 1010;	
	}
	.ecms-searchform-toggle .search-toggle span{
		vertical-align: top;
	}
	.ecms-searchform-toggle .search-toggle .search-toggle-icon {
		vertical-align: top;
		font-size:36px;
		width: 36px;
		height: 36px;
	}
	
	.ecms-searchform-toggle .searchform-form {
		/*display: block;
		padding: 5px;
		border: 3px double #eee;
		background-color: #f8f8f8;
		position: absolute;
		z-index: 5;
		margin-top: -3px;
		width: 250px;
		right: -45px;	*/
		
		display: block;
		padding: 10px 15px;
		border: 1px double #ccc;
		background-color: #fff;
		position: absolute;
		z-index: 1;
		margin-top: 0;
		width: 282px;
		right: -12px;
		top: 0;
		box-shadow: 3px 3px 4px 1px rgba(190,190,190,0.5);
		border-top: 0;
		opacity: 0;
		visibility: hidden;
	}
	
	.ecms-searchform-toggle.toggle-active .searchform-form {
		display: block;
		opacity: 1;
		visibility: visible;
		top: 52px;
		-webkit-transition: .3s top, .9s opacity;
	}
	
	.ecms-searchform-toggle.toggle-active .search-toggle {
		/*border-color: #eee;
		background-color: #f8f8f8;*/
		color: #888;
	}
	.ecms-searchform-toggle.toggle-active:after {
		background: none;
	}
	
	/* PRIMARY MENU */
	
		.site-navigation {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		
		.site-navigation .navbar {
			min-height: 0;
			height: 100%;
		}
		
		.navbar-collapse .primary-menu {
			padding: 20px 0;
		}
			
		.navbar-collapse .primary-menu * {
			box-sizing: initial;
		}
		
		.navbar-collapse .primary-menu .menu-item {
			display: block;
		}	
						
		.navbar-collapse .primary-menu .menu-item li {						
			list-style-type: none;
			padding: 0;
			position: relative;
		}
		
		.navbar-collapse .primary-menu .menu-item a {		
			color: #444;	
			display: block;
			font-weight: 200;
			text-decoration: none;
			text-transform: uppercase;
		    padding: 10px;
		    text-shadow: none;		
		}
		
		.navbar-collapse .primary-menu > .menu-item > a {
			font-size: 1.4rem;
			letter-spacing: .05em;
		}
			
		.navbar-collapse .primary-menu .menu-item > a:focus,
		.navbar-collapse .primary-menu .menu-item > a:hover {
			background-color: transparent;
		}
						
		.navbar-collapse .primary-menu .menu-item.dropdown.open > .dropdown-toggle,
		.navbar-collapse .primary-menu .menu-item.dropdown.active > .dropdown-toggle,
		.navbar-collapse .primary-menu .menu-item.dropdown.open.active > .dropdown-toggle,
		.navbar-collapse .primary-menu > .menu-item:focus > a,
		.navbar-collapse .primary-menu > .menu-item:active > a,
		.navbar-collapse .primary-menu > .menu-item:hover > a,
		.navbar-collapse .primary-menu > .menu-item:hover > a:hover {
			background-color: #fff;
			border-radius: 0;
		}	
			
		.navbar-collapse .primary-menu .menu-item.first a {
			padding-left: 0;
		}
			
		.navbar-collapse .primary-menu div.dropdown_wrapper {
			display: none;
		}
		
		.navbar-collapse .primary-menu > .menu-item.active,
		.navbar-collapse .primary-menu > .menu-item:hover,
		.navbar-collapse .primary-menu > .menu-item.dropdown.open,
		.navbar-collapse .primary-menu > .menu-item.dropdown.active,		
		.navbar-collapse .primary-menu > .menu-item.dropdown.open.active {	
			background: #fff;
			border-bottom: 0;
			top: 0;
			height: auto;
		}		
			
		.navbar-collapse .primary-menu .menu-item.dropdown.open > .dropdown-toggle,
		.navbar-collapse .primary-menu .menu-item.dropdown.active > .dropdown-toggle,
		.navbar-collapse .primary-menu .menu-item.dropdown.open.active > .dropdown-toggle {
			background-color: transparent;
		}
		
		.navbar-collapse .primary-menu > .menu-item > .dropdown-menu:before,
		.navbar-collapse .primary-menu > .menu-item > .dropdown-menu:after {
			border: 0;
		}
		
		.navbar-collapse .primary-menu .menu-item.dropdown.open .dropdown-menu,
		.navbar-collapse .primary-menu .menu-item:hover .dropdown-menu {
			display: block;
		}
			
		.navbar-collapse .primary-menu .dropdown-menu {
			box-shadow: none;
			border-radius: 0;
			background-color: #fff;
			border: 0;
			position: static;
			width: auto;
			text-align: left;
			margin: 0;
			padding: 10px 0;
			z-index: 100;
			opacity: 0.97;
			float: none;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .menu-item {
			float: none;
			height: auto;
			border: 0;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .menu-item:hover {
			background-color: transparent;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .menu-item a:hover {			
			background: #f2f2f2;
		}
		
		.navbar-collapse .primary-menu .service-menu .dropdown-menu .menu-item a:hover {
			color: #E82924;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .menu-item a {
		    color: #999;
		    display: block;
		    font-size: 1.1rem;
		    height: auto;
		    line-height: 1.4;
		    padding: 0 10px;
		    text-decoration: none;
		    text-transform: none;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .submenu-head-link {
			font-weight: 500;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .menu-item .name { line-height: 2; }
		
		.navbar-collapse .primary-menu .dropdown-menu .dropdown-menu {
			border: 0;
			position: static;
			padding: 0;
			margin: 0;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .dropdown-menu .menu-item a {			
			background: none;
			padding-left: 25px;
		}
		
		.navbar-collapse .primary-menu .dropdown-menu .dropdown-menu .menu-item a:hover {
			background: #f2f2f2;
			color: #E82924;
		}
		
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover,
		.dropdown-menu > .active > a:focus {
			background: transparent;
		}
		
		.navbar-collapse .primary-menu .ecs-logo {
			background: url("files/logos/ecommerce-suite-logo.286x90.png") 0 0 no-repeat;			
			-webkit-background-size:143px 45px;
	        -moz-background-size:143px 45px;
	        background-size:143px 45px;	
			width: 143px;
			height: 45px;
			margin-left: 10px;
			margin-bottom: 10px;			
		}
		.navbar-collapse .primary-menu .menu-item li.submenu-prozesse {}
		.navbar-collapse .primary-menu .menu-item li.submenu-modular,
		.navbar-collapse .primary-menu .menu-item li.submenu-infos { padding-top: 15px; }
		
		.nav .open > a,
		.nav .open > a:hover,
		.nav .open > a:focus {
			color: #64605F;
		} 
		
		.eAutoComplete_result_default {
			border: 1px solid #DDD;
			border-radius: 0;
			box-shadow: 3px 3px 4px 1px rgba(190,190,190,0.5);
			z-index: 10001;
			max-width: 455px;
		}
		
		.eAutoComplete_result_default > li > a {
			border: 0;
		}
		
		.eAutoComplete_result_default .itemgroup_headline {
			text-transform: uppercase;
			color: #888;
			font-size: 0.75rem;
			font-weight: 500;
			border-bottom: 1px solid #ccc;
			margin: 0 0 5px;
			padding: 0 0 5px;
		}
		
		.eAutoComplete_result_default .ui-menu-item {
			list-style-image: none; 
		}
		
		.em_autocomplete_item {
			height: auto;
			min-height: 24px;
			width: 100%;
			padding: 5px;
		}
		
		.em_autocomplete_item .em_autocomplete_data {
			width: 100%;
		}
		
		.em_autocomplete_item.imagetrue .image {
			float: left;
			width: 50px;
			height: auto;
		}

		.em_autocomplete_item.imagetrue .em_autocomplete_data {
			margin-left: -50px;						
			padding-left: 65px;
			float: left;												
		}

		.em_autocomplete_item .em_autocomplete_data .em_autocomplete_title {
			font-weight: 500;
			font-size: 11px;
		}
		
		.em_autocomplete_item .em_autocomplete_data .em_autocomplete_desc {
			color: #999;
			font-size: 0.75rem;
		}
		
		.eAutoComplete_result_default .em_autocomplete_item.category_item.last,
		.eAutoComplete_result_default .em_autocomplete_item.product_item.last,
		.eAutoComplete_result_default .em_autocomplete_item.article_item.last {
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
		
		.eAutoComplete_result_default .itemshow_all {			
			border-top: 1px solid #709111;
			margin: 5px 0 10px;
			padding: 5px;
			font-size: 0.75rem;			
		}
		
		.eAutoComplete_result_default .itemshow_all:hover {
			text-decoration: underline;
		}
		
		.eAutoComplete_result_default > li.ui-menu-item > a.ui-state-focus {
			background: none;
			border: 0;
			border-radius: 0;
			margin: 0;
			cursor: pointer;		
		}
		
		.eAutoComplete_result_default > li.ui-menu-item > a.ui-state-focus .em_autocomplete_item {
			background: #f2f2f2;
		}
		
		.eAutoComplete_result_default > li.ui-menu-item > a.ui-state-focus .em_autocomplete_data .em_autocomplete_desc {
			
		}	

/* === FOOTER PARTS === */

	.site-footer .container{
		padding-left: 91px;
	}
	.footer-box {}
	.footer-box .headline {
		color: #777;
		padding: 0 0 15px;
		text-transform: uppercase;
	}
	
	.footer-menu {
		list-style-type: none;
		padding: 0;
	}
	
	.footer-menu a {
		color: #aaa;
		padding: 0 0 5px;
		display: block;
	}
	
	.footer-contact span {
		display: block;
	}
	
	.footer-contact .contact-mail {
		padding: 0 0 30px;
	}
		
	

/* === FOOTER CLOSE STYLES === */
	.footer-close {
		border-top: 1px solid #cccccc;
		margin-top: 10px;
		height: 36px;
		position: relative;
	}
	.footer-close .menu-horizontal{
		margin: 4px 120px 0 0;
	}
	
	.footer-close .footer-close-logo {
		background-image: url(./files/logos/e-matters-logo-grey-small.png);
		background-repeat: no-repeat;
		display: block;
		width: 77px;
		height: 28px;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
/* LAYOUTS & BOXES */

	.container-highlight {
		position: relative;
		
		background: #ff2626; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYyNjI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-30deg,  #ff2626 0%, #b20000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff2626), color-stop(100%,#b20000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-30deg,  #ff2626 0%,#b20000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-30deg,  #ff2626 0%,#b20000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-30deg,  #ff2626 0%,#b20000 100%); /* IE10+ */
		background: linear-gradient(150deg,  #ff2626 0%,#b20000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2626', endColorstr='#b20000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
		
		min-height: 300px;
		width: 100%;		
	}
	
	.container-highlight .container-highlight-text {
		width: 300px;
		color: #fff;
	}
	
	.container-highlight .container-highlight-graphic {
		position: absolute; top: -4px; right: 15px; margin: auto 0; width: 200px; height: 308px;
	}
	
	.container-highlight .shadow {	
		/* box-shadow: 0 2px 3px 1px rgba( 100, 100, 100, 0.4); */
	}
	
	.em-teasercontent {
		margin-bottom: 20px;
	}
	.em-teasercontent .em-teaser-title {
		font-size: 1.75rem; padding-bottom: 10px;
	}
	.em-teasercontent .em-teaser-title .em-teaser-link {
		color: #888;
	}
	.em-teasercontent .em-teaser-link-container {
		text-align: right;
	}
	.em-teasercontent .em-teaser-image { width: 20%; float: left;  }
	.em-teasercontent .em-teaser-image img { max-height: 100%; }
	
	.em-index-teaser { padding-bottom: 60px; padding-top: 20px; }
	.em-index-teaser .teaser-data-container { padding-top: 50px; }
	
	.em-index-teaser .teaser-image-container a { display: block; height: 195px; text-align: center; }
	.em-index-teaser .teaser-image-container img { max-height: 100%; }
	.em-index-teaser .em-teasercontent { margin: 0; }
	
	@media (min-width: 767px) and (max-width: 991px){
		.em-index-teaser .teaser-data-container { padding-top: 40px; }
	}
	
	@media (max-width: 767px){
/* 		.em-index-teaser .teaser-image-container { height: 200px; text-align: center; } */
		.em-index-teaser .teaser-data-container { padding-top: 20px; }
	}
	
	.em-box1 { display: inline-block; width: 100%; }
	.em-box1 .box-title {
		border-bottom: 1px solid #ccc;
	}
	
	.em-box1 .box-title h3 {
		margin: 0;
	}
	
	.em-box {
		background-color: #f0f0f0;
		border-radius: 4px;
		margin-bottom: 10px;
		position: relative;
	}

	.box-title {
		font-size: 1.5rem; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 10px;	
	}
	
	.center { text-align: center; }
	.box-padding { padding: 10px; }
	
	.block-link {
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		padding: 20px;
		top: 0;	
		z-index: 1;
	}
	
	.em-box .southeast {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	
		
	/* Tabflex Format */
	
		.em-tabsflex-set {
			border: 0;
			border-radius: 0;
			padding: 0;
		}
		
		.em-tabsflex-set .em-tabsflex-tabmenu {
			display: none;
			width: 100%;
			heigth: auto;
			background-color: transparent;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;			
		}
		
		.em-tabsflex-set .em-tabsflex-tabmenu .em-tabsflex-tabitem {
			background: transparent;
			border: 0;
			border-right: 1px solid #ddd;
			border-radius: 0;
			line-height: 2.75;
			text-transform: uppercase;
			margin: 0;
			padding: 0 10px;
			position: relative;
		}
		
		.em-tabsflex-set .em-tabsflex-tabmenu .em-tabsflex-tabitem.em-tabsflex-active {
			background-color: transparent;
		}
		.em-tabsflex-set .em-tabsflex-tabmenu .em-tabsflex-tabitem.em-tabsflex-active:after {
			content: "";
			display: inline-block;
			height: 1px;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: -1px;
			background-color: transparent;
		}
		
		.em-tabsflex-set .em-tabsflex-item {
			padding: 10px;
			margin: 0;
			position: relative;
			top: 0px;
			border-bottom: 1px solid #ddd;
		}
		
		.em-tabsflex-set .em-tabsflex-item:last-child {
			border-bottom: 0;
		}
		
		.em-tabsflex-set .em-tabsflex-accordionitem {
			display: inline-block;
			width: 100%;
			height: auto;
			background: transparent;
			border: 0;
			border-bottom: 1px solid #ddd;
			border-top: 0px solid #ddd;
			border-radius: 0;
			line-height: 2.25;
			text-transform: uppercase;
			margin: 0;
			padding: 0 10px;
			position: relative;
		}
		
		.em-tabsflex-set .em-tabsflex-accordionitem:after {
			content: "";
			border-left: 4px solid #444;
			border-top: 4px solid transparent;
			border-bottom: 4px solid transparent;
			position: absolute;
			right: 10px;
			top: 10px;
		}
		
		.em-tabsflex-set .em-tabsflex-accordionitem.em-tabsflex-active {
			background: #fff;
		}
		
		.em-tabsflex-set .em-tabsflex-accordionitem.em-tabsflex-active:after {
			content: "";
			border-left: 4px solid transparent;
			border-top: 4px solid #444;
			border-right: 4px solid transparent;
			border-bottom: 0;
			position: absolute;
			right: 8px;
			top: 12px;
		}
		
		.em-tabsflex-set .em-tabsflex-accordionitem.em-tabsflex-active.item-first { border-top: 1px solid #ddd; }	
	
/* === FORMATE === */
	
	.ecdb_article .ecdb-record-image { float: left; margin-right: 15px; margin-top: 19px; }
	.ecdb_article.image-right .ecdb-record-image { float: right; margin-right: 0; margin-left: 15px; }
	
	.ecdb-record-body ul {
		list-style: outside disc;
		margin: 0; padding: 0;
	}
	
	.ecdb-record-body ul li { position: relative; left: 20px; padding-right: 10px; }
	
	.rewritedTable { width: 100%; border-spacing: 0; border: 1px solid #DDD; }
	
	.rewritedTable th {			
		background: #fbfbfb; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fbfbfb 0%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fbfbfb 0%,#eeeeee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */

		
		border-right: 1px solid #DDD;
		border-left: 1px solid #FFF;
		min-height: 25px;
		padding: 0 10px 0 9px;
	}
	
	.rewritedTable th.last { border-right: 0; }
	.rewritedTable th.first{
		border-left: 0;
		padding: 0 10px 0 10px;
	}
	
	.rewritedTable td {
		border-right: 1px solid #DDD;
		padding: 10px 10px 10px 10px;
	}
	.rewritedTable td.last {
		border-right: 0;
	}
	.rewritedTable tr.TRodd td {
		background-color: #e8e8e8;
	}	
	.rewritedTable td .subtext {
		color: #A0A0A0;
		font-size: 10px;
	}
	
	.rewritedTable td a,
	.rewritedTable td a:visited,
	.rewritedTable td a:hover,
	.rewritedTable td a:active {
		font-weight: 500;
		font-size: 11px;
		line-height: normal;
	}
	
	.rewritedTable td .subtext a,
	.rewritedTable td .subtext a:visited,
	.rewritedTable td .subtext a:hover,
	.rewritedTable td .subtext a:active {
		font-size: 10px;
		font-weight: 400;
	}


	.em-article {}
	.em-article .em-article-image-container { display: inline-block; }
	.em-article .em-article-image-container img { max-height: 100%; }

	.em-article .image-container-150 { width: 150px; } 
	.em-article .image-container-250 { width: 250px; }

	.em-full-background {
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 25vh;
		height: 217px;
		margin-bottom: 40px;
		/* text-shadow: 0 0 0.5em #000000, 0 0 0.1em rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1); */
		/* text-shadow: 0 0 rgba(255,255,255,1); */
		/* text-shadow: 0 0 0.1em #000; */
		color: #fff;
	}
	
	.em-full-background h1 {
		color: #E82924;
	}
	
	.em-full-background .container { position: relative; height: 100%;}
	.em-full-background .em-full-background-overlay {
		position: absolute;
		top: 20px;
		bottom: 20px;
		left: 20px;
		right: 20px;
		margin: auto;
		
		line-height: 177px;		
	}
	
	.em-full-background-overlay-content {		
		display: inline-block;
		line-height: 1.4;
		vertical-align: middle;
		font-size: 5.25vw;
		z-index: 1;
	}
	
	.em-full-background-overlay-content h1 {
		font-size: 7.25vw;
		z-index: 1;		
	}
	
	.em-overlay {
		position: static;
		color: #E82924;
		padding: 10px;
		background-color: rgba(255,255,255,0.7);		
	}
	
	.em-overlay h1 {
		font-size: 5.75vw;
		margin: 0; padding: 0;
	}
	
	.em-overlay.big {		
		font-size: 2.1rem;
		line-height: 1;
		height: auto;
		width: auto;
	}	
	
	.em-overlay.small {
		font-size: 2.875vw;
		line-height: 1;
		height: auto;
		width: auto;
	}
	
	.em-overlay.north {
		top: 10px;
		left: 400px;
		right: auto;
		bottom: auto;
	}
	
	.em-overlay.northwest {
		top: 10px;
		left: 0;
		right: auto;
		bottom: auto;
	}
	
	.em-overlay.west {
		top: 140px;
		left: 0;
		right: auto;
		bottom: auto;		
	}
	
	.em-overlay.needle {
		top: 140px;
		left: 400px;
		right: auto;
		bottom: auto;		
	}
	
	.em-overlay.southwest {
		top: auto;
		left: 0;
		right: auto;
		bottom: 10px;		
	}
	
	.em-overlay.northeast {
		top: 10px;
		left: auto;
		right: 0;
		bottom: auto;
	}
	
	.em-overlay.east {
		top: 140px;
		left: auto;
		right: 0;
		bottom: auto;		
	}
	
	.em-overlay.southeast {
		top: auto;
		left: auto;
		right: 0;
		bottom: 10px;		
	}	
	
	.em-overlay.south {
		top: auto;
		left: 0;
		right: auto;
		bottom: 10px;
	}
	
		
	.em-overlay[class*="fade"] {
		opacity: 0;
	}
	
	.em-overlay.active {
		opacity: 1;
		-webkit-transition:opacity 300ms ease-in;
		-moz-transition:opacity 300ms ease-in;
		-o-transition:opacity 300ms ease-in;
		transition:opacity 300ms ease-in;
	}
	
	.em-overlay.fade100.active { -webkit-transition-delay: 100ms; transition-delay: 100ms; }	
	.em-overlay.fade200.active { -webkit-transition-delay: 200ms; transition-delay: 200ms; }
	.em-overlay.fade300.active { -webkit-transition-delay: 300ms; transition-delay: 300ms; }	
	.em-overlay.fade400.active { -webkit-transition-delay: 400ms; transition-delay: 400ms; }
	.em-overlay.fade500.active { -webkit-transition-delay: 500ms; transition-delay: 500ms; }	
	.em-overlay.fade600.active { -webkit-transition-delay: 600ms; transition-delay: 600ms; }	
	.em-overlay.fade700.active { -webkit-transition-delay: 700ms; transition-delay: 700ms; }	
	.em-overlay.fade800.active { -webkit-transition-delay: 800ms; transition-delay: 800ms; }	
	.em-overlay.fade900.active { -webkit-transition-delay: 900ms; transition-delay: 900ms; }	
	.em-overlay.fade1000.active { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }
	.em-overlay.fade1500.active { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; }	
	.em-overlay.fade2000.active { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; }	
	.em-overlay.fade2500.active { -webkit-transition-delay: 2500ms; transition-delay: 2500ms; }	
	.em-overlay.fade3000.active { -webkit-transition-delay: 3000ms; transition-delay: 3000ms; } 	
	
	.em-overlay-image-container { position: absolute; top: 10px; right: 0; width: 50%; height: 240px; overflow: hidden; text-align: right; }
	.em-overlay-image-container .em-overlay-image { height: 48%; line-height: normal; }
	.em-overlay-image-container .em-overlay-image img { max-height: 100%; }
	.em-overlay-image-container .em-overlay-image:first-child { margin-bottom: 10px; }
	
	.em-article .ecdb-article-body-container { padding: 20px 15px 0; }
	.em-article .ecdb-article-body-container:empty { padding: 0; }
	
	.em-article .dcd.ecdb-article-body-container { padding-left: 0; padding-right: 0; padding-top: 0; }
		
	.ecdb-record-list {
 		padding: 25px 0;
	}
 	
 	.ecdb-record-list .ecdb-list-headline {}
 	
 	.ecdb-record-list .ecdb-record-item {
 		padding: 20px 0;
 		position: relative;
 		display: inline-block;
 		/* width: 100%; */
 	}
 	
 	.ecdb-record-list .ecdb-record-item .ecdb-record-title {
 		font-size: 1rem;
 		font-weight: 500;
 		color: #666;
 	}
 	
 	.ecdb-record-list .ecdb-record-item .ecdb-record-title a {
 		color: #666;
 	}
 	
 	.ecdb-record-list .ecdb-record-item .ecdb-record-title a:hover {
 		color: #888;
 	}
 	
 	.ecdb-record-list .ecdb-record-item .ecdb-record-body {
 		font-size: 0.875rem;
 	}
 	
	.ecdb-record-list .ecdb-record-item:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		
		width: 99%;
		height: 0;
/* 		box-shadow: 0 2px 3px 1px rgba( 190, 190, 190, 0.2); */
	}
	
	.ecdb-record-list .ecdb-record-item:after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		right: 0;
		margin: 0 auto;
		
		width: 98%;
		height: 0;
/* 		box-shadow: 0 2px 2px 1px rgba( 190, 190, 190, 0.1); */
	}
	
	/* Pagination */
		
		.ecdb-record-list .relative .pagination {
			position: relative;
			top: 16px;
		}
		
		.ecdb-record-list .pagination {			
			display: inline-block;
		    font-size: 0.91rem;
		    margin: 5px 0 15px;
		    text-align: center;
		    width: 100%;
		}
		
		.ecdb-record-list .pagination > div {
		    display: inline-block;
		}
		
		.ecdb-record-list .pagination a {
		    background-color: #e5e5e5;
		    border: medium none;
		    border-radius: 2px;
		    height: auto;
		    line-height: 0;
		    padding: 0 5px;
		    width: 21px;
		    margin: 0 10px;		
		}
		
		.ecdb-record-list .pagination a:before {
		    display: inline-block;
		    font-size: 2rem;
		    height: auto;
		    line-height: 0.25;
		    width: auto;
		    font-size: 1.2rem;   
		}		
		
		.ecdb-record-list .pagination .text-middle {
		    color: #B0AFAF;
		    line-height: 1.75;
		    position: relative;
		    top: -1px;
		    vertical-align: middle;
		}
		
		.ecdb-record-list .pagination .prev,
		.ecdb-record-list .pagination .next,
		.ecdb-record-list .pagination .pagenumber {
		    color: #B0AFAF;
		    font-size: 1.2rem;
		}
		
		.ecdb-record-list .pagination .prev,
		.ecdb-record-list .pagination .next {
			margin: 0;
			height: auto;
			width: auto;
			cursor: pointer;
			display: inline-block;
		}
		
		.ecdb-record-list .pagination .prev a, 
		.ecdb-record-list .pagination .prev a:visited,
		.ecdb-record-list .pagination .next a, 
		.ecdb-record-list .pagination .next a:visited,
		.ecdb-record-list .pagination .pagenumber a, 
		.ecdb-record-list .pagination .pagenumber a:visited {
			display: inline;
			margin: 5px;
			border: 0;
			font-size: 1.2rem;
		}		
				
		.ecdb-record-list .pagination .numberWrapper {
			display: inline-block;
			margin: 0 4px;	
		}
		
		.ecdb-record-list .pagination .pagenumber {
			display: inline-block;
			min-width: 20px;
		}
		.ecdb-record-list .pagination .pagenumber a,
		.ecdb-record-list .pagination .pagenumber a:visited {
			color: #B0AFAF;
			position: relative;
			text-align: center;
			padding: 0 6px 0 7px;
		}
		
		.ecdb-record-list .pagination .pagenumber a:hover,
		.ecdb-record-list .pagination .pagenumber a:active {
			color: #444;
		}
		
		.ecdb-record-list .pagination .pageDots {
			color: #B0AFAF;
			font-size: 1rem;
			margin: 0;
			position: relative;
			text-align:center;
			width: 20px;
			height: 18px;
			display: inline-block;
		}
		
		.ecdb-record-list .pagination .pagenumber:hover {
			color: #444;
		}
		
		.ecdb-record-list .pagination .pagenumber a:active {
			color: #444;
		}
				
		.ecdb-record-list .pagination .activePage,
		.ecdb-record-list .pagination .activePage:hover {
			color: #444;
		}
		.ecdb-record-list .pagination .activePage a,
		.ecdb-record-list .pagination .activePage a:visited,
		.ecdb-record-list .pagination .activePage a:hover,
		.ecdb-record-list .pagination .activePage a:active {
			color: #444;
		}
/*		
		.ecdb-record-list .pagination .prev a {
			height: 8px;
			width: 4px;
			display: block;	
		}
*/		
		.ecdb-record-list .pagination .prev a:before {
			content:"\2039";
		   	font-size: 1.5rem;
		    line-height: 2;
		}	
		
		.ecdb-record-list .pagination .prevDeactive {
			cursor: default;
			margin: 4px 0 0 0;
			height: 8px;
			width: 4px;
			display: inline-block;
		}
/*		
		.ecdb-record-list .pagination .next a {
			height: 8px;
			width: 4px;
			display: block;	
		}
*/		
		.ecdb-record-list .pagination .next a:before {
			content:"\203a";
		    font-size: 1.5rem;
		    line-height: 2;
		}	
		
		.ecdb-record-list .pagination .nextDeactive {
			cursor: default;
			height: 8px;
			width: 4px;
			margin: 4px 0 0 0;
			display: inline-block;
		}
		.ecdb-record-list .pagination .nextpage {
			display: inline-block;
			line-height: 18px;
			padding: 0 0 0 15px;
			color: #B0AFAF;
			font: normal 11px Verdana, Helvetica, Arial, sans-serif;	
		}
		
		.ecdb-record-list .pagination .prevpage {
			display: inline-block;
			line-height: 18px;
			padding: 0 15px 0 0;
			color: #B0AFAF;
			font: normal 11px Verdana, Helvetica, Arial, sans-serif;	
		}
		
		.ecdb-record-list .pagination .nextPageDeactive {
			color: #CCC;
			font: normal 12px Verdana, Helvetica, Arial, sans-serif;	
		}
		.ecdb-record-list .pagination .prevPageDeactive {
			color: #CCC;
			font: normal 12px Verdana, Helvetica, Arial, sans-serif;
		}	
	
	
	.em-news-list {
		padding: 5px 0 10px;
	}
	.em-news-list .ecdb-record-item:before,
	.em-news-list .ecdb-record-item:after {
		display: none;
	}
	
	.em-news-list .ecdb-record-item {
		display: inline-block;
		padding: 10px 0;
		width: 100%;	
	}
	
	.em-news-list .ecdb-record-item .em-news-date {
		float: left;
		width: 80px;
	}
	
	.em-news-list .ecdb-record-item .ecdb-item-text-container {
		width: 100%;
		float: left;
		margin-left: -80px;
		padding-left: 90px;
		display: inline-block;
		position: relative;		
	}
	
	.em-news-list .ecdb-record-item .ecdb-item-text-container:before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 1px;
		background: #ccc;
		top: 0;
		bottom: 0;
		left: 80px;
		margin: auto 0;
	}
	
	.em-news-list .ecdb-record-item .ecdb-record-title {
		color: #666;
		font-weight: 500;
		padding: 0 0 5px;
	}
		
	.em-searchresult-list .result-count {
		font-size: 1rem;
		font-weight: 400;
		display: block;
	}
	
	.em-searchresult-list .ecdb-record-item .ecdb-record-image {
		float: left;
		width: 100px;
		z-index: 1;
		position: relative;
	}
	
	.em-searchresult-list .ecdb-record-item .ecdb-item-text-container {
		width: 100%;
		float: left;
		margin-left: -100px;
		padding-left: 110px;
		display: inline-block;
		position: relative;		
	}
	
	.em-searchresult-list .ctname {
		font-size: 0.75rem;
	}
	
	.em-searchresult-list.ecdb-record-list .ecdb-record-item { width: 100%; }
	
	.em-reference-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.em-reference-list .ecdb-record-item {
		width: 50%;
		float: left;
		-webkit-flex: 0 0 45%;
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		padding: 20px;
	}
	
	.em-reference-list .ecdb-record-item .ecdb-record-image {
		padding-top: 75%;
		text-align: center;
		margin: 5px auto 0;
		position: relative;
	}
	
	.em-reference-list .ecdb-record-item .ecdb-record-image .ecdb-reference-link {
		display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	}
	
	.em-reference-list .ecdb-record-item .ecdb-record-image img {
		max-height: 100%;
	}
	
	.em-reference-list .ecdb-record-item .ecdb-record-title {
		text-align: center;
		font-weight: 200;
	}
	
	.em-reference-list.em-reference-logo-list .ecdb-record-item {
		display: flex;
		flex: 1 0 20%;
	}
	
	.em-reference-list.em-reference-logo-list .ecdb-record-item .ecdb-record-image {
		height: auto;
		position: relative;
		margin: auto;
		padding: 0;		
	}
	
	.em-reference-list.em-reference-logo-list .ecdb-record-item .ecdb-record-image .ecdb-reference-link { position: static; }
	
	.em-reference-list.em-reference-logo-list .ecdb-record-item .ecdb-record-image img {
		margin: auto;
	}
	
	@media (max-width: 479px){
		
		.em-reference-list { display: inline-block; }	
		.em-reference-list .ecdb-record-item { width: 100%;	}
		
		.em-reference-list.em-reference-logo-list { display: flex; }
		.em-reference-list.em-reference-logo-list .ecdb-record-item { width: auto; }		
		
	}

	.ecdb-record-list.em-partner-list .category-item { padding-bottom: 20px; }
	.ecdb-record-list.em-partner-list h2 { border-bottom: 1px solid #ddd; }
	.ecdb-record-list.em-partner-list .ecdb-record-item { padding-top: 0; padding-left: 15px; padding-right: 15px; height: 160px; text-align: center; }
	.ecdb-record-list.em-partner-list .ecdb-record-item .ecdb-record-image { display: inline-block; width: 80%; height: 100%; position: relative; line-height: 140px; text-align: center; }
	.ecdb-record-list.em-partner-list .ecdb-record-item .ecdb-record-image img { max-height: 100%; }

/* === eCS SPECIFICS STYLES === */

	.product-name {
		font-weight: 500;
		font-size: 2.75rem;
		line-height: 1.4;
		color: #666;
	}
	
	.em-product-details-description {
		border-top: 1px solid #ccc;
		padding-top: 30px;
		margin-top: 10px;
	
		clear: both;
		float: none;
	}
	.em-product-details-description .galleria-bar {
		background-color: #CCC;
	}
	.em-product-details-description .galleria-stage {
		background: #FFF;
	}
	
	.em-product-details-description .galleria-fullscreen,
	.em-product-details-description .galleria-play {
		border-right: 1px solid #999;
		outline: 0;
	}
	
	.em-product-details-description .galleria-fullscreen {
		left: 41px;
	}
	
	.galleria-container.notouch .galleria-thumblink:hover,
	.galleria-container.touch .galleria-thumblink:active,
	.galleria-thumblink.open,
	.galleria-container.notouch .galleria-fullscreen:hover,
	.galleria-container.touch .galleria-fullscreen:active,
	.galleria-container.notouch .galleria-play:hover,
	.galleria-container.touch .galleria-play:active,
	.galleria-container.notouch .galleria-popout:hover,
	.galleria-container.touch .galleria-popout:active {
    	background-color: #999;
	}
	
	.em-product-details-description .galleria-image-nav-left,
	.em-product-details-description .galleria-image-nav-right {
		/* background-color: #CCC; */
		border-radius: 4px;
	}	
		
	.em-product-details-description .ecms_gallery_io {
		width: 100%;
		height: 480px;
		margin: 20px 0;
		padding: 15px 0;
		box-sizing: content-box;
		clear: both;
		float: none;	
		background: transparent;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	
	.em-product-details-description .ecms_gallery_io .galleria-container {		
		box-sizing: content-box;
		background: transparent;
	}
	
	.em-product-details-description div.ecms_gallery_io div.galleria-container div.galleria-stage div.galleria-images div.galleria-image img {
		transform: none !important;
	}	
		
	.product-featureliste ul {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;		
		flex-wrap: wrap;
		
		padding: 20px 15px 10px;
		margin: 0;
	}
	
	.product-featureliste ul li {		
		flex: 0 1 48%;
		display: block;
		width: 48%;
		float: left;
		position: relative;
		padding: 0 0 10px 25px;
		margin-left: 10px;
	}	
		
	.product-featureliste ul li:nth-child(3n+1){
		margin-left: 10px;
	}	
	
	.product-featureliste ul li:nth-child(2n+1){
		margin-left: 0;
	}
	
	.product-featureliste ul li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: block;
		line-height: 1;
		width: 1.2rem;
		height: 1.2rem;
		font-size: 1.2rem;
		position: absolute;
		top: 3px;		
		left: 0;		
	}	


	/* Prices */
		
		.product_price {
			padding: 0;
			text-align: left;
			float: left;
			color: #888;
		}
	
		.product_price_normal,
		.product_price_discount,
		.product_price_uvp,
		.product_price_variant {
			font-size: 1.166rem;
			line-height: 1.285;
			font-weight: 400;
		}
			
		.product-discount-text { font-size: 1.25rem; font-weight: 500; color: #FF6600;	}
		
		.product_price_uvp {
			color: #709111;
			text-decoration: line-through;
		}
		
		.product_price_vat_note {
			font-size: 0.833rem;
			margin: 20px 0 2px;
			line-height: 1.2;
		}
	
		.product_price_xcost_note {
			font-size: 0.833rem;
			margin: 2px 0 12px;
			line-height: 1.2;
		}

	/* Product Detail */
	
	.em-productdetail-head-container { position: relative; }
	
	.em-productdetail-head-container > .row {
		display: block;
	}
	
	.em-productdetail-head-container > .row > .col-2 {
		margin: auto 0;
		text-align: center;
	}
	
	.em-productdetail-head-container .product-name {
		display: inline-block;
	}
		
	
	/* Flex List */
	.flex-list-container ul {
		list-style-type: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;		
	}
	
	.flex-list-container ul li {
		display: block;
		width: 48%;		
		float: left;
		-webkit-box-flex: 1 200px;
		flex: 0 0 48%;
		position: relative;
		padding: 0 0 10px 25px;
		margin: 5px 0 5px 10px;	
		border-bottom: 1px solid #f0f0f0;	
	}
	
	.flex-list-container ul li:nth-child(3n+1) {
		margin-left: 10px;
	}
	
	.flex-list-container ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	
	.flex-list-container ul li:last-child {
		border-bottom: 0;
	}
	
	.flex-list-container ul li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: block;
		line-height: 1;
		width: 1.2rem;
		height: 1.2rem;
		font-size: 1.2rem;
		position: absolute;
		top: 3px;		
		left: 0;		
	}	
	
	
	/* Product List */
	.em-product-list {
		list-style-type: none;
	}
	
	.em-product-list ul {
		padding: 0;
	}
	
	.em-product-list .em-product-list-item {
		float: none;
		display: block;	
	}
	
	.em-product-list .em-product-list-item .item-container-top {
		height: 320px;
		padding: 0 0 20px;
	}
	
	.em-product-list .em-product-list-item .item-content {
		position: relative;
		height: 100%;	
	}
	
	.em-product-list .content-separator {
		margin: 15px 0;
	}
	
	.em-product-list .content-separator .shadow {
		background: none;
		background-color: #f0f0f0;
		height: 1px;		
	}
	
	.em-product-list .em-product-list-item:last-child .content-separator {
		display: none;
	}
	
	.em-product-list .em-product-list-item .item-content .button {
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	
	.em-product-list .em-product-list-item .product-name { font-size: 2rem; padding-top: 25px; }
	
	.em-product-list .em-product-list-item .product-name .em-product-link,
	.em-product-list .em-product-list-item .product-name .em-product-link:visited {
		color: #888;
	}
	
	.em-product-list .em-product-list-item .product-name .em-product-link:hover {
		color: #666;
	}
	
	.em-product-list .em-product-list-item .item-description {
		padding: 20px 0;
	}
	
	.em-product-list .em-product-list-item .item-description ul {
		padding: 20px;
	}

	.em-product-list .em-product-list-item .item-feature-list {
		display: none;
	}
	.em-product-list .em-product-list-item .item-feature-list ul {
		list-style-type: none;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		
		padding: 0;
	}
	
	.em-product-list .em-product-list-item .item-feature-list ul li {
		display: block;
		width: 48%;
		float: left;
		flex: 0 0 48%;
		position: relative;
		padding: 0 0 10px 25px;
		margin-left: 10px;
	}
	.em-product-list .em-product-list-item .item-feature-list ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	
	.em-product-list .em-product-list-item .item-feature-list ul li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: block;
		line-height: 1;
		width: 1.2rem;
		height: 1.2rem;
		font-size: 1.2rem;
		position: absolute;
		top: 3px;		
		left: 0;		
	}
	
	.product-list-oneline-slider .product-name {	
		font-size: 1rem;
		line-height: 1.4;
	}
	
	/* Product Price List */
	.em_product_price_list {
		padding: 20px 0;
	}
	
	.em_product_price_list .category-item {
		
	}
	
	.em_product_price_list .category-item .category-name {
		font-size: 2rem;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	.em_product_price_list .category-item .category-name .em-category-link,
	.em_product_price_list .category-item .category-name .em-category-link:visited,
	.em_product_price_list .category-item .category-name .em-category-link:hover { color: #666; }
	
	.em_product_price_list .em-product-list-item {		
		border-bottom: 1px solid #f0f0f0;
		padding: 0;
		margin: 0;
	}
	
	.em_product_price_list .em-product-list-item:last-child {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	
	.em_product_price_list .em-product-list-item .product-name {
		font-size: 1rem;
		font-weight: 200;
		padding: 0;
		margin: 0;
		float: left;
		width: 70%;
	}
	
	.em_product_price_list .em-product-list-item .em-product-list-item-container {
		position: relative;	
		height: auto;
		min-height: 32px; 
	}
	
	.em_product_price_list .em-product-list-item .product-name .em-product-link {
		font-weight: 200;
		position: static;
		display: block;
		width: 100%;
		padding: 5px 0 5px 5px;		
	}
	
	.em_product_price_list .product-price {
		padding: 0;
		margin: 0;
		float: right;
		line-height: 32px;
	}
	
	.em_product_price_list .addon-text {
		color: #999;
		font-size: 0.75rem;
	}
	
	.em_product_price_list .em-product-list-item:hover {
		background-color: #f2f2f2;
		color: #E82924;
	}
	
	.em_product_price_list .em-product-list-item:hover .product-name .em-product-link,
	.em_product_price_list .em-product-list-item:hover .product-name .em-product-link:visited,
	.em_product_price_list .em-product-list-item:hover .product-name .em-product-link:hover,
	.em_product_price_list .em-product-list-item:hover .product-name .em-product-link:active {
		color: #E82924;
	}
	
	.content-footer-text {
		padding: 20px 0;
	}
	
	.category-pagination-link {
		display: none;
		width: 64px;
		height: 64px;
		position: fixed;
		bottom: 45%;
		background-color: #f2f2f2;
		z-index: 1;
		text-align: center;
	}
		
	.category-pagination-link i {
		vertical-align: middle;
	}
	
	.category-pagination-prev {
		left: 20px;
	}
	
	.category-pagination-next {
		right: 20px;
	}
	
	.site-body .category-pagination-link,
	.site-body .category-pagination-link:visited {		
		color: #999;
	}
	
	.site-body .category-pagination-link:hover,
	.site-body .category-pagination-link:active {		
		color: #E82924;
	}
	
	.product-incategory-navigation { display: none; }
	.product-incategory-navigation .text-middle { display: none; visibility: hidden; }
	.product-incategory-navigation .product-prev { position: fixed; left: 20px; bottom: 30%; width: 64px; height: 64px; }
	.product-incategory-navigation .product-next { position: fixed; right: 20px; bottom: 30%; width: 64px; height: 64px; }	
	
	.product-incategory-navigation .product-prev .caret-left,
	.product-incategory-navigation .product-next .caret-right {
		display: block;
		width: 64px;
		height: 64px;
		border: none;
		padding: 0;
		margin: 0;		
	}	
	
	.product-incategory-navigation .caret-left:before,
	.product-incategory-navigation .caret-right:before {
		display: none;
	}
	
		
	.site-body .product-incategory-navigation a,
	.site-body .product-incategory-navigation a:visited {		
		color: #999;
	}
	
	.site-body .product-incategory-navigation a:hover,
	.site-body .product-incategory-navigation a:active {		
		color: #E82924;
	}
	
	.logo-box { padding: 60px 0;text-align:center; }
	.logo-box img { margin-bottom: 10px; }
	
	
/* === PLUGINS === */

	.flex-direction-nav .flex-prev {
		left: 0;
	}
	.flex-direction-nav .flex-next {
		right: 0;
	}

/* === TEASER SLIDER STYLES === */
	.flexslider.flexslider-teasercontent{
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		margin: 0 0 20px;
	}
	.flexslider-teasercontent .flex-control-nav{
		bottom: -26px;
	}
	.flexslider-teasercontent .navi-item{
		margin: 0;
		padding: 0 9px;
		border-right: 1px solid #b7b7b7;
	}
	.flexslider-teasercontent .navi-item:last-child{
		border-right: 0;
	}
	.flexslider-teasercontent .navi-item.flex-active{
		font-weight: 400;
		color: #ff2626;
	}
	.flexslider-teasercontent .teaser-image-container{
		margin:  0 0 10px;		
		line-height: 320px; 
		text-align: center;
	}
	.flexslider-teasercontent .teaser-title{
		font-weight: 400;
		font-size: 3.75em;
		margin-bottom: 24px;
	}
	.flexslider-teasercontent .teaser-body{
		margin-bottom: 14px;
		font-size: 1.25rem;
		line-height: 1.4;
	}
	
	.flexslider-teasercontent .teaser-body > div { font-size: 0.875rem; padding: 0 0 0.75rem; }
	
	
	.flexslider-teasercontent .teaser-link-container{
		margin-bottom: 10px;
	}
	.flexslider-teasercontent .teaser-link{
		color: #ff2626;
	}
	
	@media (max-width: 992px){
		.site-body .dcd-wrapper .button-tocontact-container { margin-bottom: 20px; }
	}
	
	.contact-form-wrapper { width: 100%; }
	.contact-form-wrapper .eform label { font-size: 0.875em; text-align: right; padding-top: 8px; }
	.contact-form-wrapper .eform select { width: 100%; font-size: 0.875em; }
	.contact-form-wrapper .eform input[type="text"] { font-size: 0.875em; }
	.contact-form-wrapper .mandatory { font-size: 0.75em; text-align: right; }
	
	.contact_form_wrapper table { width: 90%; /*margin: 0 auto;*/ }

	.contact_form_wrapper .input input[type="text"]{
		width: 100%;
	}

	.contact_form_wrapper .input_gender {
		margin-right: 5px;
		margin-top: 3px;		
		height: 27px;
		display: inline-block;
	}
	
	.contact_form_wrapper textarea {
		width: 100%;
		height: 300px;
	}

/* === RESPONSIVE === */

	@media (min-width: 768px){
		
		h1 {
			font-size: 3.75rem;
		}
		
		h2 {
			font-size: 2rem;
		}
				
 		.site-header { 
 			height: 145px;
 			position: relative; 			
 		}
 		
		.site-header:after {
			display: none;
		}
		
		.site-body {
			padding-top: 0;
		}
		.em-overlay { position: absolute; }
		.em-overlay.big { font-size: 2.3rem; }
		.em-overlay.north { top: 10px; left: 400px; right: auto; bottom: auto; }		
		.em-overlay.northwest { top: 10px; left: 0; right: auto; bottom: auto; }		
		.em-overlay.west { top: 140px; left: 0; right: auto; bottom: auto; }		
		.em-overlay.needle { top: 140px; left: 400px; right: auto; bottom: auto; }		
		.em-overlay.southwest { top: auto; left: 0; right: auto; bottom: 10px; }		
		.em-overlay.northeast { top: 10px; left: auto; right: 0; bottom: auto; }		
		.em-overlay.east { top: 140px; left: auto; right: 0; bottom: auto; }		
		.em-overlay.southeast { top: auto; left: auto; right: 0; bottom: 10px; }	
		.em-overlay.south { top: auto; left: 400px; right: auto; bottom: 10px; }		
		
			.header-fixed .site-body { padding-top: 145px; }
 		
			.em-logo {
				position: absolute;
				top: 20px;
				left: 0;
			}
			.em-logo .logo-icon-link { width: 91px; height: 70px; }	
			.em-logo .logo-claim-link {
				background-image: url(./files/logos/e-matters-claim-normal.png);
				background-repeat: no-repeat;
				width: 194px;
				height: 70px;
				display: block;
				position: absolute;
				top: 0;
				left: 91px;
			}
		
		.em-tabsflex-set .em-tabsflex-tabmenu {
			display: inline-block;
		}
		.em-tabsflex-set .em-tabsflex-item {
			border-bottom: 0;
			top: -3px;
		}
		.em-tabsflex-set .em-tabsflex-accordionitem {
			display: none;
		}
		
		.category-pagination-link { display: block; }	
		.product-incategory-navigation { display: block; }
		
		
		/* PRIMARY NAVI */	
			.site-navigation {
				clear: both;
				width:auto;
				height: 45px;
				background-color: transparent;
				bottom: 0;	
				padding-left:80px;
				padding-top: 6px;
				left: 0;				
			}
			
			.site-navigation .navbar {
				margin-bottom: 0;
				z-index: 100;
				border: 0;
				height: 40px;
			}
			
			.site-navigation .navbar .navbar-collapse {
				padding: 0;
			}
			
			.site-navigation .navbar .navbar-inner {
				padding: 0;
				background-color: transparent;
				background-image: none;
				border: 0;
				border-radius: 0;
				box-shadow: none;
				filter: none;
				min-height: 40px;
			}
			
			.navbar-collapse .primary-menu {
				margin-left: 0;
				padding: 0;
			}					
			
			.navbar-collapse .primary-menu .menu-item {
				float: left;
				border: 1px solid #fff;				
			}
			
			.navbar-collapse .primary-menu > .menu-item {
				height: 32px;
				margin-right: 4px;
			}
						
			.navbar-collapse .primary-menu > .menu-item:last-child {
				margin: 0;				
			}
			
			.navbar-collapse .primary-menu .menu-item a {
				height: auto;
				padding: 0 10px;
			} 
			
			.navbar-collapse .primary-menu > .menu-item > a {
				line-height: 32px;
				font-size: 1.2rem;
			}
			
			.navbar-collapse .primary-menu .dropdown-menu {
				padding: 22px 0;
			}
		
			.navbar-collapse .primary-menu > .menu-item.active,
			.navbar-collapse .primary-menu > .menu-item:hover {
				height: 32px;				
				border: 1px solid #ccc;
			}
			
			.navbar-collapse .primary-menu > .menu-item.dropdown:hover,
			.navbar-collapse .primary-menu > .menu-item.dropdown.open,
			.navbar-collapse .primary-menu > .menu-item.dropdown.active,		
			.navbar-collapse .primary-menu > .menu-item.dropdown.open.active {	
				height: 39px;
				border: 1px solid #ccc;
				border-bottom: 0;
			}	
			
			.navbar-collapse .primary-menu > .menu-item:first-child .dropdown-menu {
				width: 650px;
			}
			
			.navbar-collapse .primary-menu > .menu-item:first-child .dropdown-menu .menu-item {
				float: left;
			}
			
			.navbar-collapse .primary-menu > .menu-item:first-child .dropdown-menu .dropdown-menu {
				width: 100%;
			}
			
			.navbar-collapse .primary-menu .menu-item .dropdown-menu .menu-item .menu-item {
				float: none;
				width: 100%;
			}
			.navbar-collapse .primary-menu > .menu-item > .dropdown-menu {
				box-shadow: 3px 3px 4px 1px rgba(190,190,190,0.5);		
				position: absolute;
				left: -1px;
				top: 39px;
				border: 1px solid #ccc;
				border-top: 0;
			}
			
			.navbar-collapse .primary-menu > .menu-item.product-menu > .dropdown-menu:before {
				content: "";
				display: block;
				height: 1px;
				background-color: #ddd;
				position: absolute;
				top: 72px;
				left: 10px;
				right: 10px;
				margin: 0 auto;
			}
		
			.navbar-collapse .primary-menu .menu-item li.submenu-modular,
			.navbar-collapse .primary-menu .menu-item li.submenu-infos { padding-top: 55px; }
 		
		.ecms-searchform-toggle {
			position: absolute;
			right: 15px;
			bottom: 5px;
			top: auto;
			height: 34px;
			width: 250px;
		}
		
		.ecms-searchform-toggle .search-toggle {
			display: none;
		}
		
		.ecms-searchform-toggle .searchform-form {
			display: inline-block;
			background: none;
			border: 0;
			position: static;	
			padding: 0;	
			margin-top: 0;	
			opacity: 1;
			visibility: visible;
			width: 250px;
			box-shadow: none;
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;			
			-o-transition: none;
			transition: none;
		}
		
		.ecms-searchform-toggle:after {
			width: 0;
			background: none;
		}	
					
		.em-full-background {
			height: 35vh;
			height: 304px;			
		}
		
		.em-full-background .em-full-background-overlay {
			line-height: 264px;
		}
	
		.em-full-background-overlay-content {
			font-size: 3.75vw;
		}
	
		.em-overlay h1 {
			font-size: 5.75vw;
		}
		
		.em-overlay.small {
			font-size: 2.875vw;
		}	
		
		.footer-close {
			margin-top: 100px;
		}
		
		.footer-close .footer-close-logo {
			right: 72px;
		}
		
		.footer-company {
			padding-left: 84px;
		}
		
		.em-footer-row .col-centered {
			text-align: left;	
		}
		
		.em-productdetail-head-container > .row {
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}
		.em-productdetail-head-container .product-name {
			padding-bottom: 110px;
		}
	
		.product-featureliste ul li {					
			width: 32%;
			flex: 0 0 32%;
			margin-left: 10px;
		}	
		
		.product-featureliste ul li:nth-child(2n+1){
			margin-left: 10px;
		}
		.product-featureliste ul li:nth-child(3n+1){
			margin-left: 0;
		}
		
		.flex-list-container ul li {					
			width: 32%;
			flex: 0 0 32%;
			margin-left: 10px;
		}	
		.flex-list-container ul li:nth-child(2n+1){
			margin-left: 10px;
		}
		.flex-list-container ul li:nth-child(3n+1){
			margin-left: 0;
		}	
		
		.ecdb-record-body ul {			
			margin: 0 0 0 40px;
		}
		
		.ecdb-record-body ul li { left: 40px; padding-right: 40px; }
		.em-teasercontent .em-teaser-title { font-size: 2.5rem; }							
	}
	
	@media (min-width: 768px) and (max-width: 991px){
		.ecms-searchform-toggle { top: 40px; }
	}
	
	@media (min-width: 992px){
		
		.footer-close .footer-close-logo {
			right: 122px;
		}
		
		.navbar-collapse .primary-menu > .menu-item:first-child .dropdown-menu {
			width: 820px;
		}
			
		.em-full-background-overlay-content {
			font-size: 4.25vw;
		}
	
		.em-overlay h1 {
			font-size: 4.25vw;
		}	
		
		.em-overlay.small {
			font-size: 2.125vw;
		}
	}

	@media (min-width: 1200px){	
		
		.footer-close .footer-close-logo {
			right: 188px;
		}		
		.em-full-background {
			height: 45vh;
			height: 362px;			
		}
		
		.em-full-background .em-full-background-overlay {
			line-height: 322px;
		}
	
		.em-full-background-overlay-content {
			font-size: 3vw;
		}
	
		.em-overlay h1 {
			font-size: 3vw;
		}
		
		.em-overlay.small {
			font-size: 1.5vw;
		}			
 	}
 	
 	@media (min-width: 992px) and (max-width: 1199px){	
 	 		
		.em-overlay.west { top: 100px; }
		.em-overlay.east { top: 100px; }
		.em-overlay.needle { top: 100px; }
 	}
 	
	@media (max-width: 991px) {	
		
		.site-footer .container{
			padding-left: 15px;
		}
		
		.navbar-toggle {
			float: none;
			background: #ccc; 
			position: absolute;
			left: 15px;
			top: 10px;
			bottom: 10px;
			margin: auto 0;
		}
		
		.navbar .navbar-toggle .icon-bar {
			background-color: #f5f5f5;
			box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		}		
	}
	
	@media (max-width: 767px) {
		.navbar-collapse .primary-menu .menu-item .dropdown-menu .menu-item {
			width: 100%;
		}
		
		.em-logo {
			width: 261px;
			left: 80px;
		}		
		
		body.canvas-left,
		body.canvas-right {
			overflow-y: hidden;
		}
		
		.site-container.transform { 		 	
		 			  			
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
		
		.site-container {
			
			-webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
			-moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
			-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
			-ms-transition: -ms-transform .3s ease-in-out,width .3s ease-in-out;
			transition: transform .3s ease-in-out,width .3s ease-in-out;
				
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;
		 }
		 
		 .canvas-area {
			display: block;
			position: fixed;
			opacity: 0;
			top: 0;
			
			width: 275px;
			max-height: none;
			height: 100%;
			background-color: #fff;
			box-shadow: 3px 0 3px 1px rgba(0,0,0,0.5);
			
			-webkit-overflow-scrolling: touch;
			overflow-scrolling: touch;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;
			
		 	-webkit-transition-duration: .1s;
		 	-moz-transition-duration: .1s;
		 	-o-transition-duration: .1s;
		 	-ms-transition-duration: .1s;
		 	transition-duration: .1s;
		 	
		 	-webkit-transition-timing-function: ease-in-out;
		 	-moz-transition-timing-function: ease-in-out;
		 	-o-transition-timing-function: ease-in-out;
		 	-ms-transition-timing-function: ease-in-out;		 	
		 	transition-timing-function: ease-in-out;
		 	
		 	-webkit-transition-delay: 0;
		 	-moz-transition-delay: 0;
		 	-o-transition-delay: 0;
		 	-ms-transition-delay: 0;
		 	transition-delay: 0;
						
			overflow-y: auto;
			overflow-x: hidden; 		 	
		 }
		 		 
		 .canvas-open {
			z-index: 4;			
			opacity: 1;		 
		 }
		
		.site-navigation {
			background-color: transparent;
			width: auto;
			top: 0;
			left: 0;		
		}
		
		.site-navigation > .container-fluid { padding: 0; }		
		.site-navigation .navbar { background-color: transparent; margin-bottom: 0; }		
				
		.navbar-collapse {		
			left: -550px;					
			-webkit-transition-property: left;
			-moz-transition-property: left;
			-o-transition-property: left;
			-ms-transition-property: left;
			transition-property: left;		
		}
		
		.navbar-collapse.canvas-open {
			left: 0;					
			
			-webkit-transition-property: left;
			-moz-transition-property: left;
			-o-transition-property: left;
			-ms-transition-property: left;
			transition-property: left;
		}	
		
		.navbar-collapse .dropdown-menu > li > a { white-space: normal; }
		
		/* do not display bootstrap dynamically class .dropdown-backdrop cause its set a fixed container on whole viewport
		   and prevent browser from scrolling the navigation container */
		.navbar-collapse .dropdown-backdrop { display: none; }
		
		/**
		 * === OFF CANVAS ===
		 **/
		  
		.canvas-left .site-container {
			width: 100%;					
			-webkit-transform: translate3d(275px,0,0);
			-moz-transform: translate3d(275px,0,0);
			-o-transform: translate3d(275px,0,0);
			-ms-transform: translate3d(275px,0,0);
			transform: translate3d(275px,0,0);
		}
		
		.canvas-left .site-container:after {
			content: "";
			display: block;
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0;
			background: rgba(0,0,0,0.5);
		}
		
		.canvas-left .site-container .site-header {
			z-index: 0;
			position: absolute;
		}
		
		.em-footer-row .col-centered {
			border-bottom: 1px solid #ccc;
			margin-bottom: 30px;	
		}	
		
		.footer-box {
			padding-bottom: 30px;
		}
		
		.footer-company {
			display: inline-block;
			float: right;
		}
		
		.contact_form_wrapper table { width: 90%; }	
		
		.em-product-list .em-product-list-item .item-feature-list ul li {
			width: 100%;
			flex: 0 0 100%;
			margin-left: 0;
		}
		
		.ecms-searchform-toggle input.searchform-input {
			
		}
	}
	
	
	@media (max-width: 550px) {
		.product-featureliste ul li {		
			width: 100%;
			flex: 0 1 100%;
			margin-left: 0;
		}				
		.product-featureliste ul li:nth-child(2n+1),
		.product-featureliste ul li:nth-child(3n+1){
			margin-left: 0;
		}
		
		.flex-list-container ul li {
			width: 100%;
			flex: 0 1 100%;
			margin-left: 0;
		}				
		.flex-list-container ul li:nth-child(2n+1),
		.flex-list-container ul li:nth-child(3n+1){
			margin-left: 0;
		}	
		
		.contact_form_wrapper table { width: 100%; }
	}
	
	@media (max-width: 479px) {
		.flexslider-teasercontent .teaser-title {
			font-size: 2em;
			text-align: center;
		}
	}
	
	@media (max-width: 360px) {
		
		.em-logo .logo-claim-link{
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size:154px 55px;
	        -moz-background-size:154px 55px;
	        background-size:154px 55px;	
	        width: 154px;
	        height: 55px;
		}
		
		.container-highlight .container-highlight-text {
			width: 220px;
		}
	}
	
	@media (max-width: 320px) {
		.em-logo { top: 11px; left: 75px; }
		
		.em-logo .logo-claim-link{
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size:134px 47px;
	        -moz-background-size:134px 47px;
	        background-size:134px 47px;	
	        width: 134px;
	        height: 47px;
	        left: 50px;
		}
		
		.em-logo .logo-icon-link {
			width: 50px;
			height: 39px;
		}	
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
	       only screen and (min--moz-device-pixel-ratio: 2.0),
	       only screen and (-o-min-device-pixel-ratio: 200/100),
	       only screen and (min-device-pixel-ratio: 2.0) 
	{
	
		.em-logo .logo-icon-normal{
			display:none;
		}
		.em-logo .logo-icon-retina{
			display:inline-block;
		}
		.em-logo .logo-claim-link{
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size:194px 72px;
	        -moz-background-size:194px 72px;
	        background-size:194px 72px;	
		}	/* chrome-extension://bfbameneiokkgbdmiekhjnmfkcnldhhm/overlay/overlay.html#resize-menu */
	}
	
	@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2.0),
	       only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2.0),
	       only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 200/100),
	       only screen and (max-width: 767px) and (min-device-pixel-ratio: 2.0) 
	{
	
		.em-logo .logo-icon-normal{
			display:none;
		}
		.em-logo .logo-icon-retina{
			display:inline-block;
		}
	}
	
	
	
	@media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2.0),
	       only screen and (max-width: 568px) and (min--moz-device-pixel-ratio: 2.0),
	       only screen and (max-width: 568px) and (-o-min-device-pixel-ratio: 200/100),
	       only screen and (max-width: 568px) and (min-device-pixel-ratio: 2.0) 
	{
	
		.em-logo .logo-claim-link {
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size: 154px 55px;
	        -moz-background-size: 154px 55px;
	        background-size: 154px 55px;
		}
	}

	@media only screen and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 2.0),
	       only screen and (max-width: 360px) and (min--moz-device-pixel-ratio: 2.0),
	       only screen and (max-width: 360px) and (-o-min-device-pixel-ratio: 200/100),
	       only screen and (max-width: 360px) and (min-device-pixel-ratio: 2.0) 
	{
			
		.em-logo .logo-claim-link{
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size: 154px 55px;
	        -moz-background-size: 154px 55px;
	        background-size: 154px 55px;	
		}

	}
	
	@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2.0),
	       only screen and (max-width: 320px) and (min--moz-device-pixel-ratio: 2.0),
	       only screen and (max-width: 320px) and (-o-min-device-pixel-ratio: 200/100),
	       only screen and (max-width: 320px) and (min-device-pixel-ratio: 2.0) 
	{
			
		.em-logo .logo-claim-link{
			background-image:url(./files/logos/e-matters-claim-retina.png);
			-webkit-background-size: 109px 39px;
	        -moz-background-size:109px 39px;
	        background-size:109px 39px;	
		}

	}
	
/*	
	@media only screen and (max-device-width: 768px) and (orientation:portrait) {}		
	@media only screen and (max-device-width: 1024px) and (orientation:landscape) {}
*/

.site-body .button-tocontact-container { display: block; min-height: 0; text-align: center; padding-bottom: 50px; }
.site-body .button-tocontact-container .button-tocontact { width: auto; padding: 0 40px; height: 60px; min-height: 0; line-height: 60px; display: inline-block; font-size: 1.25em; color: #fff; text-align: center; border-radius: 6px; cursor: pointer; box-shadow: 0 1px 3px 1px rgba(190,190,190,0.7); }
.site-body .button-tocontact-container .button-tocontact:after { content: ''; display: block; position: absolute; height: 16px; margin: auto; padding: 0; right: 15px; top: 0; bottom: 0; width: 16px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: 0 0; border-bottom: 3px solid #fff; border-right: 3px solid #fff; }
.site-body .button-tocontact-container .button-tocontact:hover { 
		
background: rgb(255,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-30deg,  rgba(255,0,0,1) 0%, rgba(178,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(178,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-30deg,  rgba(255,0,0,1) 0%,rgba(178,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-30deg,  rgba(255,0,0,1) 0%,rgba(178,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-30deg,  rgba(255,0,0,1) 0%,rgba(178,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 4%,rgba(255,255,255,0) 50%), linear-gradient(150deg,  rgba(255,0,0,1) 0%,rgba(178,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b20000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	
	
	
/*
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 4%, rgba(255,255,255,0) 50%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(255,255,255,0.8)), color-stop(50%,rgba(255,255,255,0))); Chrome,Safari4+
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 4%,rgba(255,255,255,0) 50%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 4%,rgba(255,255,255,0) 50%); Opera 11.10+
background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 4%,rgba(255,255,255,0) 50%); IE10+
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 4%,rgba(255,255,255,0) 50%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); IE6-8 */

	
	
}



@media (min-width: 768px){
	.site-body .button-tocontact-container .button-tocontact { width: 300px; padding: 0 10px; }
}

.em-tab-container { border-bottom: 1px solid #ccc; margin-bottom: 30px; text-align: right; padding-right: 50px; position: relative; }
/*.em-tab-container:after { content: ""; display: block; height: 1px; box-shadow: 0 2px 3px 0px rgba(190,190,190,0.5); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }*/
.em-tab-container .tab-item { display: inline-block; position: relative; text-align: center; margin-right: 5px; border: 1px solid #ccc; border-bottom: 0; border-radius: 4px 4px 0 0; }
.em-tab-container .tab-item:last-child { margin-right: 0; }
.em-tab-container .tab-item.active { box-shadow: 1px -1px 4px 0 rgba(190,190,190,0.3); }
.em-tab-container .tab-item.active:after { content: ""; display: block; position: absolute; z-index: 1; height: 4px; background-color: #fff; bottom: -4px; left: 0; right: 0; margin: auto; }
.em-tab-container .tab-item .tab-item-link { color: #999; display: block; font-size: 1.1rem; height: auto; line-height: 1.4; padding: 10px 50px; border-radius: 4px 4px 0 0; }
.em-tab-container .tab-item:not(.active) .tab-item-link:hover { background: #f2f2f2; color: #E82924; }

@media (max-width: 405px){
	.em-tab-container .tab-item .tab-item-link { padding-left: 20px; padding-right: 20px; }
}

.em-productgroup-view-container .data { position: relative; }

/** Messen 2018 **/

	.messen2018 .em-overlay.em-overlay-image-container { height: 156px; }
	.messen2018 .em-overlay-image-container .em-overlay-image:first-child { margin: 0; text-align: center; height: auto; }
	.messen2018 .em-overlay-image-container .em-overlay-link { display: inline-block; width: 100%; height: 100%; vertical-align: top; }
	.messen2018 h1 { font-size: 2.45vw; }
	
@media (min-width: 591px) and (max-width: 767px){
	.messen2018 .em-keys { right: 0; left: 0; bottom: -10px; position: absolute; width: 529px; margin: auto; font-size: 2.275vw;  }
	.messen2018 h1 { font-size: 2.75vw; }
	.messen2018 .em-overlay.em-overlay-image-container { height: 89px; }
	.messen2018 .em-overlay-image-container { bottom: 33px; top: auto; right: auto; width: 100%; height: 105px; text-align: center; left: 0; }
	.messen2018 .em-overlay-image-container .em-overlay-image { height: 100%; line-height: normal; vertical-align: top; display: inline-block; }
	.messen2018 .em-overlay-image-container .em-overlay-image:first-child { margin-bottom: 0; margin-right: 5px; height: 100%; }
}

@media (min-width: 768px) and (max-width: 894px){
	.messen2018 .em-keys { right: auto; left: 0; bottom: -15px; }
	.messen2018 .em-overlay.em-overlay-image-container { height: 103px; top: 120px; }
	.messen2018 h1 { font-size: 4.75vw; }
}

@media (min-width: 894px) and (max-width: 991px){
	.messen2018 .em-keys { right: auto; left: 0; bottom: -15px; font-size: 2.275vw;  }
	.messen2018 h1 { font-size: 4.75vw; }
	.messen2018 .em-overlay.em-overlay-image-container { height: 103px; top: 120px; }
}

@media (min-width: 992px) and (max-width: 1199px){
	.messen2018 .em-overlay.em-overlay-image-container { height: 130px; }
	.messen2018 .em-keys { right: auto; left: 0; bottom: 14px; font-size: 1.75vw; }
	.messen2018 h1 { font-size: 3.1vw; }
}

@media (min-width: 1200px) and (max-width: 1920px) {
	.messen2018 h1 { font-size: 2.45vw; }
}

@media (max-width: 590px){
	.messen2018 .em-keys { right: 0; left: 0; bottom: -10px; position: absolute; width: 100%; margin: auto; font-size: 2.275vw;  }
	.messen2018 h1.em-overlay.northwest { font-size: 2.75vw; position: relative; top: 110px; }
	.messen2018 .em-overlay.em-overlay-image-container { height: 105px; } 
	.messen2018 .em-overlay-image-container { bottom: 73px; top: auto; right: auto; width: 100%; height: 90px; text-align: center; left: 0; }
	.messen2018 .em-overlay-image-container .em-overlay-image { height: 100%; line-height: normal; vertical-align: top; display: inline-block; max-width: 48%; }
	.messen2018 .em-overlay-image-container .em-overlay-image:first-child { margin-bottom: 0; margin-right: 5px; }	
}

/** Internet World Start **/
.iw2015 { height: 100%; }
.iw2015 .iw-full-container { width: 100%; height: 75%; position: relative; }
.iw2015 .iw-full-container .iw-logo { height: 80%; position: absolute; top: 0; bottom: 0; margin: auto; }
.iw2015 .iw-full-container .iw-logo img { max-height: 100%; vertical-align:top; }
.iw2015 .iw-claim { background-color: transparent; line-height: 1; font-weight: 500; top: 50px; left: 270px; position: absolute; } 
.iw2015 .iw-visit { background-color: transparent; line-height: 1.4; font-weight: 500; }

@media (min-width: 768px) and (max-width: 991px){
	.iw2015 .iw-claim { left: 240px; top: 50px; }
	.iw2015 .iw-claim h1 { font-size: 5.5vw; }
}

@media (min-width: 885px) and (max-width: 991px){
	.iw2015 .iw-claim h1 { font-size: 5.1vw; }
	.iw2015 .em-keys { font-size: 2.5vw; }
}

@media (min-width: 1200px) and (max-width: 1500px){
	.iw2015 .iw-claim { top: 50px; }
}

@media (max-width: 767px){
	.iw2015 .iw-full-container { height: 65%; }
	.iw2015 .iw-claim { top: 0; left: 140px;  }
	.iw2015 .iw-claim h1 { font-size: 4vw; }
	.iw2015 .iw-visit { background-color: rgba(255,255,255,0.7); font-size: 0.8em; padding-bottom: 0; }
	.iw2015 .em-keys { font-size: 0.8em; }
}

@media (max-width: 490px){
	.iw2015 .iw-visit { padding-bottom: 0px; font-size: .55em; }
	.iw2015 .em-keys { font-size: .7em; }
}

@media (max-width: 399px){
	.iw2015 .iw-claim { top: 25px; }
}

.k5wrap { line-height: 20px; }
.k5wrap .k5logo { width: 201px; float:left; padding: 5px 20px 20px 0; }
.k5wrap .k5content { float:right; color: #00A5E4; }
.k5wrap .k5content h1 { color: #00A5E4; font-size: 54px; line-height: 61px; padding-bottom: 18px; font-weight: 400; }
.k5wrap .k5content .k5claim { line-height: 40px; font-size: 18px; font-weight: 400; }
.k5wrap .k5content .k5time { line-height: 30px; font-size: 14px; font-weight: 400; }

@media (min-width: 768px) and (max-width: 991px){
	
}

@media (max-width: 991px){
	
	.k5wrap .k5content .k5claim { line-height: 20px; font-weight: 400; }
	.k5outer .em-keys { display: none; }
}

@media (max-width: 767px){
	.k5wrap { display: inline-block; }
	.k5wrap .k5logo { padding-top: 8px; width: 171px; }
	.k5wrap .k5content h1 { font-size: 42px; line-height: 55px; padding-bottom: 13px; }
}

@media (max-width: 610px){
	.k5wrap .k5logo { width: 130px; padding-top: 3px; }
	.k5wrap .k5content h1 { font-size: 27px; line-height: 37px; padding-bottom: 15px; }
	.k5wrap .k5content .k5claim { font-size: 12px; }
	.k5wrap .k5content .k5time { font-size: 12px; line-height: 20px; }
}

@media (max-width: 434px){
	.k5wrap .k5logo { width: 80px; padding: 0; float: none; margin-left: -2px; }
	.k5wrap .k5content { float: none; }
	.k5wrap .k5content h1 { font-size: 17px; line-height: 25px; padding-bottom: 25px; }
	.k5wrap .k5content .k5claim { font-size: 12px; }
	.k5wrap .k5content .k5time { font-size: 12px; line-height: 20px; }
}


.qrcode-scanner .scanner-source-container { display: inline-block; height: auto; margin-bottom: 4px; }


/* Referenzen neu ab 06/2016 */

.reference-detail strong { font-weight: 500; }
.reference-detail b { font-weight: 500; }

.reference-detail .reference-detail-row { margin: 0; letter-spacing: .03em; }
.reference-detail .reference-detail-row .reference-detail-inner { padding: 0; }
.reference-detail .reference-detail-row .header-background { /* display: flex; align-items: flex-end; */ }
.reference-detail .reference-detail-row .header-background .reference-content-inner-row { margin-bottom: 29px; }

.reference-detail .background-container { background-repeat: no-repeat; background-size: cover; background-position: 0 center; }
.reference-detail .reference-title { color: #fff; font-weight: 300; font-size: 3.125em; line-height: 1.25; display: inline; }
.reference-detail .reference-subtitle { color: #fff; font-size: 2.125em; line-height: 1.41; font-weight: 200; display: inline; }
.reference-detail .reference-company-name { font-weight: 600; line-height: 1.5; color: #fff; }

.reference-detail .reference-company-fact-bar { background-color: #e6e6e6; padding-top: 18px; padding-bottom: 18px; }
.reference-detail .reference-company-fact-bar .company-fact-label { font-weight: 600; line-height: 1.5; color: #999; margin-right: 3px; }
.reference-detail .reference-company-fact-bar .company-fact-data { font-weight: 400; line-height: 1.5; color: #333; }

.reference-detail .reference-content-title { font-size: 1.625em; font-weight: 300; line-height: 1.5; color: #333; margin: 0; padding-bottom: 13px; }
.reference-detail .reference-content-title.fact-title { font-size: 1em; font-weight: 600; color: #666; }
.reference-detail .reference-text-container-top { margin-top: 39px; }

.reference-detail .reference-text-container p { font-size: 1em; font-weight: 200; line-height: 1.5; color: #333; margin: 0; }
.reference-detail .reference-text-container .image-container { text-align: center; }

.reference-detail .short-facts { position: absolute; top: 0; right: 0; width: 90%; border-radius: 2px; padding: 10px; color: #eee; background-color: rgba(255,255,255,0.8); }
.reference-detail .short-facts .short-facts-headline { margin-left: 5px; padding: 0 0 10px; font-weight: 500; font-size: 1.25em; }
.reference-detail .short-facts .facts-list { margin: 0; padding: 0 0 0 25px; font-size: 0.875em; }

.reference-detail .short-facts-company-logo { width: 150px; height: 50px; line-height: 37px; position: absolute; right: 15px; top: 15px; padding: 5px; text-align: center; background: #fff; }
.reference-detail .short-facts-company-logo .logo-image { max-width: 100%; max-height: 100%; vertical-align: middle; }
.reference-detail .short-facts .short-facts-company-info { font-size: 0.875em; margin-left: 5px; padding: 0 0 10px; }
.reference-detail .short-facts .short-facts-link { color: #fff; display: inline-block; margin-bottom: 5px; }

.reference-detail .short-facts .store-link { font-weight: 500; }
.reference-detail .short-facts .store-link:hover { color: #eee; font-weight: 500; text-decoration: underline; }
.reference-detail .short-facts .store-link:active { color: #f9f9f9; font-weight: 500; text-decoration: underline; }
.reference-detail .short-facts .store-link:visited { color: #fff; font-weight: 500; text-decoration: none; }

.reference-detail .short-facts .info-name { display: inline-block; min-width: 60px; }
.reference-detail .short-facts .info-value { margin-left: 5px; font-weight: 400; }

.reference-detail .reference-quote-container { right: 10%; width: 30%; position: absolute; top: 15%; bottom: 15%; margin: auto; height: 50%; }
.reference-detail .reference-quote-container .reference-quote { font-size: 1.45em; font-weight: 300; line-height: 1.5; color: #fff; }
.reference-detail .reference-quote-container .reference-quoter { display: inline-block; font-size: 1em; color: #eee; font-weight: 300; line-height: 1; float: right; margin-top: 10px; }
.reference-detail .reference-quote-container .reference-quoter .quoter-info { display: block; font-size: .8em; color: #eee; font-weight: 300; line-height: 1.25; }

.reference-detail .download-box { padding: 15px; border-radius: 2px; text-align: center; background-color: #f0f0f0; }
.reference-detail .download-box-headline { font-weight: 300; line-height: 1.5; color: #333; }

.reference-detail .reference-navigation { position: relative; }
.reference-detail .reference-navigation .reference-navigation-link-container { display: inline-block; position: absolute; top: 39px; }
.reference-detail .reference-navigation .reference-navigation-link-container:hover { transform: scale(1.2); }
.reference-detail .reference-navigation .reference-navigation-link-container:active { transform: scale(0.9); }
.reference-detail .reference-navigation .reference-navigation-left { left: 0px; }
.reference-detail .reference-navigation .reference-navigation-right { right: 0px; }

.reference-detail .imagelightbox-image { border: 1px solid #ddd; }

@media (max-width: 1499px){
	.reference-detail .reference-quote-container { top: 5%; }
	.reference-detail .reference-quote-container .reference-quote { font-size: 1.15em; }
}

@media (min-width: 1200px) and (max-width: 1310px){
	.reference-detail .reference-navigation .reference-navigation-link-container { top: 0; }
	.reference-detail .reference-text-container-top { margin-top: 64px; }
}

@media (max-width: 1199px){	
	.reference-detail .reference-quote-container .reference-quote { font-size: 1em; }
	.reference-detail .reference-quote-container .reference-quoter { font-size: 0.91em; }
	.reference-detail .reference-quote-container .reference-quoter .quoter-info { font-size: 0.71em; line-height: 1.5; }
}

@media (max-width: 1035px){	
	.reference-detail .reference-quote-container .reference-quote { font-size: 0.91em; }
	.reference-detail .reference-quote-container .reference-quoter { font-size: 0.85em; }
}

@media (min-width: 992px) and (max-width: 1110px){
	.reference-detail .reference-navigation .reference-navigation-link-container { top: 0; }
	.reference-detail .reference-text-container-top { margin-top: 64px; }
}

@media (max-width: 991px){
	.reference-detail .reference-quote-container { position: static; padding: 20px 0; width: 70%; height: 65%; }	
	.reference-detail .reference-quote-container .reference-quote { font-size: 1.2em; }
	
	.reference-detail .reference-title { font-size: 2em; }
	.reference-detail .reference-subtitle { font-size: 1.25em; }
	.reference-detail .reference-company-name { font-size: 0.85em; }		
}

@media (max-width: 849px){
	.reference-detail .reference-navigation .reference-navigation-link-container { top: 0; }
	.reference-detail .reference-text-container-top { margin-top: 64px; }
}

@media (max-width: 767px){
	.reference-detail .reference-text-container .image-container { margin-top: 20px; }
	.reference-detail .short-facts-company-logo { position: static; margin-bottom: 15px; }
}

@media (max-width: 449px){
	.reference-detail .reference-detail-row .header-background .reference-content-inner-row { margin-bottom: 10px; margin-top: 20px; }
	.reference-detail .reference-title { font-size: 1.25em; }
	.reference-detail .reference-subtitle { font-size: 1.125em; }
	.reference-detail .reference-company-name { font-size: 0.85em; }		
}

#imagelightbox-loading { background-color: #E82924; }
#imagelightbox-nav { background-color: #E82924; font-size: 1.333333333333333em; }
.imagelightbox-arrow { -webkit-appearance: none; border: 0; height: 3.75em; border-radius: 2px; background-color: #E82924; }
.imagelightbox-arrow:hover { background: #b20000; }
.imagelightbox-arrow:focus { background: #b20000; }
.imagelightbox-arrow:active { background: #8e0202; }
#imagelightbox-close { top: 3.5em; border: 1px solid #b20000; background-color: #E82924; }
#imagelightbox-close:hover { background: #b20000; border: 1px solid #E82924; }
#imagelightbox-close:focus { background: #b20000; border: 1px solid #E82924; }
#imagelightbox-close:active { background: #8e0202; }

/* === EOF === */