/* 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: #cfd1d2;
    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 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 {
	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 {
	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;
}


#formRueckruf fieldset label {
	vertical-align: top;
}




.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-dialog-title {
    font-weight: 700;
    padding: 5px 0 0 10px;
}

#formRueckruf * {
	font-size: 15px !important;
}

#formRueckruf input, 
#formRueckruf select,
#formRueckruf textarea {
	margin-bottom: 8px;
}

#formRueckruf input, 
#formRueckruf select {
	height: 30px;
}

#formRueckruf input[type='checkbox'] {
	height: auto;
}

#angebot,
#rueckruf,
#fachberater,
#onlineshop,
#thema {
	width: 250px;
	background-color: white !important;
	color: #2e2e2e !important;
	text-align: center;
	border: none;
}
#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;
}

/* Icon für .docx-Dateien */
li.csc-uploads-element-docx .csc-uploads-fileName::before {
	display: inline-block;
	content: '';
	background-image: url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-word.svg);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	margin-right: 1em;
}

/* 20200408 - bolf in News soll wieder erscheinen */
.news-list-item h3 span.news-list-date {
	width: 160px;
    display: inline-block;
}
.news-list-item h3 a {
	font-weight: 700;
	text-decoration: none;
}
.news-list-item .news-list-morelink {
	display: inline-block;
	margin-left: 1em;
}
#content .news-single-item b, #content .news-single-item b a {
    font-weight: 700;
}


/* ***************************************** */
/* 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 #languageMenu {
		top: 20px !important;
		right: 43px;
	}
	
	#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;*/
		top: 112px;
		left: 0;
		bottom: auto;
		background: rgba(51, 51, 51, 0.95) !important;
	}
	ul#mainNavi li {
		float: none;
	}
	ul#mainNavi li a {
		color: #fff;
	}
	ul#mainNavi li.lv1,
	ul#mainNavi > li {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#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;
	}
	
	#breadcrumb {
		width: calc(100% - 10px);
		padding-left: 10px;
	}

}

@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;
}