/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/templates/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fileadmin/templates/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/templates/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/templates/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/templates/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/templates/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/templates/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fileadmin/templates/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/templates/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/templates/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/templates/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/templates/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}



* {
	font-weight: 300;
	font-size: 15px !important;
	line-height: 1.5em;
} 



#content h1, 
span.vbar {
    font-size: 29px !important;
    font-weight: 300;
    text-transform: uppercase;
}
#content p.csc-subheader {
    font-size: 23px !important;
    font-weight: 300;
    text-transform: none;	
}
#content b, #content b a {
    font-weight: 400;
}


#content_main p a.internal-link {
	text-decoration: underline;
}

#content_right div {
    background-color: #a3acb1;
    color: #fff;
    padding: 10px;
}
#content_right div h2,
#content_right div td,
#content_right div p,
#content_right div b {
	color: #fff;
}


#content_right div > div {
	background-color: transparent !important;
}
#content_right div h3 {
	background-color: transparent !important;
	font-weight: 400;
	color: #fff;
}

#content_right h3 a {
	font-weight: 400;
	color: #fff;
}

#content_right div ul a, #content_right div ul.csc-menu a {
	color: #fff;
}

#footer {
    background-color: #a3acb1;
	color: #fff;
}
#footer ul.list li h5 a,
#footer ul.list li a {
	color: #fff;
}

#footer #footerMeta,
#footer #footerCopyright,
#footer #footerMeta a {
	color: #fff;
}

/* ***************************************** */
/* Update Layout 2016/2017 */
/* ***************************************** */
* {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 17px !important;
}
#header {
	background-color: transparent !important;
}


sup {
    vertical-align: super;
    font-size: smaller;
}

#navi,
#breadcrumb,
#content,
#footer {
	width: 1200px;
}

#mobileNav {
	display: none;
}

#navi #languageMenu {
	top: auto;
	bottom: 38px;
}
#navi ul {
    bottom: 35px;
    right: 80px;
}

#navi ul li.mainNaviItem ul.layer, 
#navi ul li.mainNaviItemActive ul.layer {
	/*left:-306px;*/
	/*left: -177px;*/
	left:-208px;
}

#navi ul li.mainNaviItem ul.layer li.lv2 ul.lv3, 
#navi ul li.mainNaviItemActive ul.layer li.lv2 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItem.lv1 ul.layer.id52.lv2 li.lv2.id106 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItemActive.lv1 ul.layer.id52.lv2 li.lv2.id106 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItem ul.layer.id52.lv2 li#current.lv2.active ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItemActive ul.layer.id52.lv2 li#current.lv2.active ul.lv3 { /* Trennwände */
	margin-left: 75px;
	margin-top: 24px;
	width: 99.9%;
}


#navi ul#mainNavi.lv1 li.mainNaviItem.lv1 ul.layer.id52.lv2 li.lv2.id53 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItemActive.lv1 ul.layer.id52.lv2 li.lv2.id53 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItem ul.layer.id52.lv2 li.lv2.id53 ul.lv3,
#navi ul#mainNavi.lv1 li.mainNaviItemActive ul.layer.id52.lv2 li.lv2.id53 ul.lv3 { /* Schränke */
	margin-left: 75px;
	margin-top: 24px;
	width: 99.9%;
}

#keyvisual #pager {
	top: auto;
	bottom: 1px;
}

#content_main_full div.csc-textpic {
	width: auto;
	height: 290px;
}
#content_main_full div.csc-textpic.csc-textpic-intext-left.csc-textpic-border div.csc-textpic-imagewrap {
	margin-right: 35px;
}

#angebot,
#rueckruf,
#fachberater,
#onlineshop {
	background-color: transparent !important;
	color: #2e2e2e !important;
	text-align: center;
}
#angebot h3, #angebot h3 a,
#rueckruf h3, #rueckruf h3 a,
#fachberater h3, #fachberater h3 a,
#onlineshop h3, #onlineshop h3 a {
	color: #2e2e2e !important;
	font-size: 100% !important;
}

/* Grid 3x3 */
.grid3x3 {
	width: 100%;
}
.grid3x3 .col1, .grid3x3 .col2, .grid3x3 .col3 {
	background-color: transparent;
	width: calc((100% - 50px) / 3);
}
.grid3x3 .col1 .colContent, .grid3x3 .col2 .colContent, .grid3x3 .col3 .colContent {
	padding: 0;
}
.grid3x3 .col1 .colContent .csc-textpic-text, .grid3x3 .col2 .colContent .csc-textpic-text, .grid3x3 .col3 .colContent .csc-textpic-text {
	padding-top: 0 !important;
}
.grid3x3 h2 {
	text-align: center;
	font-size: 110% !important;	
}
.grid3x3 h2 a {
	text-decoration: none;
	/*font-size: 21px !important;*/
	font-size: 18px !important;
}

.grid3x3.startseite img {
	min-width: 100%;
}

/* Referenzen */
.referenzen-latest-container .referenzen-latest-item {
	width: calc((100% - 50px) / 3) !important;
	/*min-height: 200px;*/
	height: auto !important;
	background-color: transparent;
}
.referenzen-latest-container .referenzen-latest-item a:first-child {
	width: 100%;
	/*height: 200px;*/
	overflow: hidden;
	display: inline-block;
}
.referenzen-latest-container .referenzen-latest-item h3 a {
	height: auto !important;
}
.referenzen-latest-container .referenzen-latest-item img {
	max-width: 100% !important;
	height: auto !important;
}

#footer ul.list {
	width: calc((100% - 100px) / 5) !important;
}

/* 
	20171017 cmu
	Sonderausnahme: Angebots-Button in rechter Spalte auf der Seite
	https://www.kemmlit.de/de/kontakt/kontaktformular.html
	deutsch = #c18369
	englisch = #c18372
*/
#c18369,
#c18372 {
	padding: 0;
	background-color: white !important;
}
#c18369  .csc-textpic-text,
#c18372 .csc-textpic-text{
	text-align: center;
}
#c18369  .csc-textpic-text a,
#c18372  .csc-textpic-text a{
	text-decoration: none;
}

/* ***************************************** */
/* Update Layout 2018 */
/* ***************************************** */
#footer {
	width: 100%
}
#footerContent {
	width: 1200px;
	margin: 0 auto;
}
#footer ul.list {
	list-style: none;
	text-align: center;
	width: 450px !important;
	margin-left: calc((100% - 500px) / 2);
}
#footer ul.list li {
	float: left;
	display: block;
	text-align: center;
	padding: 0 10px;
}
#footer ul.list li {
	border-right: 1px solid #fff;
}
#footer ul.list li:last-child {
	border-right: none;
}

/* ***************************************** */
/* responsive */
@media only screen and (max-width: 1200px) { /* kleiner als 1200px */

	#navi,
	#breadcrumb,
	#content,
	#footer {
		width: 100%;
	}
	
	#header {
		height: auto;
	}
	
	#keyvisual {
		width: 100%;
	}
	
	#navi ul li {
		margin-left: 30px;
	}

	#content_main,
	#content_main_full {
		width: 100%;
	}

	#content_main > *,
	#content_main_full > * {
		padding: 0 10px;
	}
	
	#content_right {
		float: left;
	}

}

@media only screen and (max-width: 980px) { /* kleiner als 980px */

	
	#navi ul li {
		margin-left: 20px;
	}

}


@media only screen and (max-width: 930px) { /* kleiner als 930px */

	
	#navi ul {
		display: none;
	}
	
	#mobileNav {
		display: block;
		right: 40px;
		top: 35px;
		position: absolute;
		font-size: 30pt !important;
		cursor: pointer;
	}
	
	ul#mainNavi {
		width: 99.99%;
		min-height: 9000px;
		z-index: 9999999;
		top: 118px;
		left: 0;
		bottom: auto;
		background: rgba(51, 51, 51, 0.85) !important;
	}
	ul#mainNavi li {
		float: none;
	}
	ul#mainNavi li a {
		color: #fff;
	}
	ul#mainNavi li.lv1 {
		margin-bottom: 2em;
	}

	#navi ul li.mainNaviItem ul.layer li {
		float: none;
	}
	li.mainNaviItem ul.layer,
	li.mainNaviItemActive ul.layer {
		background: transparent;
		width: auto;
		height: auto;
		position: relative;
		z-index: auto;
	}
	#navi ul li.mainNaviItem ul.layer, 
	#navi ul li.mainNaviItemActive ul.layer {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		background: transparent;
		left: 0;
		top: 1em;
	}
	#navi ul li.mainNaviItem ul.layer li.lv2, 
	#navi ul li.mainNaviItemActive ul.layer li.lv2 {
		margin-top: 0;
		float: none;
		width: 99.9% !important;
	}
	#navi li .id106 a,
	#navi li .id53 a {
		display: inline-block;
	}
	

}

@media only screen and (max-width: 768px) { /* kleiner als 768px */


	.grid3x3 .col1, .grid3x3 .col2, .grid3x3 .col3 {
		float: none;
		width: 100%;
	}
	
	div.csc-textpic-left .csc-textpic-imagewrap {
		margin-left: calc((100% - 380px) / 2);
	}

	#footer ul.list {
		float: none;
		width: 100%;
		display: none;
}