/*@font-face {
	font-family:'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Book.woff') format('woff'),
		url('../fonts/Gotham-Book.ttf') format('truetype'),
		url('../fonts/Gotham-Book.otf') format('opentype'),
		url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: 325;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}


@font-face {
	font-family:'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Medium.woff') format('woff'),
		url('../fonts/Gotham-Medium.ttf') format('truetype'),
		url('../fonts/Gotham-Medium.otf') format('opentype'),
		url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: 350;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}

@font-face {
	font-family:'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot');
	src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Bold.woff') format('woff'),
		url('../fonts/Gotham-Bold.ttf') format('truetype'),
		url('../fonts/Gotham-Bold.otf') format('opentype'),
		url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}

@font-face {
	font-family:'Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Light.woff') format('woff'),
		url('../fonts/Gotham-Light.ttf') format('truetype'),
		url('../fonts/Gotham-Light.otf') format('opentype'),
		url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}



@import url("fonts-ro.css");
@import url("fonts-ro.css");
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	line-height: normal;
	background-color:#fff;
	font-family: 'Gotham-Book', Arial;
	color: #000;
	font-size:16px;
	line-height:21px;
}

img {
	image-rendering: -webkit-optimize-contrast;	
}

select {
	border:1px solid #e3e3e3;
	padding:5px;
	background-color:#fff;
}

.marquee, .marquee-holder {
	overflow: hidden;
}
.marquee-holder .image {
	display:inline-block;
	margin:10px;
}




#reference-work-order-container {
	display:none;
	margin-bottom:60px;
	/*float:left;*/
	width:100%;
	padding:30px;
	background-color:#ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
	border:1px solid #ccc;
}
#reference-work-order-container .reference-work-order-headline, #reference-work-order-container .headline {
	color: #08509d;
	font-size:28px;
	line-height:28px;
	padding-bottom:6px;
    font-family: 'Gotham-Bold';
	text-transform:uppercase;	
}
#reference-work-order-container #reference-work-order-number {
	font-size:28px;
	color:#000;
}



#popup-container {
	padding:20px;
	text-align:left;
	position:fixed;
	z-index:9999;
	width:100%;
	height:100%; 
	background: rgba(255,255,255,0.7);
}


#popup-container #popup-content {
	-webkit-flex: 1;
	flex: 1 1 auto;
	position: relative;
	min-width: 1px;

	margin: 0 auto;
	width: 100%;
	background-color:#fff;
	margin-top:10%;
	padding:40px;
	-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);
	max-width:1200px;
}



#popup-container #popup-content header {
	margin-bottom:40px;
	text-transform:uppercase;
}



#popup-container #popup-content .ce-left .ce-gallery {
	margin-right:20px;
}
#popup-container #popup-content .ce-right .ce-gallery {
	margin-left:20px;
}

#popup-container #popup-content .ce-gallery {
	max-width:50%;
}
#popup-container #popup-content .ce-gallery img {
	width:100%;
	height:auto;
}

#popup-container #popup-content .popup-close {
	display:inline-block;
	position:absolute;
	width:30px;
	height:30px;
	background-image:url(../img/close-icon.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	right:20px;
	top:20px;
	cursor:pointer;
}


#group-interactive-map {
}


.text-justify {
    hyphens: auto;
    -webkit-hyphens: auto;
	text-align: justify;
}

.wrapper {

}

.pageimage-hidden {
	display:none;
}
.icon-holder {
	display:none;
}
.system-detail-icons .icon-holder {
	display:inline-block;
		position:relative;
}	
.system-detail-icons .icon-holder .icon {
	height:90px;
	width:90px;
	display:table-cell;
	position:relative;
	vertical-align:middle;
	text-align:center;
	/*background-image:url(../../user_upload/common/icons/systemdetails/oel.png);*/
	background-repeat:no-repeat;
	background-position: 50% 50%;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;		
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.system-detail-icons .icon-holder .icon:hover {
	background-color:#f5f5f5;
}

.system-detail-icons .icon-holder .tooltip {
	position:absolute;
	display:none;
	left:0px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	/*white-space:nowrap;*/
	top:-13px;
	color:#000;
	border: 1px solid #7faad6;
	background-color:#fff;
	padding:2px;
	border-radius: 5px;
	width:100%;
	max-width:90px;
}
.system-detail-icons .icon-holder:hover .tooltip {
	display:inline-block;
} 


img {
	vertical-align: bottom;
}


ul {
	list-style:none;
	padding:0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



a {
	color: #000;
	text-decoration:none;
}
a:hover {
	color:#0055AD;
}

a:active, a:focus {outline: none;}



a.buttonlink, .submit .btn, .tx-srfeuserregister-pi1-submit, .felogin-submit input, .ferecovery-submit input, div.buttonlink {
	text-transform:uppercase;

	display:inline-block;
	padding:14px;
	color:#0055AD;
	padding-top:7px;
	padding-bottom:8px;
	
	font-size:17px;
	margin-top:10px;
	border:1px solid #0055AD;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	

}

a.buttonlink-blue {
	background-color: #0055AD;
	color:#fff;
}

 .tx-srfeuserregister-pi1-submit {
	 padding:14px!important;
	 padding-bottom:8px!important;
	 padding-top:7px!important;
	 border:none;
	 cursor:pointer;
 }

a.buttonlink:hover, span.buttonlink:hover a, .submit .btn:hoverm, .tx-srfeuserregister-pi1-submit, .felogin-submit:hover input, .ferecovery-submit:hover input, div.buttonlink:hover  {
	border:1px solid #30d4ff;
	color:#30d4ff;
	text-decoration:none;
}

.submit .btn, .felogin-submit input, .ferecovery-submit input {
	border:none;
	cursor:pointer;
	transition: all 0.5s ease;	
	/*background-color:#004994;*/
}

.submit .btn:hover {
	/*background-color:#007cc1;*/
}



a.download {

}
a.download:hover {

}


b, strong {
	font-family: 'Gotham-Bold';
}



i, em {
	font-style: italic;

}

.text-center {
	text-align:center;
}

.clear {
	clear:both;
}

.align-justify {
	text-align: justify;
}

.frame-type-menu_sitemap ul li a {
	font-family: 'Gotham-Bold';
}
.frame-type-menu_sitemap ul li ul li a {
	font-family: 'Gotham-Book';
	text-decoration:underline;
}	
.frame-type-menu_sitemap ul li ul li ul ul li a {	
	text-decoration:none!important;
	color:#fe0000;
}
.frame-type-menu_sitemap ul ul {
	margin-left:20px;
}




.frame header {
	width:100%;
	text-align:center;
}


#maincontent-container header {
	text-align:center;
	display:table;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:125px;
}
#maincontent-container header.header-left {
	text-align:left;
	margin-left:0px!important;
	margin-right:0px!important;
}


#maincontent-container header .header-icon {
	display:table-cell;
	vertical-align:middle;
	padding-right:36px;
}

#maincontent-container header .header-icon:empty {
	padding-right:0px;
}

#maincontent-container header .header-icon .pageimage-hidden {
	/*display:inline-block;
	margin-top:5px;
	margin-right:20px;	*/
	display:inline-block;
}
#maincontent-container header .header-wrapper {
	display:table-cell;
	vertical-align:middle;
	
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;

	padding-left:20px;
	padding-right:20px;

	width:auto;
	/*display:inline-block;*/
	margin-left:auto;
	margin-right:auto;	
	text-transform:uppercase;
}




h1, h2 {
	font-family: 'Gotham-Light';
	font-size:50px;
	line-height:50px;
	color:#0055AD;
	/*margin-bottom:125px;
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;

	padding-left:40px;
	padding-right:40px;

	width:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	*/
	hyphens: auto;
	
}




h3,
h2.like-h3 {
    font-family: 'Gotham-Book';
	font-size:20px;
	line-height:24px;
	padding-bottom:12px;
	color:#0055AD;
	text-transform:uppercase;
}



h4 {
    font-family: 'Gotham-Bold';	
	color: #3281db;
	font-size:17px;
	line-height: 20px;
	padding-bottom:4px;
	margin-top:6px;
}


p {
	padding-bottom:20px;
}

.text-50px {
	font-size:50px;
	text-transform:uppercase;
	font-family: 'Gotham-Light';	
}


hr {
	border: 1px solid #dee2e6;
}


sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


input::-webkit-input-placeholder { /* Chrome */
	/*color: #007cc1;*/
	color:#fdfdfd;
	opacity:  1;
}
input:-ms-input-placeholder { /* IE 10+ */
	/*color: #007cc1;*/
	color:#fdfdfd;
	opacity:  1;
}
input::-moz-placeholder { /* Firefox 19+ */
	/*color: #007cc1;*/
	color:#fdfdfd;
	opacity:  1;

}
input:-moz-placeholder { /* Firefox 4 - 18 */
	/*color: #007cc1;*/
	color:#fdfdfd;
	opacity:  1;
}




.center-container {
	width:100%;
	max-width:1760px;
	padding-left:60px;
	padding-right:60px;	
	margin-left:auto;
	margin-right:auto;	
}


#quicknavi-container {
	position:fixed;
	right:0px;
	top:315px;
	z-index:1000;
	text-align:right;

}


#quicknavi-container .quicknavi-element {
	background-color:#fff;
	height:78px;
	line-height:78px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:18px;
	-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);	
	width:auto;
	float: right;
	clear: right;
	text-align:left;
	margin-right: -100%;

	
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;		
	

}


#quicknavi-container .quicknavi-element:hover {
	margin-right:0px!important;
}


#quicknavi-container .quicknavi-element .icon {
	height:78px;
	width:78px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:inline-block;
	vertical-align:top;	
	background-size:  auto 30px;

}
#quicknavi-container .quicknavi-element:hover .icon {
	background-size:auto auto;
}

#quicknavi-container #quicknavi-kontakt .icon {
	background-image:url(../img/quicknavi/kontakt-icon.png);
}
#body-pl #quicknavi-container #quicknavi-kontakt .icon {
	background-image:url(../img/quicknavi/quickquote-icon.png);
}
#quicknavi-container #quicknavi-schornsteinsuche .icon {
	background-image:url(../img/quicknavi/konfig-icon.png);
}
#quicknavi-container #quicknavi-social .icon {
	background-image:url(../img/quicknavi/share-icon.png);
}
#quicknavi-container #quicknavi-quickquote .icon {
	background-image:url(../img/quicknavi/quickquote-icon.png);
}
#quicknavi-container #quicknavi-downloads .icon {
	background-image:url(../img/quicknavi/downloads-icon.png);
}
#quicknavi-container #quicknavi-xing .icon {
	background-image:url(../img/quicknavi/xing-icon.png);
}
#quicknavi-container #quicknavi-kununu .icon {
	background-image:url(../img/quicknavi/kununu-icon.png);
}


#quicknavi-container .hotKeyVisible {
	display:block;
}
#quicknavi-container .hotKeyInvisible, 
#quicknavi-container .hideQuickquote,
#quicknavi-container .hideDownload,
#quicknavi-container .hideSchornsteinsuche,
#quicknavi-container .hideSocialComplete {
	display:none;
}

#quicknavi-container .quicknavi-element .content {
	display:inline-block;
	padding-right:30px;
	padding-left:10px;
}




#quicknavi-container .quicknavi-element  a {
	display:inline-block;
}


#quicknavi-container #quicknavi-social .social-icon {
	display:inline-block;
	margin-right:30px;

}
#quicknavi-container #quicknavi-social .social-icon:last-child {
	margin-right:0px;
}
#quicknavi-container #quicknavi-social .social-icon a {
	width:31px;
	height:31px;
	vertical-align:middle;
	margin:0px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size: 100% auto;
	
}
#quicknavi-container #quicknavi-social .social-icon a:hover {
	background-position: 0px -31px;
}

#quicknavi-container #quicknavi-social .facebook a {
	background-image:url(../img/quicknavi/facebook-icon-black-blue.png);
}
#quicknavi-container #quicknavi-social .youtube a {
	/*width:25px;*/
	width:41px;
	background-image:url(../img/quicknavi/youtube-icon-black-blue.png);
}


#quicknavi-container #quicknavi-social .instagram a {
	background-image:url(../img/quicknavi/instagram-icon-black-blue.png);
}
#quicknavi-container #quicknavi-social .pinterest a {
	background-image:url(../img/quicknavi/pinterest-icon-black-blue.png);
	width:31px;
}
#quicknavi-container #quicknavi-social .linkedin a {
	background-image:url(../img/quicknavi/linkedin-icon-black-blue.png);
	
}

#quicknavi-container #quicknavi-social .hideSocial {
	display:none;
}



#header-container {
	position:fixed;
	z-index:1000;
	background: rgba(255,255,255,0.7);
	width:100%;
	padding-top:28px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:#000000;		
	top:0px;
}

#header-container:hover {
	background: rgba(255,255,255,1.0);
}



#header-container .center-container {
	max-width:100%;
}


#header-container .top-row {
	float:left;
	width:100%;
	margin-bottom:27px;
}


#header-container .top-row #logo-container {
	position:absolute;
}




#header-container .top-row #meta-container {
	float:right;
}



/*Metanavi Top*/
#header-container .top-row #meta-container #meta-navi-top {
	float:left;
	font-size:13px;
	text-transform:uppercase;	
	font-family:'Gotham-Light';
	line-height:13px;
	margin-top:2px;
}
#header-container .top-row #meta-container #meta-navi-top ul li {
	float:left;
	margin-right:28px;
}
#header-container .top-row #meta-container #meta-navi-top ul li a {

}




/*Language Changer*/
#header-container .top-row #meta-container #language-changer {
	float:left;
	width:58px;
	height:20px;
	background-image: url(../img/arrow-down-black.png);
	background-repeat:no-repeat;
	background-position: 100% 6px;
	cursor:pointer;
}

#header-container .top-row #meta-container #language-changer a.language {
	width:32px;
	height:20px;
	display:inline-block;
	background-repeat:no-repeat;	
	background-image: url(../img/flags/flag-de_activ.png);
}

#header-container .top-row #meta-container #language-changer a.de {
	background-image: url(../img/flags/flag-de_activ.png);

}
#header-container .top-row #meta-container #language-changer a.uk {
	background-image: url(../img/flags/flag-uk_activ.png);
}
#header-container .top-row #meta-container #language-changer a.fr {
	background-image: url(../img/flags/flag-fr_activ.png);
}
#header-container .top-row #meta-container #language-changer a.us {
	background-image: url(../img/flags/flag-us_activ.png);
}
#header-container .top-row #meta-container #language-changer a.es {
	background-image: url(../img/flags/flag-es_activ.png);
}
#header-container .top-row #meta-container #language-changer a.it {
	background-image: url(../img/flags/flag-it_activ.png);
}
#header-container .top-row #meta-container #language-changer a.ru {
	background-image: url(../img/flags/flag-ru_activ.png);
}
#header-container .top-row #meta-container #language-changer a.fi {
	background-image: url(../img/flags/flag-fi_activ.png);
}
#header-container .top-row #meta-container #language-changer a.hr {
	background-image: url(../img/flags/flag-hr_activ.png);
}
#header-container .top-row #meta-container #language-changer a.pl {
	background-image: url(../img/flags/flag-pl_activ.png);
}
#header-container .top-row #meta-container #language-changer a.cz {
	background-image: url(../img/flags/flag-cz_activ.png);
}
#header-container .top-row #meta-container #language-changer a.hu {
	background-image: url(../img/flags/flag-hu_activ.png);
}
#header-container .top-row #meta-container #language-changer a.ro {
	background-image: url(../img/flags/flag-ro_activ.png);
}
#header-container .top-row #meta-container #language-changer a.sk {
	background-image: url(../img/flags/flag-sk_activ.png);
}
#header-container .top-row #meta-container #language-changer a.group {
	background-image: url(../img/flags/flag-group_activ.png);
}
#header-container .top-row #meta-container #language-changer a.asia {
	background-image: url(../img/flags/flag-asia_activ.png);
}
#header-container .top-row #meta-container #language-changer a.nl {
	background-image: url(../img/flags/flag-nl_activ.png);
}


#header-container .top-row #meta-container #language-changer #languages-container {
	width:auto;
	position:absolute;
	right:81px; 
	text-align:right;
	margin-top:14px;
	display:none;
	z-index:99999999;
	background-color:#fff;
	padding:6px;
	padding-bottom:0px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
}
#header-container .top-row #meta-container #language-changer #languages-container  a {
	display:inline-block;
	margin-left:20px;
}
#header-container .top-row #meta-container #language-changer #languages-container  a:first-child {
	margin-left:0px;
}



/*Language Changer 2*/
#header-container .top-row #meta-container ul#language-changer-2 {
	margin-left:20px;
	float:left;
	margin-top:-2px;
	font-family:'Gotham-Light';	
	font-size:13px;
}

#header-container .top-row #meta-container #language-changer-2 li {
	float:left;
}
#header-container .top-row #meta-container #language-changer-2 li.divider {

}
#header-container .top-row #meta-container #language-changer-2 li a.language-changer-2 {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	
}
#header-container .top-row #meta-container .language-changer-2-de li a.de,
#header-container .top-row #meta-container .language-changer-2-en li a.en {
	color:#0055AD!important;
}








#header-container .bottom-row {
	float:left;
	width:100%;

}



.fixed-header {
	background-color:#fff!important;
	-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);		
}

.fixed-header #meta-container {
	display:none;
}
.fixed-header .top-row {
	width:auto!important;
}

.fixed-header .top-row #logo-container img {
	width:123px!important;
	height:auto;
}
.fixed-header .top-row #logo-container {

}


.fixed-header .bottom-row {
	float:none!important;
	width: calc(100% - 122px);
}
.fixed-header #mainnavi-container {
	margin-top:4px;
	/*margin-left:36px;*/
	padding-left:160px;
}
.fixed-header #search-qq-container {
	position:absolute;
	right:60px;
	margin-top:2px;
}



/*Mega Sitemap*/
#mega-sitemap {
	position:absolute;
	background: rgba(0, 85, 173, 0.9);
	width:100%;
	left:0px;
	margin-top:93px;
	font-family:'Gotham-Book';	
	padding-top:40px;
	padding-bottom:40px;
	display:none;
}

.fixed-mega-sitemap {
	margin-top:52px!important;
}

#mega-sitemap .center-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
}

#mega-sitemap .mega-sitemap-col {
	flex: 1;
	flex-basis: 10%;
}
#mega-sitemap .mega-sitemap-col .frame-type-menu_subpages,
#mega-sitemap .mega-sitemap-col .frame-type-menu_pages {
	margin-bottom:45px;
}
#mega-sitemap .mega-sitemap-col a {
	color:#fff;
	text-transform:none;
}
#mega-sitemap .mega-sitemap-col a:hover {
	text-decoration:underline;
}

#mega-sitemap .mega-sitemap-col header *  {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	line-height:inherit;
	font-family:'Gotham-Medium';	
}
#mega-sitemap .mega-sitemap-col ul {
	margin-top:4px;
}

#mega-sitemap .mega-sitemap-col ul li {
	padding:0px;
	margin:0px;
	margin-top:12px;
}


/*
#mega-sitemap a {
	color:#fff;
}


#mega-sitemap ul li {
	display:inline-block;
	width:200px;
	float:left;
	border:1px solid #000;
	margin-top:20px;
	padding:20px;
}

#mega-sitemap ul li a {
	color:#fff;
	text-transform:uppercase;
	
}


#mega-sitemap ul li ul li {
	border:none;
	border:1px solid #fff;
	padding:0px;

}

#mega-sitemap ul li ul li a {
	color:#fff;
	text-transform:inherit;
}
*/



/*Mainnavi*/
#mainnavi-container {
	width:100%;
	float:left;
	font-size:16px;
	margin-top:45px;
}

#mainnavi-container ul li {
	float:left;
	margin-left:32px;
}

#mainnavi-container ul li > a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
	text-transform:uppercase;
	padding-bottom:27px;	
	display:inline-block;	
	background-repeat:no-repeat;
	background-position: 50% 100%;
	z-index:1;
	position:relative;	
}
#mainnavi-container ul li > a.active {
/*	background-image:url(../img/mainnavi-krone.png);*/
	color: #0055AD;
}


#mainnavi-container ul li.hasSub {
	padding-right:26px;
	background-image: url(../img/arrow-down-black.png);
	background-repeat:no-repeat;
	background-position: 100% 7px;	
}


#mainnavi-container ul li.hasSub-open {
	background-image: url(../img/arrow-up-black.png);
}


#mainnavi-container ul li.hasSub-open > a.active {
	background-image:url(../img/mainnavi-krone.png);
}


#mainnavi-container #sitemap-navi {
	/*display:none;*/
	width:30px;
	height:22px;
	background-image:url(../img/burger-navi.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;

}

#body-asia #sitemap-navi {
	display:none;
}
#body-asia #mainnavi-container ul li {
	margin-left:0px;
	margin-right:30px;
}

#mainnavi-container #burger-navi {
	/*display:none;*/
	width:30px;
	height:22px;
	background-image:url(../img/burger-navi.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:none;
	padding-left:40px;	
	right:20px;
	top:65px;
	position:absolute;
}


#mainnavi-container .subnavi-container {
	position:relative;
	display:none;
	width:100%;
	left:0px;
	/*-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);*/		
}

#mainnavi-container .subnavi-container .close {
	display:inline-block;
	position:absolute;
	width:30px;
	height:30px;
	background-image:url(../img/close-icon.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	margin-left:60px;
	margin-top:20px;
	cursor:pointer;
}
.overflow-y {
	max-height:auto;
	overflow-y: scroll;
	position:absolute;
	left:0px;
	width:100%;
	-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);	
}
/* Hide scrollbar for Chrome, Safari and Opera */
.overflow-y::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-y {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}


#mainnavi-container .subnavi-container .subnavi-element {
	display:table-cell;
	width:100%;
	vertical-align:top;
	background-color:#fff;
	padding-bottom:20px;
}

#mainnavi-container .subnavi-container .subnavi-element a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
	color: #0055AD;
}
#mainnavi-container .subnavi-container .subnavi-element a:hover {
	color:#000;
}



#mainnavi-container .subnavi-container .subnavi-element .subnavi-top {
	border-top:1px solid #80aad6;
	border-bottom: 1px solid #80aad6;
	font-size:18px;
	line-height:21px;
	font-family:'Gotham-Medium';
	height:70px;
	text-align:center;
	display: table;
	width:100%;
	margin-top:-1px;
}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-top .subnavi-title a {
	cursor:context-menu;
	pointer-events: none;
}
#mainnavi-container .subnavi-container .subnavi-element .subnavi-top .subnavi-title a:hover {
	/*color:#0055AD;*/

}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-top .subnavi-text {
	display: table-cell;
	vertical-align: middle;
}





/*E2*/

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 {
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	width:100%;

	padding-left:60px;
	
}




#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
	width:auto;
	width: calc(100%/7);
	max-width:240px;
	
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	line-height:16px;
	padding-right:20px;
	margin-bottom:40px;
}


/*Anpassung ES Fall: zwei ExtraNavigationsspalten*/
#mainnavi-container .subnavi-container .subnavi-element .count-submenu-points-6 .subnavi-e2-element {
	width: calc(100%/5);
	max-width:auto;	
}

#mainnavi-container .subnavi-container .subnavi-element .count-submenu-points-5 .subnavi-e2-element {
	width: calc(100%/5);
	max-width:auto;	
}
#mainnavi-container .subnavi-container .subnavi-element .count-submenu-points-4 .subnavi-e2-element {
	width: calc(100%/5);
	max-width:auto;	
}




#mainnavi-container .one-col .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
	width: calc(100%/8);
}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element:first-child {

}


/*evtl. dynamische Höhe*/
#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element > a {
	display:block;
	height:36px;
	margin-bottom:20px;
	/*max-width:200px;*/
}


#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail {
	margin-bottom:25px;
}
#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail img {
	max-width:100%;
	height:auto;
}





/*E3*/

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 {


}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element {
	margin-bottom:18px;
}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a {
	color:#000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	

}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a.active {
	color: #0055AD;
}

#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a:hover {
	color: #0055AD;
	font-size: 102%;
}




/*EXTRA ACTIVE - ELEMENT SMALL*/
#mainnavi-container .subnavi-container .subnavi-element-smaller {
	width:30%;
}
#mainnavi-container .subnavi-container .subnavi-element-smaller .subnavi-e2  {

}


#mainnavi-container .subnavi-container .subnavi-element-smaller .subnavi-e2 .subnavi-e2-element {
	width:100%;
	margin-bottom:0px;
}

#mainnavi-container .subnavi-container .subnavi-element-smaller .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail {
	display:none;
}
#mainnavi-container .subnavi-container .subnavi-element-smaller .subnavi-e2  .subnavi-e2-element .subnavi-e3 {
	display:none;
}


 

/*wird Industrie..............*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte, 
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau {
	background: rgba(0,85,173,0.9);
	color:#fff;
	width:auto;
	/*min-width:263px;*/
	min-width:280px;
	border-left: 1px solid #a6a6a6;
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau {
	background: rgba(166,166,166,0.9);
	border-left: 1px solid #a6a6a6;
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-inactive {
	background: rgba(166,166,166,0.9)!important;
	border-left: 1px solid #a6a6a6!important;
}


#mainnavi-container .subnavi-container .ExtraNavigationsspalte a,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau a {
	color:#fff;
}

#mainnavi-container .subnavi-container .ExtraNavigationsspalte-inactive a {
	color:#fff!important;
}

#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-top,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-top {
	text-align:left;
	padding-left:16px;
	padding-right:60px;	
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-top {
	border-bottom:1px solid #e7e7e7;
}

#mainnavi-container .subnavi-container .ExtraNavigationsspalte-inactive .subnavi-top {
	border-bottom:1px solid #e7e7e7!important;
}


#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-thumbnail,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-thumbnail
 {
	margin-top:55px;
	padding-left:15px;
	margin-bottom:25px;	
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-thumbnail img,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-thumbnail img {
	filter: brightness(0) invert(1);	
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-inactive .subnavi-thumbnail img {
	filter: brightness(0) invert(1)!important;
}


/*EXTRA ACTIVE*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-thumbnail {
	display:none;
	margin-top:0px;
}





#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 {
	padding-left:16px;
	padding-right:60px;
}

#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element {
	width:100%;
	max-width:100%;
	margin-bottom:0px!important;
	padding:0px;

}


/*EXTRA ACTIVE*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active {
	width:100%;
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2-element {
	width: calc(100%/6)!important;
}




#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element > a,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element > a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	height:auto;
}



/*EXTRA ACTIVE*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2 .subnavi-e2-element > a {
	height:36px;
}



#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element > a:hover,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element > a:hover {
	font-size: 102%;
	margin-left:-2px;
	color:#fff;
}

#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element:first-child,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element:first-child {

}


#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail
 {
	overflow:hidden;
	display:none;
}



/*EXTRA ACTIVE*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail {
	display:inherit;
}



#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail img,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}


#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail:hover img,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail:hover img {
	/*transform: scale(1.1);*/
}



#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-e3,
#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-e3 {
	display:none;
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2 .subnavi-e2-element .subnavi-e3 {
	display:block;
}



/*EXTRA ACTIVE*/
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a {
	color:#fff;
}
#mainnavi-container .subnavi-container .ExtraNavigationsspalte-active .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a:hover {
	text-decoration:underline;
	color:#fff;
}




/*EXTRA ACTIVE FARBWECHSEL*/

#mainnavi-container .special-subnavi-container .subnavi-element {
	background: rgba(0,85,173,0.9);
	color:#fff;
}
#mainnavi-container .special-subnavi-container .subnavi-element a,
#mainnavi-container .special-subnavi-container .subnavi-element a:hover {
	color:#fff;
}
#mainnavi-container .special-subnavi-container .subnavi-e2-element a:hover {
	color:#fff;
	font-size: 102%;
}

#mainnavi-container .special-subnavi-container .ExtraNavigationsspalte,
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalteGrau {
	background-color:#fff;
}

#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalte .subnavi-thumbnail img,
#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalteGrau .subnavi-thumbnail img {
	filter: inherit;
}
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalte a,
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalteGrau a {
	color: #0055AD;
}
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalte a:hover,
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalteGrau a:hover {
	color: #000!important;
}
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a,
#mainnavi-container .special-subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a {
	color:#0055AD;
}






/*Special USA*/

#mainnavi-container .USANavigation .subnavi-container {
	table-layout:fixed;	
}

#mainnavi-container .USANavigation strong.medium {
	font-family:'Gotham-Medium';
	/*font-size:16px;*/
	/*padding-bottom:10px;*/
	padding-bottom:4px;
	display:inline-block;
}


#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-top .subnavi-title a {
	cursor:pointer;
	pointer-events: auto;
}



#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
	width: 100%;
	max-width:100%;
	margin-bottom: 24px;
}


#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail{
	display:none;
}




/*#mainnavi-container .USANavigation  .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element > a {
	margin-bottom:0px;
	height:auto;
}*/



#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-thumbnail {
	text-align:center;
	margin-top:20px;
}


#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element {
	margin-bottom:7px;
}
#mainnavi-container .USANavigation .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 .subnavi-e3-element a {
	color:#0055AD;
}




/*Search QQ*/
#search-qq-container {
	float:right;
	width:auto;
	text-align:right;
	margin-top:43px;
	position:absolute;
	right:60px;
	z-index:99999;
}

#search-qq-container #search-container {
	display:inline-block;
	margin-right:20px;

}

#search-qq-container #search-container #suchfeld {
	background:none;
	border: 1px solid #0055AD;
	color:#333;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	height: 25px;
	line-height:25px;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	display:none;
	width:360px;
	background-color:#fff;
	
}
#search-qq-container #search-container:hover #suchfeld {
	/*display:inline-block;
	vertical-align:top;*/
}




#search-qq-container #searchbtn {
	display:inline-block;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	overflow:hidden;
	background-position:0px 0px;
	background-image:url(../img/search-icon.png);
}

#search-qq-container #searchbtn:hover {
	background-position: -25px 0px;
}



#search-qq-container #searchbtn input {
	opacity:0.0;
}
#search-qq-container:hover {


}
#search-qq-container:hover #searchbtn {

}
#search-qq-container:hover #suchfeld {

}


/*Suche*/
#ac-search-result {
	position:absolute;
	width:600px;
	height:auto;
	max-height:600px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top:0px;
	z-index: 9999999999;
	display:none;
	padding:20px;
	overflow:auto;
	border-top:none;
	right:0px;
	
}
#ac-search-result ul li {
	padding-bottom:12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#ac-search-result ul li:last-child {
	border:none;
}

#ac-search-result ul li strong {
	font-weight:bold;
}

#ac-search-result ul li span.ac-title {
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

#ac-search-result ul li span.ac-desc {
	padding-bottom:0px;
	display:block;
	font-size:13px;
}





#quickquote-btn {
	display:inline-block;
	vertical-align:top;
	padding-left:29px;
	background-image:url(../img/qq-krone-icon.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-transform:uppercase;
	margin-top:2px;
	height:21px;


}
#quickquote-btn:hover {
	background-position:0px -21px;
}


#body-us #quickquote-btn, 
#body-us #search-qq-container #jobstate-btn {
	background-image:url(../img/sysreg-icon.png);	
}


/*Permanent Login*/
#search-qq-container #permanent-login-btn, 
#search-qq-container #jobstate-btn {
	display:inline-block;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-transform:uppercase;
	margin-top:2px;
	height:21px;
	cursor:pointer;
}
#search-qq-container #jobstate-btn {
	margin-left:14px;
	padding-left:29px;
	display:none;
}
#search-qq-container .jobstate-btn-active {
	display:inline-block!important;
}

#search-qq-container #permanent-login-btn {
	margin-left:0px;
}




/*#search-qq-container #permanent-login {
	display:inline-block;
	margin-left:20px;
}
#search-qq-container #permanent-login input {
	border:none;
	margin-left:5px;
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
}
#search-qq-container #permanent-login form {

}*/

#login-box {
	position:fixed;
	background-color:#fff;
	padding:30px;
	max-width:500px;
	z-index:99999999;
	border:1px solid #ccc;
	display:none;
	/*display:block;*/
	margin: 200px auto; 
	left: 0;
	right: 0;
	-webkit-box-shadow: 1px 2px 10px 5px rgba(0,0,0,0.11); 
	box-shadow: 1px 2px 10px 5px rgba(0,0,0,0.11);
	text-align:left;
}
#login-box form {
	margin-bottom:20px;
}
#login-box legend {
	margin-bottom:4px;
	font-family:'Gotham-Medium';	
}

#login-box .felogin-label-desc {
	width:30%;
	display:inline-block;
}

#login-box input[type=text],
#login-box input[type=password] {
	font-size:14px;	
	padding:5px;
	border:1px solid #e1e1e1;
	/*color:#40b5c1;*/
    font-family:'Gotham-Book';
}

#login-box .felogin-username {
	margin-bottom:10px;
}
#login-box .felogin-password {
	margin-bottom:20px;
}


#login-box .felogin-close {
	display:inline-block;
	position:absolute;
	width:30px;
	height:30px;
	background-image:url(../img/close-icon.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	cursor:pointer;	
	top:20px;
	right:20px;
}


.section {
	padding-top:50px;
	padding-bottom:50px;
	float:left;
	width:100%;
}



/*Trenner*/
.frame-type-div {
	border-bottom:2px solid #cfcfcf;
	/*margin-top:100px;*/
	margin-top:40px;
	margin-bottom:100px;
	display:block;
	clear:both;
	width:100%;	
}

hr {
	height:22px;
	background:none;
	border:none;
	background-image:url(../img/trenner-krone.png);
	background-repeat:no-repeat;
	background-position: 50% 0%;
	margin:0px;
	padding:0px;
	margin-bottom:-3px;
}


/*Video Animation*/

#slider-container {
	position:relative;
}

#slider-container video {
	pointer-events: none!important;
}

#video-control-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
}

#video-control-container .video-control-icon {
	position:absolute;
	cursor:pointer;
}

#video-control-container #icon-industrial {
	left:15%;
	top:46%;
}
#video-control-container #icon-private {
	left:61.25%;
	top:52%;
}
#video-control-container #icon-mehrfamilienhaus {
	left:33%;
	top:30%;
}


#video-control-container #icon-industrial .text,
#video-control-container #icon-private .text,
#video-control-container #icon-mehrfamilienhaus .text {
	display:block;
}


/*PRIVATE*/
.video-control-icon-private {
	display:none;
}

#icon-private-zubehoer {
	left:61%;
	top:25%;
}
#icon-private-konzentrisch {
	left:48%;
	top:54%;
}
#icon-private-einwandig {
	left:47%;
	top:67%;
}
#icon-private-leichtbau {
	left:61%;
	top:61%;
}
#icon-private-ofenrohr {
	left:62%;
	top:73%;
}
#icon-private-doppelwandig {
	left:74%;
	top:89%;
}

/*INDUSTRIAL*/
.video-control-icon-industrial {
	display:none;
}

#icon-industrial-lueftungstuerme {
	left:42%;
	top:86%;
}
#icon-industrial-abgasschalldaempfer {
	left:51%;
	top:74%;
}
#icon-industrial-rauchgasleitung {
	left:59%;
	top:70%;
}
#icon-industrial-industrieschornsteine {
	left:61%;
	top:40%;
}


/*MEHRFAMILIENHAUS (nur ES)*/


.videolink-noclick {

}

.video-control-icon-mehrfamilienhaus {
	display:none;
}

#icon-mehrfamilienhaus-VentilacionMecanicaControlada {
	left:43%;
	top:30%;
}

.icon-mehrfamilienhaus-VentilacionMecanicaControlada-newPosition {
	left: 8%!important;
	top: 60%!important;
}

#icon-mehrfamilienhaus-ExtraccionDeCampanas {
	left: 28%;
	top: 44%;
}
#icon-mehrfamilienhaus-ChimeneasColetivas {
	left: 46%;
	top: 55%;
}
#icon-mehrfamilienhaus-BajantesDeRopa {
	left: 40%;
	top: 81%;
}
#icon-mehrfamilienhaus-ConductosConRestistenciaAlFuego {
	left: 62%;
	top: 76%;
}


#video-control-container #video-back {
	padding:10px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#0055ad;
	border:2px solid #fff;
	position:absolute;
	right:20px;
	bottom:22px;
	color:#fff;
	cursor:pointer;
	display:none;
}



#video-control-container .video-control-icon .icon {
	width:34px;
	height:34px;
	position:absolute;
	background-image:url(../img/plus-icon.png);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	background-size: 100% 100%;
	border:2px solid #fff;
	background-position: 50% 50%;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	
}
#video-control-container .video-control-icon:hover .icon {
	width:40px;
	height:40px;
	border:none;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);	
	margin-top:-2px;
	margin-left:-2px;
	opacity:0.8;
}



#video-control-container .video-control-icon .text {
	background-color:#fff;
	padding:10px;
	padding-left:49px;
	/*margin-top:-14px;*/
	margin-top:-4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+11,ffffff+100&0+0,0.52+11,1+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.52) 11%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.52) 11%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.52) 11%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display:none;
}

#video-control-container .video-control-icon:hover .text {
	display:block;
}



#video-control-container .video-control-icon .text strong, #video-control-container .video-control-icon .text h1, #video-control-container .video-control-icon .text h2 {
	display:block;
	text-transform:uppercase;
	color:#0055AD;
	font-size:20px;
}
#video-control-container .video-control-icon .text span, #video-control-container .video-control-icon .text h3 {
	display:block;
	font-size:19px;
}




/*Slider*/

#contentpage #slider-container .frame {
	margin-bottom:0px;
}

#slider-container .ce-gallery {
	margin-bottom:0px;
}
#slider-container .ce-gallery * {
	width:100%;
	height:auto;
}

/*
#slider-container  .ce-gallery *  {
	height:700px!important;
}
*/




/*Slider Asia*/

#body-asia #header-container {
	background: rgba(255,255,255,1.0);
	box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);	
}

#body-asia #slider-container {
	margin-top:168px;
	margin-bottom:30px;
}

#body-asia #clickpath-container {
	display:none;
}

#body-asia #slider-container .sliderHolder .frame {
	background-color:#fff;
}

#body-asia #slider-container .sliderHolder  .ce-gallery {
	margin-bottom:0px;
	width:50%;
	margin:0px;
	padding-top:3%;
	padding-right:40px;
}
#body-asia #slider-container .sliderHolder .ce-bodytext {
	width:50%;
	padding-left:6%;
	padding-right:6%;
	padding-top:4%;
	margin:0px;
	text-transform:uppercase;

}
#body-asia #slider-container .sliderHolder .ce-bodytext h1, 
#body-asia #slider-container .sliderHolder .ce-bodytext h2 {
	font-family:'Gotham-Book';
}

#body-asia #slider-container .sliderHolder .ce-bodytext p {
	margin-top:40px;
	color:#0055AD;
	font-size:18px;
	line-height: 28px;
} 



/*Zahlen, Fakten*/
#zahlen-container {
	padding-bottom:0px;
	padding-top:0px;
}

table.countertable {
	width:100%;
	table-layout: fixed;
	font-size:20px;
	margin-bottom:40px;
}

table.countertable tr td {
	width:auto;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
table.countertable tr td:first-child {

}

table.countertable tr td  p {
	padding:0px;
	margin:0px;
}

table.countertable tr td strong {
	color: #2B2E34;
	font-size:50px;
	font-family:'Gotham-Light';
	display:inline-block;
	margin-bottom:24px;
}
table.countertable tr td img {
	margin-bottom:50px;
}



/*Tabs*/

.tabs-container {
	
} 


.tabs-container .tabs-holder {
	width:100%;

}

.tabs-container .tabs-holder  .center-container {

}

.tabs-container .tabs-holder  .center-container .tabs-border {
	border-bottom:1px solid #808080;
	display:table;
	width:100%;
	table-layout:fixed;
	outline-offset: 5px;
}
.tabs-container .tabs-holder .center-container .tabs-border:empty {
	display:none;
} 



.tabs-container .tabs-holder .single-tab {
	padding-bottom:18px;
	border-bottom:5px solid #fff;
	font-family:'Gotham-Book';
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
	/*display:inline-block;*/
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	display:table-cell;
	text-align:center;
}


.tabs-container .tabs-holder .single-tab:hover {
	border-bottom:5px solid #ccc;
}

.tabs-container .tabs-holder .single-tab-active { 
	color:#0055AD;
	border-bottom:5px solid #0055AD;
	font-family:'Gotham-Medium';
}
.tabs-container .tabs-holder .single-tab-active:hover {
	border-bottom:5px solid #0055AD;
}
 

.tabs-container .tab-content {

	float:left;
	width:100%;
}

.tabs-container .tab-content .tab {
	float:left;
	width:100%;
	padding-top:60px;
	padding-bottom:60px;	
	display:none;
}

.tabs-container .tab-content .tab:first-child {
	display:inline-block;
}


.tabs-container .tab-content .tab-grey {
	background-color:#F5F5F5;
}

.tabs-container .tab-content .tab-blue {
	background-color:#0052A8;
	color:#fff;
}

.tabs-container .tab-content .buttonlink {
	margin-top:38px;
	color: #0055AD;
	border:1px solid #0055AD;	
}

.tabs-container .tab-content .tab-grey .buttonlink {
	/*color: #0055AD;
	border:1px solid #0055AD;*/
}


.tabs-container .tab-content .tab-blue .buttonlink {
	color: #0052A8;
	background-color:#fff;
	border:1px solid #0055AD;
}
.tabs-container .tab-content header {
	margin-left: inherit;
	margin-right:inherit;
	margin-bottom:28px;
	width:100%;
}

.tabs-container .tab-content header  .header-wrapper {
	text-align:left;
	/*padding-bottom:0px;*/
}

.tabs-container .tab-content header .header-wrapper {
	width:100%;
	margin-bottom:28px;
	padding-left:10px;
	padding-right:10px;
}
/*
#tabs-container #tab-content header h2, 
#tabs-container #tab-content header h1 {
	width:100%;
	margin-bottom:28px;
	padding-left:10px;
	padding-right:10px;
}
*/
.tabs-container .tab-content .tab-blue h2, 
.tabs-container .tab-content .tab-blue h1 {
	/*border-top: 1px solid #fff;
	border-bottom:1px solid #fff;*/
	color:#fff;
}

.tabs-container .tab-content .tab-blue .header-wrapper {
	border-top: 1px solid #fff;
	border-bottom:1px solid #fff;
}



.tabs-container .tab-content .ce-gallery {

}

.tabs-container .tab-content .ce-gallery img {
	width:100%;
	height:auto;
}


.tabs-container .tab-content .ce-right .ce-gallery {
	margin:0px;
	margin-left:50px;
	max-width:55%;	
}

.tabs-container .tab-content .ce-left .ce-gallery {
	margin:0px;
	margin-right:50px;
	max-width:55%;	
}



/*Teaser*/

.teaser-container {

}

#contentpage .teaser-container {
	max-width:1640px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.teaser-container .frame-type-textmedia {
	display:inline-block;
	width:calc(92.5%/4)!important;
	vertical-align:top;
	margin-right:2.5%!important;
	padding:0px!important;
}




.teaser-container .frame-type-textmedia:nth-child(4n+4) {
	margin-right:0px!important;
}



.teaser-container .frame-type-textmedia .ce-gallery {
	position:relative;
	margin:0px;
	width:100%;	
}
.teaser-container .frame-type-textmedia .ce-gallery * {
	width:100%;
}

.teaser-container .frame-type-textmedia .ce-gallery img {
	width:100%;
	height:auto;
}

.teaser-container .frame-type-textmedia .ce-bodytext {
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(0,85,173,0.8);
	z-index:999;
	top:0px;
	padding-left:30px;
	padding-right:30px;
	color:#fff;
	
	top: calc(100% - 84px);
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;		
}


.teaser-container .has-bodytext:hover .ce-bodytext  {
	top: 0px;
}

.teaser-container .frame-type-textmedia h2 {
	border:none;
	color:#fff;
	padding:0px;
	margin:0px;
	font-size:20px;
	font-family:'Gotham-Book';
	width:100%;	
	text-align:center;
	line-height:24px;
	height:84px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform:none;
}
.teaser-container a {
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
}
.teaser-container a:hover {
	color:#30d4ff;
}



.teaser-container .frame-white-bg .ce-bodytext {
	background: rgba(255,255,255,0.8);
}
.teaser-container .frame-white-bg h2 {
	color:#0055AD;
}
.teaser-container .frame-white-bg a {
	color:#0055AD;
}
.teaser-container .frame-white-bg a:hover {
	color:#000000;
}



.teaser-container .frame-type-textmedia .buttonlink {
	width:100%;
	text-align:center;
	margin-top:40px;
	color:#fff;
	border:1px solid #fff;
}

.teaser-container .frame-type-textmedia .buttonlink:hover {
	color:#30d4ff;
	border: 1px solid #30d4ff;
	
}


/*Teaser geöffnet*/
.teaser-container .teaser-open {
	background-color:#f5f5f5;
}
.teaser-container .teaser-open h2 {
	background: rgba(0,85,173,0.8);
	margin-bottom:30px;
	/*margin-top:-83px;*/
}
.teaser-container .teaser-open .has-bodytext:hover .ce-bodytext  {
	top: inherit;
}


.teaser-container .teaser-open .ce-bodytext {
	position:relative;
	background:none;
	color:#000;
	top:inherit;
	display:inline-block;
	padding:0px;
	padding-bottom:10px;
}
.teaser-container .teaser-open .ce-gallery {
	margin-bottom:0px!important;
}

.teaser-container .teaser-open .ce-bodytext p {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:40px;
}

.teaser-container .teaser-open .ce-bodytext  .buttonlink {
	color: #0055AD;
	border:1px solid #0055AD;
	margin-left:30px;
	margin-right:30px;
	width: calc(100% - 60px)!important;
	bottom: 30px;
	position:absolute;
	left:0px;
	right:0px;
	
}

.teaser-container .teaser-open .ce-bodytext  .buttonlink:hover {
	color:#fff;
	background-color:#0055AD;
}





#clickpath-container {
	text-transform:uppercase;
	margin-bottom:60px;
	color: #0055AD;
}
#clickpath-container .center-container {
}


#clickpath-container ol {

}

#clickpath-container ol li {
	display:inline-block;
}
#clickpath-container ol li.arrow {
	margin-left:18px;
	padding-left:28px;
	background-image: url(../img/bc-arrow-icon.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	opacity:0.5;
}

#clickpath-container ol li.last {
	opacity:1.0;
}
#clickpath-container a {
	color: #0055AD;
}





/*CONTENT*/
#contentpage  #maincontent-container header.headline-h0,
#contentpage  #maincontent-container header.headline-h2,
#contentpage .extracontent header.headline-h0,
#contentpage .extracontent header.headline-h2 {
	margin-bottom:70px;
}

#contentpage  #maincontent-container header.headline-h3,
#contentpage .extracontent header.headline-h3 {
	margin-bottom:0px;
}

#contentpage  #maincontent-container header.headline-h0 .header-wrapper,
#contentpage  #maincontent-container header.headline-h2 .header-wrapper,
#contentpage  #maincontent-container header.headline-h3 .header-wrapper,
#contentpage .extracontent header.headline-h0 .header-wrapper,
#contentpage .extracontent header.headline-h2 .header-wrapper,
#contentpage .extracontent header.headline-h3 .header-wrapper {
	border:none;
	padding:0px;
}



#contentpage .centered .contenttable {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}


#contentpage #maincontent-container {
	padding-top:41px;
	padding-bottom:60px;
}



/*Normaler Inhalt mit Containern*/

.layout-2  .container {
	width:100%;
	max-width:1760px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-left:60px;
	padding-right:60px;
}
.layout-2  .container-grau {
	background-color:#f5f5f5;
	padding-top:80px;
	max-width:100%!important;
	padding-left:120px!important;
	padding-right:120px!important;
}
.layout-2  .container .frame-type-header {
	text-align:left;
}



.layout-2 #maincontent-container .center-container {
	padding:0px;
	max-width:100%;
}

.layout-2 #maincontent-container .center-container .frame {
	max-width:1760px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:60px;
	padding-right:60px;	
}

.layout-2  #maincontent-container .center-container .frame-container-grau,
#contentpage #stoerer-container .frame-container-grau {
	padding-left:50px;
	padding-right:50px;	
	background-color:#f5f5f5;
	padding-top:80px;
	padding-bottom:40px;
	max-width:100%;
}


.layout-2  #maincontent-container .center-container .frame-container-grau .ce-textpic,
#contentpage #stoerer-container .frame-container-grau .ce-textpic {
	max-width: 1640px;
	margin-left:auto;
	margin-right:auto;
}


.layout-2 #maincontent-container .center-container .frame-type-div {
	max-width:1640px;
	margin-left:auto;
	margin-right:auto;	
}



.layout-2 #maincontent-container .center-container .frame-type-header {


}





#contentpage .frame-type-textmedia, 
#contentpage .frame-type-text,
#contentpage .frame-type-image {
	margin-bottom:60px;
}

#contentpage .frame-type-textmedia .ce-intext .ce-gallery,
#contentpage .frame-type-image .ce-intext .ce-gallery {
	margin-bottom:30px;
}


#contentpage .ce-bodytext h3 {
	margin-top:12px;
}
#contentpage .ce-bodytext h3:first-child {
	margin-top:0px;
}


#contentpage .frame-type-textmedia .ce-below .ce-gallery,
#contentpage .frame-type-image .ce-below .ce-gallery {
	margin-top:30px;
}

#contentpage .frame-type-textmedia .ce-above .ce-gallery,
#contentpage .frame-type-image .ce-above .ce-gallery  {
	margin-bottom:30px;
	max-width:100%!important;
}


/*COLLAGE*/

.Collage  {
	width: 100%;
	margin-bottom:60px;
	
	background-image:url(../img/loading.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
.Collage_loaded {
	background:none;
}

.Collage .ce-gallery {
	display:none;
}

.Collage .collage-image-holder {
    padding:20px;
	width: calc(100% + 43px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	visibility:hidden;
	float:none;
	display:inline-block;
	margin-left:-20px;
	margin-top:-15px;
	/*background-color:#f1f1f1;*/

}
.Collage .collage-image-holder img {
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:bottom;
    opacity:1;
}



/*Tabellen*/



#contentpage table.contenttable {
	border-style: hidden;
	width:100%;
	margin-bottom:30px;
}

#contentpage table.contenttable tr th, 
#contentpage table.contenttable tr td {
	text-align:left;
	padding:20px;
	padding-top:8px;
	padding-bottom:8px;
	border:5px solid #ffffff;
	vertical-align:top;
}

#contentpage table.contenttable tr th {
	color:#fff;
	background-color:#0055ad;
	text-transform:uppercase;
	width: 1%;
}

#contentpage table.contenttable tr td {
	
}
#contentpage table.contenttable tr:nth-child(odd) td {
	background-color: #f5f5f5;
}

#contentpage table.grey-table tr td {
	background-color: #f5f5f5!important;
}
#contentpage table.white-table tr td, 
#contentpage table.table-with-images tr td {
	background-color: #fff!important;
}


/*Two Cols Elements*/
#contentpage .floating-wrapper {
	display:flex;
	flex-wrap: wrap;
	gap: 40px;
	max-width:1760px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#contentpage .floating {
	flex:1 calc(50% - 20px);
}
#contentpage .floating .frame-type-textmedia,
#contentpage .floating .frame-type-text,
#contentpage .floating .frame-type-form_formframework {
	margin-bottom:40px;
	padding-left:0px!important;
	padding-right:0px!important;

}
#contentpage .floating table.contenttable  {
background-color:#fe0000;
	
}
#contentpage .floating table.contenttable img {
	max-width:100%;
	height:auto;
}


/*Blaue Kacheln*/

#contentpage .kachel-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	max-width:1760px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}
#contentpage .kachel {
	flex: 1 calc(25% - 40px);
	background: #E9D2FF;
	max-width: calc(91% / 4);
	background-color: #ccc;
	color:#fff;
	text-align:center;
	padding:20px;
	position:relative;
	overflow:hidden;
}


#contentpage .kachel-blue {
	background: #003f80; /* Old browsers */
	background: -moz-linear-gradient(top,  #003f80 0%, #0052a8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #003f80 0%,#0052a8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #003f80 0%,#0052a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f80', endColorstr='#0052a8',GradientType=0 ); /* IE6-9 */
}

#contentpage .kachel .frame {
	padding:20px!important;
	margin:0px;
}


#contentpage .kachel h2,
#contentpage .kachel h3,
#contentpage .kachel h4 {
	color:#fff;
	font-size:29px;
	line-height:34px;
	text-transform:uppercase;
	margin-bottom:10px;
	word-wrap: break-word;	
}
#contentpage .kachel * {
	width:auto!important;
}

#contentpage .kachel p {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	padding:30px;
	background: rgba(0,85,173,0.9);
	height:100%;
	
	margin-top: 100%;
	
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;	
	
	/*visibility:hidden;*/
}
#contentpage .kachel:hover p {
/*	visibility:visible;*/
	margin-top:0px;
}


/*Kachel in Tabs*/


#contentpage .frame-kachel-wrapper-tabs .kachel,
#contentpage .frame-kachel-wrapper-normal .kachel {
	padding:40px!important;
}
#contentpage .frame-kachel-wrapper-tabs .kachel .image-embed-item,
#contentpage .frame-kachel-wrapper-normal .kachel .image-embed-item {
	margin-bottom:20px;
}



/*Layouts: 2 = normale Seite, 3 = Produktuebersicht, 4 = Produktdetail, */

.layout-2 .floating-wrapper {
	padding-left:60px;
	padding-right:60px;
}



.layout-3  .tabs-container .tab-content header,
.layout-2  .tabs-container .tab-content header
.layout-5  .tabs-container .tab-content header {
	margin-bottom:0px;
}
.layout-2  .tabs-container .tab-content header .header-wrapper,
.layout-3  .tabs-container .tab-content header .header-wrapper,
.layout-5  .tabs-container .tab-content header .header-wrapper {
	padding-left:0px;
	padding-right:0px;
	margin-bottom:0px;
}




.layout-4  #maincontent-container .frame-type-textmedia header {

}

.layout-4  #maincontent-container .frame-type-textmedia header .header-wrapper {
	text-align:left;
	border-bottom:1px solid #a6a6a6!important;
	border-top:1px solid #a6a6a6!important;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}


.layout-4  #maincontent-container .frame-type-textmedia header .header-wrapper  h2,
#body-es .layout-4  #maincontent-container .frame-type-textmedia header.headline-h0 .header-wrapper  h3 {
	padding:0px;
	margin:0px;
	border:none;
	padding-top:4px;
	line-height:28px;
	font-size:25px;
	font-family:'Gotham-Light';
	color:#000;
}
#body-es .layout-4  #maincontent-container .frame-type-textmedia header.headline-h0 .header-wrapper  h2 {
	font-family: 'Gotham-Light';
	font-size: 50px!important;
	line-height: 50px!important;
	color: #0055AD;
}


#contentpage #maincontent-container .ce-gallery {
	margin-bottom: 20px;
}


#contentpage #maincontent-container .ce-gallery * {
	/*width:100%;
	height:auto;*/
}

#contentpage #maincontent-container .ce-gallery .video {

}


#contentpage #maincontent-container .ce-gallery img {
	width:100%;
	height:auto;
}

#contentpage #maincontent-container .ce-right .ce-gallery {
	margin-left:45px;
	max-width: 50%;
}

#contentpage #maincontent-container .ce-left .ce-gallery {
	margin-right:45px;
	max-width: 50%;
}


#contentpage #maincontent-container .ce-below .ce-gallery {
	max-width: inherit;
}


/*


#contentpage #maincontent-container .ce-right .ce-gallery {
	margin-left:45px;
	max-width: 50%;
	width:100%;
}
#contentpage #maincontent-container .ce-right .ce-gallery .ce-column {
	width:100%;
}
#contentpage #maincontent-container .ce-gallery .video,
#contentpage #maincontent-container .ce-gallery .video .video-embed,
#contentpage #maincontent-container .ce-gallery .video .video-embed iframe {
	border:1px solid #fe0000;
	width:100%;
	height:auto;
}
*/




#contentpage .ce-bodytext ul {
	list-style-type: disc;
	padding-left:15px;
}
#contentpage .ce-bodytext ul li {
	padding-bottom:4px;
}	
#contentpage .ce-bodytext img {
	margin:20px;
}


#contentpage .ce-bodytext ul.haken-liste {
	list-style:none;
	padding:0px;
}
#contentpage .ce-bodytext ul.haken-liste li {
	padding-left:26px;
	background-image:url(../img/haken-icon.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin-bottom:4px;
}


/*Tabs Content*/
#contentpage .tabs-container .tabs-holder .center-container {

}

.tabs-container .tab-content .frame-type-header:first-child, 
.tabs-container .tab-content header:first-child  {
	display:none!important;
}






/*Systemübersicht*/

#contentpage .systemuebersicht-container {
	flex-wrap: wrap;
	display: flex;
}

/*#contentpage #systemuebersicht-container .frame-type-textmedia {*/
#contentpage .systemuebersicht-container .frame-type-textmedia {
	display:inline-block;
	width:calc(92.5%/4);
	vertical-align:top;
	margin-right:2.5%;
	margin-bottom:80px;
	position:relative;
	z-index:99;
	background-color:#F5F5F5; 
}

/*#contentpage #systemuebersicht-container .no-margin {*/
#contentpage .systemuebersicht-container .no-margin {
	margin-right:0px;
}


/*#contentpage #systemuebersicht-container .frame-type-textmedia header {*/
#contentpage .systemuebersicht-container .frame-type-textmedia header {
	color:#fff;
	background: rgba(0,85,173,0.5);
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:25px;
	position:relative;
	margin-bottom:0px;		


}
/*#contentpage #systemuebersicht-container .frame-type-textmedia header .header-wrapper {*/
#contentpage .systemuebersicht-container .frame-type-textmedia header .header-wrapper {
	margin-bottom:0px;
	text-align:center;
}

/*#contentpage #systemuebersicht-container .frame-type-textmedia header h2 {*/
#contentpage .systemuebersicht-container .frame-type-textmedia header h2 {
	border:0px;
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-family:'Gotham-Book';
	padding-bottom:2px;
}
/*#contentpage #systemuebersicht-container .frame-type-textmedia header h3 {*/
#contentpage .systemuebersicht-container .frame-type-textmedia header h3 {
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:16px;
	line-height:18px;
	font-family:'Gotham-Book';	
	text-transform:none;
}

/*#contentpage #systemuebersicht-container .frame-type-textmedia header a {*/
#contentpage .systemuebersicht-container .frame-type-textmedia header a {
	color:#fff;
}

/*#contentpage #systemuebersicht-container .frame-type-textmedia .ce-gallery {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .ce-gallery {
	position:relative;
	z-index:-1;
	margin:0px;
	padding:30px;
	max-width:100%;
	background-color:#fff;
}


/*#contentpage #systemuebersicht-container .frame-type-textmedia .ce-bodytext {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .ce-bodytext {
	background-color:#F5F5F5; 
	line-height:19px;
	padding-top:34px;
	padding-bottom:34px;
	padding-left:30px;
	padding-right:30px;
}


/*#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .system-detail-icons {
	padding:20px;
	width:100%;
	display:none;
	background-color:#fff;
/*	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	*/

}


#contentpage #systemuebersicht-container .frame-type-textmedia:hover .system-detail-icons {

}

 
/*#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon-holder {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon-holder {
	width: calc(100%/3);
	display:inline-block;
	text-align:center;
} 
 
#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon {

}
/*#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon:nth-child(3n+3) {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon:nth-child(3n+3) {
	margin-right:0px;
}
#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon:hover {

}


/*#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon img {*/
#contentpage .systemuebersicht-container .frame-type-textmedia .system-detail-icons .icon img {
	display:inline-block;
	
}



#contentpage #produktbeschreibung-container .center-container {

}
#contentpage #produktbeschreibung-container .floating {
	padding:34px;
	background-color:#F5F5F5;	
}

#contentpage #produktbeschreibung-container .frame-type-textmedia  {
	
	
}

#contentpage #produktbeschreibung-container  .frame-type-textmedia header {
	margin:0px;
}

#contentpage #produktbeschreibung-container  .frame-type-textmedia header .header-wrapper {
	padding:0px;
	margin:0px;
}
#contentpage #produktbeschreibung-container  .frame-type-textmedia .ce-bodytext ul {
	margin:0px;
}




/*
#contentpage #kontakt-container {
	text-align:center;
}

#contentpage #kontakt-container h2 {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:25px;
} 

#contentpage #kontakt-container .frame-type-textmedia {
	padding:30px;
	padding-top:35px;
	background-color:#f5f5f5;
}

#contentpage #kontakt-container p {
	display:flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}


#contentpage #kontakt-container p a {
	color:#0055AD;
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#contentpage #kontakt-container p a:hover {
	color:#000;
}

#contentpage #kontakt-container a.buttonlink {
	color:#0055AD;
	border: 1px solid #0055AD;
	flex: 1; 
	margin-top:10px;
	margin-bottom:20px;
	text-decoration:none;
	text-transform:none;
	font-size:20px;	
}
#contentpage #kontakt-container a.buttonlink:hover {
	border: 1px solid #000;
}
*/

#contentpage .kontakt-element {
	text-align:center;
}

#contentpage .kontakt-element h2 {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:25px;
} 

#contentpage .kontakt-element .frame-type-textmedia {
	padding:30px;
	padding-top:35px;
	background-color:#f5f5f5;
}

#contentpage .kontakt-element p {
	display:flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}


#contentpage .kontakt-element p a {
	color:#0055AD;
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#contentpage .kontakt-element p a:hover {
	color:#000;
}

#contentpage .kontakt-element a.buttonlink {
	color:#0055AD;
	border: 1px solid #0055AD;
	flex: 1; 
	margin-top:10px;
	margin-bottom:20px;
	text-decoration:none;
	text-transform:none;
	font-size:20px;	
}
#contentpage .kontakt-element a.buttonlink:hover {
	border: 1px solid #000;
}




#contentpage #stoerer-container {
	float:left;
	width:100%;
	margin:0px;
	margin-bottom:120px;
}


#contentpage .stoerer header.headline-h0,
#contentpage .stoerer header.headline-h2 {
	margin-bottom:70px;
	text-transform:uppercase;	
}
 

/*
#contentpage #stoerer-container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float:left;
  width:100%;
  margin-bottom:100px;
  font-size:20px;
  padding-top:100px;
  padding-bottom:100px;

}
#contentpage #stoerer-container .ce-gallery {
	display:none;
}

#contentpage #stoerer-container .ce-bodytext {
	
}

#contentpage #stoerer-container h3 {
	font-family:'Gotham-Medium';
	font-size:30px;
	line-height:33px;
}
#contentpage #stoerer-container .buttonlink {
	background-color:#fff;
	color:#0055AD;
	border:1px solid #0055AD;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align:center;
}
#contentpage #stoerer-container .buttonlink:hover {
	background-color:#0055AD;
	color:#fff;
}
*/




/*Collapsible*/

#contentpage .collapsible-wrapper {
	margin-bottom:100px;
	margin-top:10px;
}

#contentpage .collapsible {
	background-repeat:no-repeat;
}


#contentpage .collapsible header {
	margin:0px!important;
}
#contentpage .collapsible header * {
	text-align:left;
	margin:0px;
	padding:0px;
	color:#000;
}

#contentpage .collapsible .frame {

	background-image:url(../img/arrow-down-black.png);
	background-position: calc(100% - 30px) 40px;
	background-repeat:no-repeat;
	cursor:pointer;
	margin:0px;
	padding-left:0px!important;
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:-1px;
	
} 


#contentpage .collapsible-active .frame {
	background-image:url(../img/arrow-down-black.png);	
}


#contentpage .collapsible .ce-bodytext p {
	padding-top:18px;
	display:none;
	padding-bottom:0px;
	color: #5d5d5d;
}
#contentpage .collapsible .ce-bodytext ul {
	display:none;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:5px;
}
#contentpage .collapsible .ce-bodytext ul li {
	color: #5d5d5d;
}

#contentpage .collapsible .ce-bodytext h1,
#contentpage .collapsible .ce-bodytext h2
#contentpage .collapsible .ce-bodytext h3 {
	display:none;
	margin-bottom:-18px;
	margin-top:18px;
}

#contentpage .collapsible .ce-bodytext a.buttonlink {
	display:none;

}
#contentpage .collapsible-active .ce-bodytext a.buttonlink {
	display:inline-block!important;
}

#contentpage .collapsible-active .ce-bodytext {
	padding-bottom:40px;
}

/*Slider multiple*/


.slider-multiple {
	position:relative;
}
.slider-multiple .ce-gallery {

}

.slider-multiple img {
	max-width:100%;
	height:auto;
	padding:10px;
}
.slider-multiple .image {
	text-align:center;

}
.slider-multiple .image-caption {
	margin-top:20px;
	color:#0055AD;
	font-size:24px;
	line-height:28px;
}
.slider-multiple .controls {

}
/* Numeric Navigation */
.slider-multiple .controls ol.numericControls {
	margin-top:50px;
	width:100%;
	text-align:center;
}
.slider-multiple .controls ol.numericControls li{
	list-style:none;
	margin-left:4px;
	margin-right:4px;
	display:inline-block;
}
.slider-multiple .controls ol.numericControls li a{
	height:9px;
	background-color:#d9d9d9;
	width: 27px;
	text-indent: -10000px;
	display:inline-block;
}
.slider-multiple .controls ol.numericControls li.current a{
	background-color:#0055AD;
}
.slider-multiple .controls ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{
	outline:none;
}




/*Slider*/


.slider {

}


.slider .ce-gallery {
	max-width:100%;
	position:relative;
}

.slider .ce-gallery * {
	/*width:100%;
	height:auto;*/
}

.slider figcaption {
	width:100%;
	display:inline-block;
	position:absolute;
	z-index: 2000000;
	bottom:0px;
	padding:10px;
	background-color: rgba(255,255,255,0.8);
	font-size:14px;
	text-align:center;
}

.slider .controls {
	position:absolute;
	display:inline-block;
	left:0px;
	z-index:1;
	top: calc(50% - 18px);
	width:100%;
	text-align:inhert;


}
.slider .controls .prevnext {
	width:36px!important;
	height:36px!important;
	display:inline-block;
	position:absolute;
	margin-top:0px;
	/*top:calc(50% - 40px);*/
	background-position: center center;
	background-repeat:no-repeat;
	opacity:0.7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
}
.slider .controls .prevnext:hover {
	opacity:1.0;
}

.slider .controls .prevBtn {
	left:0px;
	background-image:url(../img/slider-prev.png);
}
.slider .controls .nextBtn {
	right:0px;
	background-image:url(../img/slider-next.png);	
}





/*Downloads*/

.downloads-wrapper {
	margin-bottom:80px;
}
/*
.download-filter {
	float:left;
	margin-right:20px;
	position: relative;
}
*/
/*
.download-filter::before {
	color: #fff;
	font-size: 20px;
	pointer-events: none;
	position: absolute;
	right: 15px;
	top: 10px;
	
	width:10px;
	height:10px;
	border:1px solid #fe0000;
}

.download-filter select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color:#0055AD;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 40px;
	outline: none;
	padding-left: 10px;
	width: 100%;
}

.download-filter select option {
	color: #000;
	background-color:#fff;
	height:40px;
}

.download-filter select::-ms-expand {
	display: none;
}

.download-filter select:focus::-ms-value {
	background-color: transparent;
}
*/



select#download-filter-typ option {
	display:none;
}
select#download-filter-typ option:nth-child(1),
select#download-filter-typ option:nth-child(2) {
	display:block;
}

#contentpage .frame-type-uploads {
	display:inline-block;
	vertical-align:top;
	width: calc(100% / 4)!important; 
	padding:20px!important;
	/*display:none;*/
}

#contentpage .frame-type-uploads .download-image {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}
#contentpage .frame-type-uploads .download-image img {
	width:100%;
	height:auto;
}

#contentpage .frame-type-uploads header {
	margin-left:0px;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:0px!important;
	
}

#contentpage .frame-type-uploads header h2 {
	margin-top:16px;
}
#contentpage .frame-type-uploads header * {
	font-size:16px; 
	color:#000;
	font-family:'Gotham-Book';	
	line-height: 20px;	
	
}
#contentpage .frame-type-uploads header h3 {
	font-size:14px; 
	text-transform:none;
	margin-top:8px;
	color:#333;
	line-height:17px;
}


#contentpage .frame-type-uploads header .header-wrapper {
	margin-bottom:16px;
	padding-left: 0px;
}

#contentpage .frame-type-uploads .ce-uploads {
}
#contentpage .frame-type-uploads .ce-uploads .download-link {
	display:inline-block;
}

#contentpage .frame-type-uploads .ce-uploads  .download-link a {
	
}
#contentpage .frame-type-uploads .ce-uploads  img {
	max-width:100%;
}

	
	
	
	
/*Referenzen*/

#contentpage .filter-container {
	float:left;
	width:100%;
	margin-bottom:60px;
	text-align:center;

}

#contentpage .filter-container .center {
	max-width:1000px;
	display:inline-block;
}

#contentpage .filter-container .filter,
#contentpage .filter-container .download-filter {
	display:inline-block;
	vertical-align:top;
	width: calc(100%/3);
	padding-left:20px;
	padding-right:20px;
}
#contentpage .filter-container .download-filter {
	/*width: calc(100%/2);*/
	width:auto;
}

#contentpage .filter-container .filter select,
#contentpage .filter-container .download-filter select {
	width:100%;
	background-color:#0055AD;
	color:#fff;
}
#contentpage .filter-container .filter option:disabled,
#contentpage .filter-container .download-filter option:disabled {
	background-color:#5fa6f0;
	color:#fff;	
}
/*
#contentpage .filter-container .filter select:focus option:first-child,
#contentpage .filter-container .download-filter select:focus option:first-child { 
	display:none;
}
*/

#contentpage .filter-container .filter .filter-headline,
#contentpage .filter-container .download-filter .filter-headline {
	margin-bottom:10px;
	text-transform:uppercase;
}

#contentpage .referenz-wrapper {
	display:flex;
	flex-wrap: wrap;
	gap: 40px;
	max-width:1760px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}	

#contentpage .referenz  {
	flex:0 calc(50% - 20px);
}

#contentpage .referenz-invisible {
	display:none;
}

#contentpage .referenz .ce-gallery {
	width:40%;
	margin-right:10px;
}	

#contentpage .referenz .ce-gallery * {
	width:100%;
}
#contentpage .referenz .ce-gallery img {
	height:auto;
}

#contentpage .referenz .ce-gallery .ce-row {
	display:none;
}
#contentpage .referenz .ce-gallery .ce-row:first-child {
	display:block!important;
}

#contentpage .referenz .ce-bodytext {
	
}

#contentpage .referenz .ce-bodytext table.contenttable {
	table-layout:fixed!important;
	width:100%!important;
} 

#contentpage .referenz table.contenttable tr th, 
#contentpage .referenz table.contenttable tr td {
	/*width:100%!important;
	float:left;*/
	border-bottom:7px solid #fff;
	border-top:0px;
	width:50%!important;
	white-space: normal!important;
	
}
	
#contentpage .referenz table.contenttable tr td {
	background-color:#f5f5f5;
}	
	
	
	
/*YouTube Videos*/
/*#contentpage #slider-container .video {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

#contentpage #slider-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%!important;
	border: 0;
}	
*/	
/*#contentpage #slider-container iframe {
	width:100%!important;
}
#contentpage #slider-container .video {
	width:100%!important;
}*/

/* deaktiviert am 26.07.22
#contentpage #slider-container .video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
}

#contentpage #slider-container .video  iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/


/*BLOG*/


.blog .center-container #blog-navi {
	margin-bottom:80px;
	text-align:center;
	width:100%;
}

.blog .center-container #blog-navi li {
	display:inline-block;
}

.blog .center-container #blog-navi li.trenner {
	margin-left:10px;
	margin-right:10px;
}


.blog .center-container #blog-navi li a {
	text-transform:uppercase;

	display:inline-block;
	padding:14px;
	color:#0055AD;
	padding-top:7px;
	padding-bottom:8px;
	
	font-size:17px;
	border:1px solid #0055AD;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.blog .center-container #blog-navi li a:hover {
	border:1px solid #30d4ff;
	color:#30d4ff;
	text-decoration:none;
}

.blog .center-container #blog-navi li a.active {
	background-color: #0055AD;
	color:#fff;
}
.blog .center-container #blog-navi li a.active:hover {
	border:1px solid #0055AD;
}


.blog .center-container #info-container {
	display:inline-block;
	width:100%;
	margin-bottom:40px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;	
	background-color:#f7f7f7;
}

.blog .center-container #breadcrump-container ul {
	float:left;
}
.blog .center-container #breadcrump-container ul li {
	display:inline-block;
}
.blog .center-container #breadcrump-container ul li.trenner {
	padding-left:10px;
	padding-right:10px;
}
.blog .center-container #publishdata-container {
	float:right;
}

.blog .center-container {

}

.blog .center-container .flex-container {
	display: flex;

	gap: 80px;
	gap: 80px 80px; /* row-gap column gap */
	row-gap: 80px;
	column-gap: 80px;	
}
.blog .center-container .flex-container .left-col {
	display: flex;
	flex-wrap: wrap;
	
	gap: 60px;
	gap: 60px 60px; /* row-gap column gap */
	row-gap: 60px;
	column-gap: 60px;		
	
}

.blog .center-container .flex-container .left-col .blog-article,
.blog .center-container .bottom-col #related-container .blog-article {
	flex: 1 calc(50% - 30px);
	max-width: 50%;
	background-color:#eaeaea;
	padding:30px;
}




.blog .center-container .flex-container .left-col .blog-article header h2, 
.blog .center-container .flex-container .left-col .blog-article header h1 {
	font-size:24px;
}

.blog .center-container .bottom-col #related-container .blog-article header h2,
.blog .center-container .bottom-col #related-container .blog-article header h1 {
	font-size:20px;
}


.blog .center-container .flex-container .left-col .blog-article header,
.blog .center-container .bottom-col #related-container .blog-article header {
	margin-bottom:0px!important;
	width:100%;
}

.blog .center-container .bottom-col header {
	margin-bottom:40px!important;
}


.blog .center-container .flex-container .right-col {
	min-width: 400px;
}

.blog .center-container .flex-container .right-col .fixed-content {
	position: sticky;
	top: 100px;
}

.blog .center-container .flex-container .image-caption {
	padding:10px;
	text-align:center;
}
 


.blog .center-container .bottom-col {
	width:100%;
	float:left;
	margin-top: 100px;
	border-top: 1px solid #ccc;
	padding-top:40px;
	margin-bottom:100px;


	
}


.blog .center-container .bottom-col #related-container {
	display: flex;

	gap: 80px;
	gap: 80px 80px; /* row-gap column gap */
	row-gap: 80px;
	column-gap: 80px;
}




/*FORMULARE*/

#multipleUploadsBtn {
	cursor:pointer;
}

.tx-srfeuserregister-pi1 {
	text-align:left;
}
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd, .tx-srfeuserregister-pi1 {
	float:left;
	width:100%;
	text-align:left;
	clear:inherit;
}
.tx-srfeuserregister-pi1 dt label {
	text-align:left!important;
}
.tx-srfeuserregister-pi1 dd {
	margin-bottom:22px;
}


.dropzone {
	border:none!important;
	padding:0px!important;

}


.dropzone .dz-default {
	background-color:#ededed;
	border:1px dotted #333;
	padding:40px;
	position:relative;
	float:left;
	width:100%;
}

.dropzone .dz-preview {
	padding-bottom:40px;
	margin:0px;
}


.frame-type-form_formframework, .tx-srfeuserregister-pi1 {
	max-width:1000px!important;
	margin-bottom:80px;
}

.frame-type-form_formframework .form-group {
	float:left;
	width:100%;
	padding-bottom:30px;
}

.frame-type-form_formframework .form-group .control-label, 
.frame-type-form_formframework .form-group legend {
	margin-bottom:8px;
	float:left;
	width:100%;
}



.frame-type-form_formframework .form-group .input input[type=text],
.frame-type-form_formframework .form-group .input input[type=tel],
.frame-type-form_formframework .form-group .input input[type=email],
.frame-type-form_formframework .form-group .input input[type=date],
.frame-type-form_formframework .form-group .input textarea,
.tx-srfeuserregister-pi1 input[type=text],
.tx-srfeuserregister-pi1 input[type=email],
.tx-srfeuserregister-pi1 input[type=password]

 {
	padding:14px;
	width:100%;
	font-size:16px;	
	border:1px solid #e1e1e1;
	/*color:#40b5c1;*/
    font-family:'Gotham-Book';
}

.frame-type-form_formframework .form-group .input textarea {
	height:200px;
}


.frame-type-form_formframework .form-group .input input[type=checkbox] {
	margin-right:10px;
}

.frame-type-form_formframework .form-group .form-check {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

.frame-type-form_formframework .form-group .inputs-list .form-check {
	width:50%;
	margin:0px;
	margin-bottom:5px;
}


.frame-type-form_formframework fieldset {
	border:1px solid #e1e1e1;
	padding:30px;
	margin-bottom:30px;
}

.frame-type-form_formframework fieldset legend:first-child {
	font-family:'Gotham-Medium';
	margin-bottom:30px;
}

.frame-type-form_formframework .clearfix {
	margin-top:60px;
}

.frame-type-form_formframework .clearfix h2 {
	font-size:inherit;
	color:inherit;
	margin:inherit;
	padding:inherit;
	line-height:inherit;
	margin-bottom:4px;
	font-family:inherit;
}



#body-pl .frame-type-form_formframework .col-xxl-5 .clearfix {
	/*border:1px solid #fe0000;*/
	width:calc(100%/5);
	display:inline-block;
	vertical-align:top;
	margin-top:0px;
}

#body-pl .frame-type-form_formframework .col-xxl-5 .form-group {
	/*border:1px solid #fe0000;*/
}
#body-pl .frame-type-form_formframework .col-xxl-5 fieldset {
	padding:0px;
	margin:0px;
	border:none;
}

#body-pl .frame-type-form_formframework .col-xxl-5 fieldset legend {

}



#body-pl .frame-type-form_formframework .col-xxl-5 fieldset .form-group,
#body-pl .frame-type-form_formframework .col-xxl-5 fieldset .clearfix {
	/*border:1px solid #fe0000;*/
	width:calc(100%/5);
	padding:5px;
	float:left;
}
#body-pl .frame-type-form_formframework .col-xxl-5 fieldset .form-group label {
	display:none;
}



/*
input:required:focus, input:required:hover  {
	-webkit-box-shadow: 1px 2px 8px 0px rgba(200, 0, 0, 0.85); 
	box-shadow: 1px 2px  8px 0px rgba(200, 0, 0, 0.85);
	outline:none;
}*/



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cacaca;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cacaca;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cacaca;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cacaca;
}

	

#footer-container {
	width:100%;
	float:left;
	position:relative;
}

#footer-container .col {
	display:inline-block;
	width: calc(100%/4);
	vertical-align:top;
	padding-right:30px;
}

#footer-container .col .frame {
	margin-bottom:30px;
}


#footer-container .col ul li {
}


#footer-container h2 {
	padding:0px;
	margin:0px;
	border:none;
	color:#fff;
	width:100%;
	text-align:left;
	font-size:20px;
	font-family:'Gotham-Book';	
	margin-bottom:10px;
}

#footer-container #scroll-top-btn {
	position:absolute;
	width:100%;
	top:30px;
	text-align:center;
}

#footer-container #scroll-top-btn .arrow {
	width:40px;
	height:20px;
	background-image:url(../img/scroll-top-btn.png);
	background-repeat:no-repeat;
	background-position: 50% 0px ;
	cursor:pointer;
	display:inline-block;
}

#footer-container #footer-verlauf {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003f80+0,0052a8+100 */
	background: #003f80; /* Old browsers */
	background: -moz-linear-gradient(top,  #003f80 0%, #0052a8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #003f80 0%,#0052a8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #003f80 0%,#0052a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f80', endColorstr='#0052a8',GradientType=0 ); /* IE6-9 */
	padding-top:94px;
	float:left;
	width:100%;
	color:#fff;	
}

#footer-container #footer-verlauf #footer-sitemap a {
	color:#fff;
	padding-left:35px;
	background-image:url(../img/arrow-right-white.png);
	background-position:7px 12px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
}
#footer-container #footer-verlauf #footer-sitemap a:hover {
	text-decoration:underline;
}

#footer-container #footer-verlauf #footer-sitemap a.phone-icon {
	background-image:url(../img/phone-icon.png);
	background-position:0px 12px;
}
#footer-container #footer-verlauf #footer-sitemap a.fax-icon {
	background-image:url(../img/fax-icon.png);
	background-position:0px 12px;
	
}
#footer-container #footer-verlauf #footer-sitemap a.mail-icon {
	background-image:url(../img/mail-icon.png);
	background-position:0px 12px;	
}

#footer-container #footer-verlauf #footer-sitemap {
	float:left;
	width:100%;
	padding-bottom:45px;
}

#footer-container #footer-verlauf #footer-social {
	float:left;
	width:100%;
	border-top:2px solid #4072a6;
	padding-top:29px;
	padding-bottom:29px;
}


#footer-container #footer-verlauf #footer-social .left-col {
	float:left;
	padding-top:4px;
}
#footer-container #footer-verlauf #footer-social .right-col {
	float:right;
}


#footer-container #footer-verlauf #footer-social .social-icon {
	display:inline-block;
	vertical-align:top;
	margin-right:50px;
}
#footer-container #footer-verlauf #footer-social .social-icon img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#footer-container #footer-verlauf #footer-social .social-icon img:hover {
	filter: invert(15%);
}

#footer-container #footer-verlauf #footer-social .hideSocial {
	display:none!important;
}



#footer-container #footer-abschluss {
	background-image:url(../img/footer-abschluss-krone.png);
	background-repeat:no-repeat;
	background-position: 100% 10px;
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}

#footer-container #footer-abschluss .copy {
	background-color:#fff;
	float:left;
	padding-left:30px;	
	margin-left:-30px;
}

#footer-container #footer-abschluss ul {
	background-color:#fff;

	padding-right:30px;
	float:left;
}

#footer-container #footer-abschluss ul li {
	display:inline-block;
}
#footer-container #footer-abschluss ul li.trenner {
	width:1px;
	height:16px;
	background-color:#4181c2;
	margin-left:13px;
	margin-right:13px;
	margin-bottom:-3px;
}




/*COOKIE*/
.cc-window {
	
}

.cc-bottom {
	bottom: 61px!important;
	border:1px solid #4072a6;
}
.cc-right {
	right: 60px!important;
}

#body-es .cc-window {
	pointer-events: auto!important;
	width:100%!important;
	max-width:100%!important;
	height:100%!important;
	top:0px!important;
	left:0px!important;
	background-color: rgb(120, 120, 120, 0.6)!important;
	text-align:center;
	position:fixed!important;
	display:inline-block;
	flex:none!important;
	padding:0px!important;
	padding-left: calc(50% - 230px)!important;
	padding-right: calc(50% - 230px)!important;
	z-index:99999999999999999!important;
}

#body-es .cc-window .cc-message, #body-es .cc-window .cc-compliance {
	width:400px!important;
	display:inline-block
}

#body-es .cc-window .cc-message {
	flex:none!important;
	display:block!important;
	float:none!important;
	flex:none!important;
	background-color:#00509d;
	margin:0px!important;
	padding:30px;
	padding-bottom:10px;
	height:auto!important;
	margin-left:auto!important;
	margin-right:auto!important;
	vertical-align:top!important;	
	float:left!important;
	clear:both!important;
	top:30%!important;
	position:relative!important;
}





#body-es .cc-window .cc-compliance {
	position:relative!important;
	flex:none!important;
	vertical-align:top!important;	
	display:block!important;
	background-color:#00509d;
	margin:0px!important;
	padding:30px;
	padding-top:0px;
	height:auto!important;
	vertical-align:top!important;
	margin-left:auto!important;
	margin-right:auto!important;	
	float:left!important;
	clear:both!important;
	top:30%!important;

}

/*.cc-window {
	width:100%!important;
	max-width:100%!important;
	height:100%!important;
	top:0px!important;
	left:0px!important;
	background-color: rgb(120, 120, 120, 0.6)!important;
	text-align:center;
	position:fixed!important;
	display:inline-block;
	flex:none!important;
	padding:0px!important;
	padding-left: calc(50% - 230px)!important;
	padding-right: calc(50% - 230px)!important;
	z-index:99999999999999999!important;
}

.cc-window .cc-message, .cc-window .cc-compliance {
	width:400px!important;
	display:inline-block
}

.cc-window .cc-message {
	flex:none!important;
	display:block!important;
	float:none!important;
	flex:none!important;
	background-color:#00509d;
	margin:0px!important;
	padding:30px;
	padding-bottom:10px;
	height:auto!important;
	margin-left:auto!important;
	margin-right:auto!important;
	vertical-align:top!important;	
	float:left!important;
	clear:both!important;
	top:30%!important;
	position:relative!important;
}





.cc-window .cc-compliance {
	position:relative!important;
	flex:none!important;
	vertical-align:top!important;	
	display:block!important;
	background-color:#00509d;
	margin:0px!important;
	padding:30px;
	padding-top:0px;
	height:auto!important;
	vertical-align:top!important;
	margin-left:auto!important;
	margin-right:auto!important;	
	float:left!important;
	clear:both!important;
	top:30%!important;

}
*/


/*US Login*/

.big-modal {
	top:0px;
	left:0px;
	position:absolute;
	width: 1000px;
	min-width:100%;
	min-height:100%;
	height:auto;
	padding:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
	background-color: #00509d;
	color: #fff;
	z-index:99999999999;
	display:none;
}

.big-modal table {
	table-layout:fixed;
	width:100%;
}

.big-modal table tr th {
	vertical-align:top;
	text-align:left;
	padding:10px;
	width:auto;
	color: #ffee11;
}

.big-modal table tr td {
	vertical-align:top;
	text-align:left;
	padding:8px;
	width:auto;	
	 word-wrap: break-word;
}

.big-modal table tr:nth-child(even) td {
	background-color:#216fb9;
}


.big-modal #filter-container {
	float:left;
	width:100%;
	margin-bottom:10px;
	position:relative;
}
.big-modal #filter-container .filter-btn, 
.big-modal #filter-container .export-btn {
	display:inline-block;
	padding:8px;
	padding-left:14px;
	padding-right:14px;
	background-color:#147fb7;
	color:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	margin-right:10px;
	cursor:pointer;
}
.big-modal #filter-container .filter-btn-act {
	background-color:#ffee11;
	color:#000;
}
.big-modal #filter-container .export-btn {
	margin-left:40px;
}


.big-modal .close {
	width:29px;
	height:30px;
	position:absolute;
	right:20px;
	top:20px;
	z-index:9999999999;
	background-image:url(../img/close-icon.png);
	background-repeat:no-repeat;
	cursor:pointer;	
}






/*RESPONSIVE STYLES*/ 

@media (max-width: 1570px) {
	
	#body-asia #mainnavi-container {
		font-size:15px;
	}
	
	#body-asia #mainnavi-container ul li {
		margin-right: 18px;
	}
}


@media (max-width: 1536px) {
	.cc-bottom {
		bottom: 60px!important;
	}	
	
	.cc-right {
		right: 30px!important;
	}

	#header-container .top-row #meta-container #language-changer #languages-container {
		right:46px;
		width:132px;
		z-index:999999999;
		margin-top:6px;
		padding:6px;
		padding-top:6px;
		padding-bottom:6px;
	

	}
	
	#header-container .top-row #meta-container #language-changer #languages-container  a {
		margin:4px;
		width:32px;
		padding:0px;
		vertical-align:top;
	
	}	
	

	#search-qq-container {
		right:30px;
	}

	.fixed-header #mainnavi-container {
		margin-left:0px;
	}

	.fixed-header #search-qq-container {
		right:30px;
	}


	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 {
		padding-left:26px;
		
	}


	#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2,
	#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2	{
		padding-right:26px;
	}

	
	
	

	#quicknavi-container .quicknavi-element .content {
		padding-right:20px;
		padding-left:6px;
	}
	
	
	#quicknavi-container .quicknavi-element {
		background-color:#fff;
		height:66px;
		line-height:66px;
		margin-bottom:10px;
		font-size:15px;		
	}	
		
	
	#quicknavi-container .quicknavi-element .icon {
		height:66px;
		width:66px;
		background-size:  auto 28px;
	}
	#quicknavi-container .quicknavi-element:hover .icon {
		background-size:auto 30px;
	}	
	
	
	

	#quicknavi-container #quicknavi-social .social-icon {
		margin-right:16px;
	}
	#quicknavi-container #quicknavi-social .social-icon a {
		width:31px;
		height:31px;	
	}
	#quicknavi-container #quicknavi-social .social-icon a:hover {
		background-position: 0px -31px;
	}

	#quicknavi-container #quicknavi-social .youtube a {
		width:41px;
	}

	#quicknavi-container #quicknavi-social .pinterest a {
		width:31px;
	}
	
	
	

	.center-container {
		padding-left:30px;
		padding-right:30px;		
	}
	
	
	
	
	.teaser-container .frame-type-textmedia .ce-bodytext {
		padding-left:20px;
		padding-right:20px;	
		top: calc(100% - 56px);
	}



	.teaser-container .frame-type-textmedia .buttonlink {
		margin-top:0px;
	}	
	.teaser-container .frame-type-textmedia h2 {
		line-height:22px;
		padding-top:16px;
		padding-bottom:16px;
		font-size:17px;
		height:56px;
		
	}	
	.teaser-container .frame-type-textmedia .ce-bodytext {
		font-size: 14px;
		line-height: 16px;
	}
	




	.layout-2 .floating-wrapper {
		padding-left:30px;
		padding-right:30px;
	}

	.layout-2  .container {
		padding-left:30px;
		padding-right:30px;
	}
	.layout-2  .container-grau {
		padding-left:90px!important;
		padding-right:90px!important;
	}
	.layout-2 #maincontent-container .center-container .frame {
		padding-left:30px;
		padding-right:30px;	
	}

	.layout-2  #maincontent-container .center-container .frame-container-grau,
	#contentpage #stoerer-container .frame-container-grau	{
		padding-left:20px;
		padding-right:20px;	
	}
	
	#contentpage .kachel-wrapper {
		gap: 20px;
	}
	#contentpage .kachel {
		flex: 1 calc(33% - 20px);
		max-width: calc(100% / 3);
	}

	#contentpage .kachel h2,
	#contentpage .kachel h3,
	#contentpage .kachel h4 {
		color:#fff;
		font-size:20px;
		line-height:24px;
	}
	
	


}



@media (max-width: 1440px) {
	

	body {

		font-size:15px;
		line-height:20px;
	}
	



	h1, h2 {
		font-size:44px;
		line-height:44px;
	}
	h3,
	h2.like-h3 {
		font-size:18px;
		line-height:22px;
	}
	h4 {
		font-size:15px;
		line-height: 19px;
	}

	.text-50px {
		font-size:44px;	
	}


	a.buttonlink, .submit .btn, .tx-srfeuserregister-pi1-submit {
		font-size:14px;
	}


	
	
	#header-container {
		padding-top:20px;
	
	}

	#header-container .top-row #logo-container img {
		width:200px;
	}



	
	
	#video-control-container #video-back {
		padding:10px;
		padding-top:6px;
		padding-bottom:6px;

		right:30px;
		top:144px;
		bottom:inherit;
	}



	#mainnavi-container .subnavi-container .close {
		margin-left:26px;

	}



	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
		width: auto;
		padding-right:30px;


	}
	#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element,
	#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element	{
		width:100%;
	}
	
	#mainnavi-container .subnavi-container .subnavi-element-smaller .subnavi-e2 .subnavi-e2-element {
		width:100%;
	}
	
	#mainnavi-container .subnavi-container .subnavi-element-smaller {
		width:25%; 
	}	
			
	
	
	#search-qq-container #search-container #suchfeld {
		width:200px;
	}	


	
	#maincontent-container header {
		margin-bottom:60px;
	}	
		
	

	table.countertable {
		font-size:17px;
	}

	table.countertable tr td strong {
		font-size:44px;
	}
	table.countertable tr td img {
		margin-bottom:40px;
	}	
	
	
	
	
		
	.tabs-container .tabs-holder .single-tab {
		padding-bottom:16px;
		font-size:17px;
		padding-left:20px;
		padding-right:20px;
	}	
		
		
	
		
	#contentpage .referenz-wrapper {
	}	

	#contentpage .referenz  {
		flex:0 calc(100%);
	}	
		
	
}



@media (max-width: 1350px) {
	#body-asia #mainnavi-container {
		font-size:14px;
	}

	
}



@media (max-width: 1280px) {
	
	
	#header-container {
		padding-top:15px;
	}
	
	#header-container .top-row #logo-container img {
		width:180px;
	}		
	
	
	
	
	#mainnavi-container {
		margin-top:24px;
	}	
		
	#mainnavi-container ul li {
	  margin-left: 24px;
	}	
	
	#mainnavi-container ul li > a {
		padding-bottom:18px;
	}	
	
	
	#search-qq-container {
		position:absolute;
		top:41px;
	}
	
	#search-qq-container #search-container #suchfeld {
		width:180px;
	}	
	
	
	
	#quicknavi-container .quicknavi-element {
		background-color:#fff;
		height:60px;
		line-height:60px;
		margin-bottom:1px;
		font-size:14px;		
	}	
	#quicknavi-container .quicknavi-element .icon {
		height:60px;
		width:60px;
		background-size:  auto 25px;
	}
	#quicknavi-container .quicknavi-element:hover .icon {
		background-size:auto 30px;
	}	
	#quicknavi-container #quicknavi-social .social-icon {
		margin-right:16px;
	}
	#quicknavi-container #quicknavi-social .social-icon a {
		width:28px;
		height:28px;	
	}
	#quicknavi-container #quicknavi-social .social-icon a:hover {
		background-position: 0px -28px;
	}
	#quicknavi-container #quicknavi-social .youtube a {
			width:37px;
	}
	#quicknavi-container #quicknavi-social .pinterest a {
		width:28px;
	}
	
	
	
		
	#mainnavi-container .one-col .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
		width: calc(100%/6);
	}	
		
	
	
	#footer-container #footer-verlauf #footer-sitemap a {
		padding-left:19px;
		background-image:url(../img/arrow-right-white.png);
		background-position:2px 12px;
	}
	
	#footer-container #footer-verlauf #footer-sitemap a.phone-icon {
		padding-left:30px;
	}
	#footer-container #footer-verlauf #footer-sitemap a.fax-icon {
		padding-left:30px;
		
	}
	#footer-container #footer-verlauf #footer-sitemap a.mail-icon {
		padding-left:30px;	
	}	
	
	
	
	/*
	#contentpage #tabs-container-content .table-scrollable {
	  width: 100%;
	  overflow-y: auto;
	  margin: 0 0 1em;
	}

	#contentpage #tabs-container-content .table-scrollable::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}

	#contentpage #tabs-container-content .table-scrollable::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}
	*/
	
	
	#contentpage #maincontent-container .table-scrollable,
	#contentpage #tabs-container-content .table-scrollable	{
	  width: 100%;
	  overflow-y: auto;
	  margin: 0 0 1em;
	}

	#contentpage #maincontent-container .table-scrollable::-webkit-scrollbar,
	#contentpage #tabs-container-content .table-scrollable::-webkit-scrollbar	{
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}

	#contentpage #maincontent-container .table-scrollable::-webkit-scrollbar-thumb
	#contentpage #tabs-container-content .table-scrollable::-webkit-scrollbar-thumb 	{
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}		
	



	
	/*
	#body-asia #mainnavi-container #burger-navi {
		display:block;
		top:17px;
	}	
	
	#body-asia #header-container .top-row #meta-container {
		position:absolute;
		right:84px;
		top:18px;
	}	
	*/
	#body-asia #search-qq-container #search-container {
		display:none;
	}	
	
	
}


@media (max-width: 1240px) {

	
	#search-qq-container #search-container #suchfeld {
		position:absolute;
		right:-10px;
		top:50px;
		width:220px;
		background-color:#ffffff;
	}
			
	#ac-search-result {
		margin-top:47px;
		max-height:400px;
	}
}

@media (max-width: 1024px) {


	body {

		font-size:14px;
	}
	

	h1, h2 {
		font-size:38px;
		line-height:42px;
	}
	h3,
	h2.like-h3 {
		font-size:16px;
		line-height:20px;
	}
	h4 {
		font-size:14px;
		line-height: 19px;
	}

	.text-50px {
		font-size:38px;	
	}




	#header-container {	
	
	}
	
	#header-container .top-row #logo-container img {
		width:160px;
	}		
	
	
	#search-qq-container {
		position:absolute;
		top:29px;
	}	
	

	#sitemap-navi {
		display:none;
	}
	
	#mainnavi-container {
		/*font-size:14px;*/
		margin-top:12px;
		font-size:14px;	

	}	
		
	
	#mainnavi-container ul li {
		margin-left:20px;
	}
	
	#mainnavi-container ul li:first-child {
		margin-left:0px;
	}
	
	#mainnavi-container ul li > a {
		padding-bottom:14px;
	}
	#mainnavi-container ul li.hasSub-open > a.active {
		background:none;
	}
		
			
	#mainnavi-container .one-col .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
		width: calc(100%/4);
	}		
			
		
		
		

	#video-control-container .video-control-icon .text {
		padding:8px;
		padding-left:40px;
		margin-top:0px;
	}

	#video-control-container .video-control-icon .text strong, #video-control-container .video-control-icon .text h1, #video-control-container .video-control-icon .text h2 {
		font-size:15px;
	}
		
		
	#video-control-container .video-control-icon .icon {

	}	
		
		
	#video-control-container .video-control-icon:hover .icon {
		width:34px;
		height:34px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin-top:0px;
		margin-left:0px;
		opacity:1.0;
	}	
		
	
	

	.teaser-container .frame-type-textmedia {
		width:calc(95%/2)!important;
		margin-right:2.5%!important;
		margin-bottom:2.5%;
	}
	
	.teaser-container .frame-type-textmedia .buttonlink {
		margin-top:30px;

	}		


	
	.tabs-container .tabs-holder .single-tab {
		padding-bottom:14px;
		font-size:15px;
		padding-left:20px;
		padding-right:20px;

	}
	

	.tabs-container .tab-content .ce-right .ce-gallery {
		margin-left:30px;
	}

	.tabs-container .tab-content .ce-left .ce-gallery {
		margin-right:30px;		
	}	




		
	#maincontent-container header .header-wrapper {
		padding-top:20px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
	}	
	
	

	table.countertable {
		font-size:15px;
	}

	table.countertable tr td strong {
		font-size:38px;
	}
	table.countertable tr td img {
		margin-bottom:30px;
	}	
	




	#footer-container #footer-col-1 {
		width:100%;
		text-align:center;
		border-bottom: 1px dotted #fff;		
	}
	#footer-container #footer-col-1 header * {
		text-align:center;
		margin-left:0px;
		margin-right:0px;
	}


	#footer-container .col {
		width: calc(100%/2);
		margin-bottom:30px;
	}
	
	
	#footer-container #footer-col-4 {
		width:100%;
		text-align:center;
		border-top: 1px dotted #fff;	
		padding-top:30px;
		margin-bottom:0px;
	}	
	#footer-container #footer-col-4 header * {
		text-align:center;
	}
	
	#footer-container #footer-abschluss {
		background-position: 80% 10px;

	}

	#footer-container #footer-verlauf #footer-social {
		padding-top:14px;
		padding-bottom:14px;
	}





	/*#contentpage #systemuebersicht-container .frame-type-textmedia {*/
	#contentpage .systemuebersicht-container .frame-type-textmedia {
		width:calc(95%/3);
	}
		
	.layout-4  #maincontent-container .frame-type-textmedia header .header-wrapper  h2 {
		line-height:24px;
		font-size:20px;
	}
		
		


}


@media (max-width: 900px) {
		
	.section {
		padding-top:40px;
		padding-bottom:40px;
	}


	.frame-type-div {
		margin-top:30px;
		margin-bottom:40px;
	}
	
	h1, h2 {
		font-size:32px;
		line-height:34px;
	}
	.text-50px {
		font-size:32px;	
	}	
	
	#maincontent-container header .header-wrapper {
		padding-top:12px;
		padding-bottom:12px;
	}
	
	
	#header-container {
		padding-top:10px;
		padding-bottom:6px;
	}
	#header-container .top-row #logo-container img {
		width:140px;
	}	
	
	
	#video-control-container #video-back {
		top:80px;

	}	

	#icon-private-doppelwandig {
		left:72%;
		top:82%;
	}
	
	.center-container {
		padding-left:20px;
		padding-right:20px;		
	}
		
	
	
	#mainnavi-container {
		
	}
	.overflow-y {
		max-height:100%!important;
		overflow-y: inherit;
		position:relative;	
		-webkit-box-shadow: none;
		box-shadow: none;	
	}


	
	#mainnavi-container #burger-navi {
		display:block;
		top:17px;
	}
	
	#header-container .top-row #meta-container {
		position:absolute;
		right:84px;
		top:18px;
	}	
		
	#header-container .top-row #meta-container #language-changer #languages-container {
		right:18px; 
	}
	#header-container .top-row #meta-container #language-changer #languages-container  a {


	}
	
	
	#search-qq-container {
		right:166px;
		margin-top:0px;
		top:16px;
	}


	#search-qq-container #search-container {
		display:none;
	}
		

	#mainnavi-container > ul {
		margin-top:6px;
		width:100%;
		display:none;
		position:fixed;
		left:0px;
		padding:30px;
		padding-top:10px;
		padding-bottom:10px;
		background-color:#fff;
		-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
		box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);

		
		overflow:hidden;
		
		overflow-y:scroll;
		max-height:calc(100% - 60px);
		
	

	}
	/* Hide scrollbar for Chrome, Safari and Opera */
	#mainnavi-container > ul::-webkit-scrollbar {
		display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	#mainnavi-container > ul {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}	
	
	
	
	#mainnavi-container > ul > li {
		float:left;
		margin-left:0px;
		width:100%;
		padding-top:10px;

	}
	#mainnavi-container > ul > li:last-child {
		margin-bottom:60px;
	}
		
	#mainnavi-container > ul > li a {
		display:block;
	}	
		
	#mainnavi-container ul li.hasSub {
		padding-right:0px;
		background-position: 100% 14px;
	}	
		
	
	#mainnavi-container .subnavi-container {
		display:none;
		-webkit-box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74); 
		box-shadow: -1px 1px 11px -7px rgba(0,0,0,0.74);
		margin-bottom:30px;
	}	
	#mainnavi-container .subnavi-container .close {
		margin-top:14px;	
		margin-left:20px;
	}
	
	#mainnavi-container .subnavi-container .subnavi-element {
		width:100%;
		display:block;
	}
	

	#mainnavi-container .subnavi-container .subnavi-element .subnavi-top {

		font-size:16px;
		line-height:19px;
		height:60px;
	}	
	
	
	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 {
		padding-left:10px;
		padding-right:10px;
	}

	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element {
		width:100%!important;
		max-width:100%;
		margin-bottom:0px;
		position:relative;
	}
	
	/*evtl. dynamische Höhe*/
	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element > a {
		height:auto;
		padding-left:60px;
		height: 50px;
		padding-top:12px;
		display:block;
	}	
	
	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail {
		position:absolute;
		top:0px;
	}

	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail img {
		max-width:50px;
		max-height: 50px;
	}
	
	

	#mainnavi-container .subnavi-container .subnavi-element .subnavi-e2 .subnavi-e2-element .subnavi-e3 {
		display:none;
	}	
	
	
	#mainnavi-container .subnavi-container .ExtraNavigationsspalte,
	#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau	{
		border:none;
	}
	
	
	#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-thumbnail,
	#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-thumbnail	{
		display:none;
		
	}
	#mainnavi-container .subnavi-container .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element > a,
	#mainnavi-container .subnavi-container .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element > a	{
		padding-left:10px;
		height:auto;
	}


	#mainnavi-container .special-subnavi-container .subnavi-element	 .subnavi-e2 .subnavi-e2-element > a {
		height:auto;
		padding-left:10px;
	}
		
		
	#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalte .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail,
	#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalteGrau .subnavi-e2 .subnavi-e2-element .subnavi-thumbnail	{
		left:0px;
		text-align:center;
		padding-left:0px;
	}
		

		
	#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalte	 .subnavi-e2 .subnavi-e2-element > a,
	#mainnavi-container .special-subnavi-container  .ExtraNavigationsspalteGrau	 .subnavi-e2 .subnavi-e2-element > a	{
		height:50px;
		padding-left:60px;
	}
		
	
	
	
	#footer-container #footer-abschluss {
		background:none;
	}	
	
	

	table.countertable tr td {
		display:inline-block;
		width:100%;
		margin-bottom:40px;
		border-bottom:1px dotted #ccc;
		padding-bottom:30px;
	}

	table.countertable tr td:last-child {
		border:none;
	}
	
	

	.tabs-container .tab-content .ce-right .ce-gallery {
		margin-left:0px;
		max-width:100%;
		margin-bottom:20px;
	}

	.tabs-container .tab-content .ce-left .ce-gallery {
		margin-right:0px;
		max-width:100%;
		margin-bottom:20px;		
	}

	
	.tabs-container .tab-content .ce-right .ce-bodytext {
		width:100%;
	}
	.tabs-container .tab-content .ce-left .ce-bodytext {
		width:100%;
	}	



	.teaser-container .frame-type-textmedia {
		width:100%!important;
		margin-right:0px!important;
		margin-bottom:40px;
	}
		
	.teaser-container .frame-type-textmedia .ce-bodytext {
		position:relative;
		top:0px;
	}	
	

	#footer-container #footer-abschluss  {
		text-align:center;
	}


	#footer-container #footer-abschluss .copy {
		text-align:center;
		width:100%;
	}
	#footer-container #footer-abschluss ul {
		width:100%;
		margin-top:20px;
	}
	#footer-container #footer-abschluss ul li {
		display:inline-block;
		width:100%;
		margin-bottom:10px;
		
	}
	#footer-container #footer-abschluss ul li.trenner {
		display:none;
	}









	#maincontent-container header .header-icon {
		display:table-cell;
		vertical-align:middle;
		padding-right:10px;
	}
	#maincontent-container header .header-icon img {
		max-width:60px;
		height:auto;
	}


	#contentpage .frame-type-textmedia, 
	#contentpage .frame-type-text {
		margin-bottom:30px;
	}	
		



	#contentpage #maincontent-container {
		padding-top:30px;
		padding-bottom:40px;
	}
	
	

	#contentpage #maincontent-container .ce-right .ce-gallery {
		margin-left:0px;
		max-width: 100%;
		float:left;
		
	}
	#contentpage #maincontent-container .ce-right .ce-bodytext {
		float:left;
		width:100%;
		
	}
	
	
	#contentpage #maincontent-container .ce-left .ce-gallery {
		margin-left:0px;
		margin-right:0px;
		max-width: 100%;
		float:left;
		
	}
	#contentpage #maincontent-container .ce-left .ce-bodytext {
		float:left;
		width:100%;
		
	}	




	/*#contentpage #systemuebersicht-container .frame-type-textmedia {*/
	#contentpage .systemuebersicht-container .frame-type-textmedia {
		width:calc(97.5%/2);
	}
	
	/*#contentpage #systemuebersicht-container .frame-type-textmedia .system-detail-icons {*/
	#contentpage .systemuebersicht-container .frame-type-textmedia .system-detail-icons {
		display:block;
	}	
	/*#contentpage #systemuebersicht-container .frame-type-textmedia:hover .system-detail-icons {*/
	#contentpage .systemuebersicht-container .frame-type-textmedia:hover .system-detail-icons {
		display:block;
	}



	#contentpage .kachel {
		flex: 1 calc(50% - 20px);
		max-width: calc(100% / 2);
	}

	#contentpage .kachel h2,
	#contentpage .kachel h3,
	#contentpage .kachel h4 {
		font-size:18px;
		line-height:22px;
	}
	
	
	#contentpage .frame-type-uploads {
		width: calc(100% / 3)!important; 
	}	
		
	
	#clickpath-container {
		display:none;
	}	
	
	
	#body-asia #slider-container {
		margin-top:55px;
	}
	#body-asia #slider-container .sliderHolder .ce-bodytext {
		padding-left:30px;
		padding-right:30px;
	}	
	
	

	
	.slider-multiple .image-caption {
		margin-top:14px;
		font-size:20px;
		line-height:21px;
	}	
	
	
}



@media (max-width: 768px) {

	#video-control-container #icon-industrial {
		left:15%;
		top:42%;
	}
	#video-control-container #icon-private {
		left:61.25%;
		top:59%;
	}


	#video-control-container .video-control-icon .icon {
		width:26px;
		height:26px;
		background-image:url(../img/plus-icon-s.png);
	}
	#video-control-container .video-control-icon:hover .icon {
		width:26px;
		height:26px;
	}	
		




	#video-control-container .video-control-icon .text {

		padding:5px;
		padding-left:32px;
		padding-right:8px;
		padding-top:3px;
		margin-top:-1px;

	}

	#video-control-container .video-control-icon .text strong, #video-control-container .video-control-icon .text h1, #video-control-container .video-control-icon .text h2 {
		font-size:14px;
	}





	#footer-container .col {
		width: calc(100%);
		margin-bottom:30px;
	}
	
	
	#footer-container #footer-verlauf #footer-social .left-col {
		width:100%;
		text-align:center;
	}
	

	#footer-container #footer-verlauf #footer-social .social-icon {
		margin:0px;
		float:none;
		display:inline-block;
		margin-left:6px;
		margin-right:6px;
	}	
		
	#footer-container #footer-verlauf #footer-social .right-col {
		display:none;
	}	
	
	#contentpage table.table-with-images {
		
	}

	#contentpage table.table-with-images img {
		margin:0px;
		margin-bottom:30px;
	}
	#contentpage table.table-with-images tr td {
		width:100%;
		float:left;
		padding-left:0px;
	}


	.slider-multiple .image-caption {
		margin-top:0px;
		font-size:15px;
		line-height:16px;
	}
	.slider-multiple img {
		padding:8px;
	}	
		
		
}



@media (max-width: 700px) {

	#popup-container {
		padding:10px;
		position:absolute;
	}
	#popup-container #popup-content {
		padding:20px;
		padding-top:45px;
	}
	#popup-container #popup-content .popup-close {
		right:10px;
		top:10px;
	}	
	


	.cc-bottom {
		bottom: 50%!important;
	}	
	
	.cc-right {
		left: 0px!important;
		right: 0px!important;
	}
	.cc-window {

	}
	
	.cc-revoke {
		bottom:0px!important;
	}
	
	.cc-window.cc-floating {
		max-width: 100%!important;
		left: 10px!important;
		right: 10px!important;
	} 

	h1, h2 {
		font-size:22px;
		line-height:26px;
	}
	.text-50px {
		font-size:22px;	
	}	
	

	
	#quicknavi-container {
		display:none;
	}
	
	
	
	#quickquote-btn {
		display:none;
	}
	
	#video-control-container #icon-industrial {
		top:38%;
	}	
	#video-control-container #icon-private {
		left:52%;
		top:69%;

	}

	#video-control-container .video-control-icon:hover .text {
		display:none;
	}




	
	#video-control-container #video-back {
		top:20px;

	}

	#slider-container {
		margin-top:55px;
	}	



		
	.tabs-container .tabs-holder .single-tab {
		padding-bottom:16px;
		font-size:14px;
		padding-left:16px;
		padding-right:16px;
		width:100%;
		float:left;
		margin-bottom:10px;
		border:1px solid #ccc;
		padding-top:12px;
	}	
		
	.tabs-container .tabs-holder .single-tab:hover {
		border:1px solid #ccc;
	}


	/*#contentpage #systemuebersicht-container .frame-type-textmedia {*/
	#contentpage .systemuebersicht-container .frame-type-textmedia {
		width:calc(100%);
		margin-right:0px;
	}
	
	#maincontent-container header .header-icon img {
		max-width:40px;
		height:auto;
	}	
	
	#maincontent-container header .header-icon {
		padding-right:5px;
	}	
	
	.layout-4  #maincontent-container .frame-type-textmedia header .header-wrapper  h2 {
		line-height:22px;
		font-size:18px;
	}

	/*Two Cols Elements*/
	#contentpage .floating-wrapper {
		gap: 20px;
	}
	#contentpage .floating {
		flex:1 calc(100%);
	}
	
	
		
	#contentpage .kachel-wrapper {
		gap: 20px;
	}
	#contentpage .kachel {
		flex: 1 calc(100%);
		max-width: calc(100%);
	}


	#contentpage .frame-type-uploads {
		width: calc(100% / 2)!important; 
	}	
	
		
	#contentpage .referenz .ce-gallery {
		width:100%;
		margin-right:0px;
	}		
	#contentpage .referenz .ce-bodytext {
		width:100%;
	}
	
		
	.frame-type-form_formframework .form-group .inputs-list .form-check {
		width:100%;
	}	
	
	
	
	#body-asia #slider-container .sliderHolder h2 {
		font-size:28px;
		line-height:30px;
	}
	
	#body-asia #slider-container .sliderHolder .ce-gallery {
		width:100%;
		padding-right:10px;
		padding-left:10px;
	}

	#body-asia #slider-container .sliderHolder .ce-bodytext {
		padding-left:20px;
		padding-right:20px;
		width:100%;
		text-align:center;
	}
	#body-asia #slider-container .sliderHolder .ce-bodytext p {
		margin-top:16px; 
		line-height:22px;
	}


}




@media (max-width: 500px) {

	#video-control-container #icon-industrial {

		top:42%;
	}

	#video-control-container #icon-private {
		left:45%;
		top:68%;

	}




	#icon-private-zubehoer {
		left:61%;
		top:18%;
	}
	#icon-private-konzentrisch {
		left:48%;
		top:50%;
	}
	#icon-private-einwandig {
		left:47%;
		top:67%;
	}
	#icon-private-leichtbau {
		left:61%;
		top:55%;
	}
	#icon-private-ofenrohr {
		left:62%;
		top:73%;
	}
	/*#icon-private-doppelwandig {
		left:72%;
		top:82%;
	}*/



	#icon-industrial-lueftungstuerme {
		left:40%;
		top:72%;
	}
	#icon-industrial-abgasschalldaempfer {
		left:51%;
		top:74%;
	}
	#icon-industrial-rauchgasleitung {
		left:59%;
		top:68%;
	}
	#icon-industrial-industrieschornsteine {
		left:62%;
		top:30%;
	}

	
	
	
}
@media (max-width: 400px) {




	h1, h2 {
		font-size:20px;
		line-height:24px;
	}
	.text-50px {
		font-size:20px;	
	}	

	.center-container {
		padding-left:12px;
		padding-right:12px;		
	}
		
	#mainnavi-container #burger-navi {
		right:10px;	
	}	
	#header-container .top-row #meta-container {
		right:70px;
	}	

	#video-control-container #icon-industrial {
		left:12%;
		top:32%;
	}

	#video-control-container #icon-private {
		left:35%;
		top:60%;

	}
	
	#contentpage .frame-type-uploads {
		width: calc(100%)!important; 
	}	
		
	
}