/* --- Home --------------------------------------------------------------------------------------- */


/* Decisions */

/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#decisions > div video{
		width:100% !important;
		height:auto !important;
		left:0px  !important;
		bottom:auto !important;
		top:0px !important;
		transform:translate(0,0) !important;
	}
	#decisions .inn{
		justify-content:flex-end;
		min-height:0px;
		padding-top:60%;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#decisions .inn{
		justify-content:flex-end;
		min-height:0px;
		padding-top:160%;
	}
}

/* Cases */
.home .case.swiper-slide h3{
	margin-top:20px;
}
.home .case.swiper-slide.link-arrow a{
	margin-top:0px;
}
#transforming-challenges .ce_swiperStart .swiper-button-prev,
#transforming-challenges .ce_swiperStart .swiper-button-next{
	display:none;
	bottom:30px;
}
#transforming-challenges .content-text.show-all.link-arrow a{
	margin-top:0px;
}
.myChildrensLinkIsApplied{ cursor:pointer; }
.content-text.case:hover,
.content-text.case:hover h3{
	color: var(--gelb);
}
.home .case img{
	filter: grayscale(1);
}
.home .case.grayscale img{
	filter: grayscale(0);
}

/* Klein: Handys */
@media (max-width: 768px) {
	#transforming-challenges .ce_swiperStart .swiper-button-prev,
	#transforming-challenges .ce_swiperStart .swiper-button-next{
		display:flex;
	}
	.home .case img{
		filter: grayscale(0) !important;
	}
}

/* Realtime Data */
@media (max-width: 992px) {
	#real-time-data{
		margin-top: var(--standard-margin-top);
	}
	#real-time-data .inn{
		padding-top: var(--standard-onlypadding-top);
	}
	#real-time-data > div video{
		width:100% !important;
		height:auto !important;
		left:0px  !important;
		bottom:auto !important;
		top:0px !important;
		transform:translate(0,0) !important;
	}
	#real-time-data .inn{
		justify-content:flex-end;
		padding-top:60%;
	}
	#real-time-data > div{
		background-size: 100% auto !important;
		background-position: left top !important;
	}
	#transforming-challenges .ce_swiperStart .swiper-button-prev,
	#transforming-challenges .ce_swiperStart .swiper-button-next{
		bottom:10px;
	}
}
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#real-time-data{
		margin-top: 0px;
	}
	#real-time-data .inn{
		justify-content:flex-end;
		min-height:0px;
		padding-top:100%;
	}
	#transforming-challenges .content-text.case{
		text-align:center;
	}
	.home .content-text.case p{
		padding-right:0px !important;
	}
	.home .content-text.case p a{
		margin-left:30px !important;
	}
}

/* Corrosin Detection */
#corrosion-detection .content-image{
	margin-bottom:24px;
}

#corrosion-or-not .content-text p{
	padding-right:40px;
}
#corrosion-or-not .content-text ul{
	padding-right:160px;
}
#corrosion-or-not .inn{
	padding: var(--article-padding-top) 15px 0 15px;
}
#corrosion-integrity-applications .team-grid h3{
	display:block;
}
#corrosion-integrity-applications .team-grid h3 a:hover{
	color:#fff;
	cursor:default;
}
#corrosion-or-not .content-text.more-text{
	max-height:0px;
	transition:max-height .4s;
	overflow:hidden;
}
#corrosion-or-not .content-text.more-text.active{
	max-height:500px;
}

@media (max-width: 1400px) {
	#corrosion-or-not .content-text ul{
		padding-right:120px;
	}
}
@media (max-width: 1200px) {
	#corrosion-or-not .content-text ul{
		padding-right:60px;
	}
}
@media (max-width: 992px) {
	#corrosion-or-not .content-text ul{
		padding-right:0px;
	}
	#corrosion-or-not .content-text p{
		padding-right:0px;
	}
}
@media (max-width: 768px) {

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

}


/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {

}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	.corrosion-detection #headerbereich .content-text h1{
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
	}
	.corrosion-detection #headerbereich .content-text{
		font-size:var(--text-3-size);
		line-height: var(--text-3-line-height);
	}
	#corrosion-or-not .inn{
		min-height:1px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	/*
	#corrosion-or-not .content-text.first.case{
		margin-bottom: calc( var(--standard-margin-bottom) * 2 );
	}
	*/
	#custom-hardware-and-smart-processing .inn,
	#from-assumptions-to-precision .inn{
		text-align:center;
	}
}



/* Join our team */
#join-our-team .inn{
	padding-top: 0px !important;
}

/* Performance proven */
@media (max-width: 992px) {
	#performance-proven > div video{
		width:100% !important;
		height:auto !important;
		left:0px  !important;
		top:auto !important;
		bottom:0px !important;
		transform:translate(0,0) !important;
	}
	#performance-proven .inn{
		justify-content:flex-end;
		min-height:0px;
		padding-bottom:60%;
	}
	#performance-proven > div{
		background-size: 100% auto !important;
		background-position: left bottom !important;
	}
}
@media (max-width: 992px) {
	#performance-proven .inn{
		min-height:0px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {

}

/* Learn more*/
@media (max-width: 992px) {
	#learn-more{
		margin-bottom:0px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#join-our-team .inn,
	#learn-more .inn{
		text-align:center;
	}
	#learn-more .inn
}

/* Insights*/

#insights-and-results .ce_swiperStart .swiper-button-prev,
#insights-and-results .ce_swiperStart .swiper-button-next{
	display:none;
	bottom:30px;
}

#insights-and-results .content-text.show-all.link-arrow a{
	margin-top:0px;
}
#insights-and-results .layout_latest{
	margin-bottom:10px;
} 

@media (max-width: 992px) {
	#insights-and-results .inn{
		min-height:0px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {
	#insights-and-results .ce_swiperStart .swiper-button-prev,
	#insights-and-results .ce_swiperStart .swiper-button-next{
		display:flex;
	}
}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#insights-and-results .layout_latest{
		text-align:center;
	}
}


#our-services .swiper-container{
	margin-top:36px;
	padding-bottom:30px;
}
#our-services .swiper-container .content-text{
	text-align:center;
	border-bottom: 1px solid var(--liniengrau);
}
#our-services .swiper-container .content-text img{
	opacity:.6;
}
#our-services .swiper-container .content-text.swiper-slide-active{
	border-bottom: 1px solid var(--gelb);
}
#our-services .swiper-container .content-text.swiper-slide-active img,
#our-services .swiper-container .content-text.swiper-slide-active h3{
	opacity:1;
}
#our-services .swiper-container .content-text img{
	width:60px;
	height:auto;
	filter: grayscale(1);
	transition: var(--standard-transition);
	margin-bottom:20px;
}
#our-services .swiper-container .content-text.swiper-slide-active img{
	filter: grayscale(0);
}
#our-services .swiper-container .content-text h3{
	font-size:var(--h4-size);
	line-height: var(--h4-line-height);
	margin-bottom:20px;
	font-weight:500;
}
#our-services .swiper-container .content-text.swiper-slide-active h3{
	
}
#our-services .swiper-container .content-text .rte p{
	display:none;
}
#our-services #service-output{
	margin-top:40px;
	margin-bottom:60px;
	text-wrap:balance;
}


@media (max-width: 576px) {
	#our-services .content-text.spezial{
		text-align:left !important;
	}
}

/* --- About --------------------------------------------------------------------------------------- */
.landscape.about #headerbereich{
	background:url(../../content/02_about/empit_about_header.webp) no-repeat center transparent;
	background-size: cover;
}
.portrait.about #headerbereich{
	background:url(../../content/02_about/empit_about_header_mobile.webp) no-repeat center top transparent;
	background-size: cover;
}
.about #headerbereich .content-text{
	padding-bottom:100px;	
}
.content-text.padding-right p{
	padding-right:5%;
}

.mod_article.teaser{
	position:relative;
}
.mod_article.teaser .inn{
	position:relative;
	z-index:50;
}
.mod_article.teaser:before{
	position:absolute;
	content:"";
	top:0px;
	left:50%;
	width:10000px;
	height:100%;
	transition: var(--standard-transition-long);
	opacity:0;
}
.mod_article.teaser.fadeBefore:before{
	opacity:1;
}
.mod_article.teaser.reverse:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:50%;
	width:10000px;
	height:100%;
	transition: var(--standard-transition);
}
.mod_article.teaser:after{
	position:absolute;
	content:"";
	bottom:0px;
	left:0%;
	width:10000px;
	height:200px;
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}
.mod_article.teaser.active:before{
	opacity:.25;
}
.mod_article.teaser .inn{
	min-height:var(--teaser-height);
}
.mod_article.teaser .teaser-text{
	font-weight:400;
	display:none;
}
.mod_article.teaser .area h2{
	letter-spacing:0;
}
.mod_article.teaser .area hr{
	margin: 6px 0 22px 0;
	max-width:75%;
}
.mod_article.teaser .teaser-text.active{
	display:block;
}
.mod_article.teaser a.teaser-toggle{
	position:relative;
	display:inline-block;
	font-size:var(--text-2-size);
	font-weight:500;
	transition: var(--standard-transition);
}
.mod_article.teaser a.teaser-toggle:before{
	position:absolute;
	top:5px;
	left:0px;
	content:"";
	width:16px;
	height:16px;
	background:url(../images/empit_arrow_normal.svg) no-repeat center transparent;
	transition: var(--standard-transition);
	opacity:0;
}
.mod_article.teaser a.teaser-toggle:hover:before,
.mod_article.teaser a.teaser-toggle.active:before{
	left:0px;
	opacity:1;
}
.mod_article.teaser a.teaser-toggle:hover,
.mod_article.teaser a.teaser-toggle.active{
	color:var(--gelb);
	padding-left:30px;
}
.mod_article.teaser a.teaser-toggle:focus{
	outline:none !important;
}
#who-are-we:before{
	background:url(../../content/02_about/empit_about_01_who-are-we.webp) no-repeat left center transparent;
	background-size: auto 100%;
}
#what-makes-empit-unique:before{
	background:url(../../content/02_about/empit_about_02_what-makes-empit-unique.webp) no-repeat right center transparent;
	background-size: auto 100%;
}
#where-do-we-operate:before{
	background:url(../../content/02_about/empit_about_03_where-do-we-oprate.webp) no-repeat left center transparent;
	background-size: auto 100%;
}
#how-do-we-shape-the-future:before{
	background:url(../../content/02_about/empit_about_04_how-do-we-shape-the-future.webp) no-repeat right center transparent;
	background-size: auto 100%;
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {
	.about #headerbereich .content-text{
		padding-bottom:0px;	
	}
}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	.about #headerbereich .inn{
		justify-content:flex-start;
	}
	.about #headerbereich .content-text{
		padding-top:100px;	
		padding-bottom:0px;	
		font-size:var(--text-3-size);
		line-height:var(--text-3-line-height);
	}
	.about #headerbereich .content-text h1{
		font-size:var(--h2-size);
		line-height: var(--h2-line-height);
	}
	.mod_article.teaser h2{
		margin-top:40px;
	}
	.mod_article.teaser .inn{
		padding-bottom:100px;
	}
	.about .mod_article.teaser .inn,
	.technology .mod_article.teaser:not(#key-evolution) .inn,
	.services .mod_article.teaser:not(#specialized-applications) .inn{
		padding-top:400px;
	}
	.mod_article.teaser:before,
	.mod_article.teaser.reverse:before{
		position:absolute;
		content:"";
		top:0px;
		left:0px;
		width:100%;
		height:400px;
		transition: var(--standard-transition);
	}
	.mod_article.teaser:after{
		position:absolute;
		content:"";
		bottom:auto;
		top:300px;
		left:0px;
		width:100%;
		height:100px;
		background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
	}
	#who-are-we:before{
		background:url(../../content/02_about/empit_about_01_who-are-we.webp) no-repeat center transparent;
		background-size: cover;
	}
	#what-makes-empit-unique:before{
		background:url(../../content/02_about/empit_about_02_what-makes-empit-unique.webp) no-repeat center transparent;
		background-size: cover;
	}
	#where-do-we-operate:before{
		background:url(../../content/02_about/empit_about_03_where-do-we-oprate_mobile.webp) no-repeat center transparent;
		background-size: cover;
	}
	#how-do-we-shape-the-future:before{
		background:url(../../content/02_about/empit_about_04_how-do-we-shape-the-future.webp) no-repeat center transparent;
		background-size: cover;
	}
	
	.about .mod_article.teaser .area p,
	.about .mod_article.teaser .area hr{
		display:none;
	}
	.mod_article.teaser .teaser-text{
		display:block;
	}
	.mod_article.teaser .teaser-text h3{
		font-size:var(--text-2-size);
		line-height:var(--text-2-line-height);
		cursor:pointer;
		display:inline-block;
		background:url(../images/empit_arrow_ws.svg) no-repeat right top 6px transparent;
		
		padding-right:20px;
	}
	.mod_article.teaser .teaser-text.active h3{
		color:var(--gelb);
		background:url(../images/empit_arrow_y.svg) no-repeat right top 6px transparent;
		
		padding-right:20px;
	}
	.mod_article.teaser .teaser-text p{
		height:0px;
		margin-bottom:0px;
		overflow:hidden;
		transition: var(--standard-transition);
	}
	.mod_article.teaser .teaser-text.active p{
		height:auto;
		margin-bottom:24px;
	}
	.about .mod_article.teaser .inn{
		justify-content:flex-end !important;
	}
	#materials-we-inspect-with-cmi .inn{
		min-height:1px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	.about #headerbereich .inn{
		justify-content:flex-end;
	}
	.about #headerbereich .content-text{
		padding-top:0px;	
		padding-bottom:0px;	
	}
	.about #intro{
		margin-bottom:0px;
	}
	.about #revolutionizing-pipeline-assessments .inn{
		justify-content:flex-start;
		padding: 50px 15px 100px 15px;
	}
	.about #revolutionizing-pipeline-assessments video{
		top:80% !important;
		box-sizing:border-box;
	}
	#revolutionizing-pipeline-assessments .content-text{
		text-align:center;
	}
	#have-questions .inn{
		text-align:center;
	}
}


/* Services */

#grid-technology,
#grid-detection,
#grid-cables,
#grid-regulations{
	display:none;
}
#grid-technology.active,
#grid-detection.active,
#grid-cables.active,
#grid-regulations.active{
	display:flex;
}

#specialized-applications .team-grid h3{
	display:block;
}
#specialized-applications .team-grid h3 a:hover{
	color:#fff;
	cursor:default;
}

.services .mod_article.teaser .inn{
	justify-content:center;
}
#materials-we-inspect-with-cmi .content-text{
	padding-right:40px;
	box-sizing:border-box;
}

#high-resolution:before{
	background:url(../../content/04_services/empit_services_mapping_01_high-resolution.webp) no-repeat left top transparent;
	background-size: auto 100%;
}
#pipeline-scan:before{
	background:url(../../content/04_services/empit_services_mapping_02_3d-pipeline-scan.webp) no-repeat right top transparent;
	background-size: auto 100%;
}
#pipeline-movement-tracking:before{
	background:url(../../content/04_services/empit_services_mapping_03_pipeline-movement-tracking.webp) no-repeat left top transparent;
	background-size: auto 100%;
}
#right-of-way-assessment:before{
	background:url(../../content/04_services/empit_services_mapping_04_right-of-way-assessment.webp) no-repeat right top transparent;
	background-size: auto 100%;
}


#current-magnetometry-inspection .content-text.more-text{
	max-height:0px;
	transition:max-height .4s;
	overflow:hidden;
}
#current-magnetometry-inspection .content-text.more-text.active{
	max-height:500px;
}
#current-magnetometry-inspection .content-text p{
	padding-right:40px;
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {
	#current-magnetometry-inspection .content-text p{
		padding-right:0px;
	}
}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	.services #headerbereich .content-text h1{
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
	}
	.services #headerbereich .content-text{
		font-size: var(--text-3-size);
		line-height: var(--text-3-line-height);
	}
	
	#corrosion-detection-2 .content-player.gradient-swToTrans-left figure:before,
	#corrosion-detection-2 .content-player.gradient-swToTrans-right figure:after{
		width:50px;
	}
	#corrosion-detection-2 .inn{
		min-height:1px;
	}
	#pipeline-assessment h2.h1-size{
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
	}
	#high-resolution:before{
		background-position: left center !important;
	}
	#grid-technology,
	#grid-detection,
	#grid-cables,
	#grid-regulations{
		display:flex;
	}
	
	#high-resolution:before{
		background:url(../../content/04_services/empit_services_mapping_01_high-resolution.webp) no-repeat center transparent;
		background-size: cover;
	}
	#pipeline-scan:before{
		background:url(../../content/04_services/empit_services_mapping_02_3d-pipeline-scan.webp) no-repeat center transparent;
		background-size: cover;
	}
	#pipeline-movement-tracking:before{
		background:url(../../content/04_services/empit_services_mapping_03_pipeline-movement-tracking.webp) no-repeat center transparent;
		background-size: cover;
	}
	#right-of-way-assessment:before{
		background:url(../../content/04_services/empit_services_mapping_04_right-of-way-assessment.webp) no-repeat center transparent;
		background-size: cover;
	}
	#luzern-video .inn{
		min-height:1px;
		padding: 100% 0 0 0;
	}
	
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	
	#high-resolution:before{
		background-position: left bottom -50px !important;
	}
	#materials-we-inspect-with-cmi h2 br{
		display:none;
	}
	
}

#key-features .inn{
	padding: var(--standard-onlypadding-top) 15px var(--standard-padding-bottom) 15px;
}
#corrosion-detection-2 .corrosion-detection-area,
#key-features .corrosion-detection-area{
	border-bottom: 1px solid var(--liniengrau);
	margin-bottom:40px;
}
#corrosion-detection-2 .corrosion-detection-area.active,
#key-features .corrosion-detection-area.active{
	border-bottom: 1px solid var(--gelb);
}
#corrosion-detection-2 .corrosion-detection-area a,
#key-features .corrosion-detection-area a{
	font-weight:500;
}
#corrosion-detection-2 .corrosion-detection-area p,
#key-features .corrosion-detection-area p{
	margin-bottom:20px;
}
#corrosion-detection-2 .corrosion-detection-area.active a,
#key-features .corrosion-detection-area.active a{
	color:var(--gelb);
}
#corrosion-detection-2 .corrosion-item,
#key-features .corrosion-item{
	display:none;
}
#corrosion-detection-2 .corrosion-item.active,
#key-features .corrosion-item.active{
	display:block;
}
#corrosion-detection-2 .content-player video{
	max-width:100%;
	height:auto;
}

#materials-we-inspect-with-cmi .content-image{
	margin-bottom:40px;
}



/* Technology */

#key-evolution .team-grid h3{
	display:block;
}
#key-evolution .team-grid h3 a:hover{
	color:#fff;
	cursor:default;
}




#key-innovations .content-text.area{
	padding-left:10%;
	padding-right:10%;
	box-sizing:border-box;
	border-right:1px solid var(--liniengrau);
	height:100%;
	padding-top:20px;
}
#key-innovations .content-text.area.design h3{
	background:url(../images/empit_technology_key_innovations_icon-01.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#key-innovations .content-text.area.processing h3{
	background:url(../images/empit_technology_key_innovations_icon-02.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#key-innovations .content-text.area.carriers h3{
	background:url(../images/empit_technology_key_innovations_icon-03.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#key-innovations .content-text.area.first{
	padding-left:0;
}
#key-innovations .content-text.area.last{
	border-right:0px solid var(--liniengrau);
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {
	#key-innovations .content-text.area.growth{
		padding-left:10%;
		padding-right:0%;
	}
	#the-cmi-tech-stack .item-text h4{
		min-height:56px;
	}
}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#key-innovations .content-text.area.last{
		padding-left:0;
	}
	#key-innovations .content-text.area{
		border:0;
		padding-left:0px;
	}
	#key-innovations .content-text.area h3{
		font-size:1.3rem;
		margin-bottom:20px;
	}
	
}
/* Klein: Handys */
@media (max-width: 768px) {
	#key-innovations .content-text.area,
	#key-innovations .content-text.area.last{
		padding-left:0;
		padding-right:0;
		margin-top:0px;
	}
}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	.technology #headerbereich .inn{

	}
	#talk-to-an-expert-about-cmi .inn{
		text-align:center;
	}
}



#the-cmi-tech-stack{
	
}
#the-cmi-tech-stack .tech-stack-item{
	text-align:center;
	transition:all .4s;
	cursor:pointer;
}
#the-cmi-tech-stack .tech-stack-item .rte{
	margin-top:30px;
}
#the-cmi-tech-stack .tech-stack-item p{
	margin-bottom:10px;
}
#the-cmi-tech-stack .tech-stack-item > strong{
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
}
#the-cmi-tech-stack .tech-stack-item h3{
	font-size:2.25rem;
	line-height:1.2em;
}
#the-cmi-tech-stack .ce_swiperStart,
#the-cmi-tech-stack .ce_swiperStart .swiper-container{
	overflow:visible;
}
#the-cmi-tech-stack .swiper-slide{
	position:relative;
}
#the-cmi-tech-stack .swiper-slide figure{
	opacity:0;
}
#the-cmi-tech-stack .swiper-slide .image1,
#the-cmi-tech-stack .swiper-slide .rte{
	position:relative;
	transform:scale(.5);
	opacity: .4;
	transition: all .4s linear;
}
#the-cmi-tech-stack .swiper-slide .image2{
	position:relative;
	transform:scale(.5);
	opacity: 0;
}
#the-cmi-tech-stack .swiper-slide .image1,
#the-cmi-tech-stack .swiper-slide .image2{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	transition: all .4s linear; 
   -moz-transition: all .4s linear;  
   -webkit-transition: all .4s linear; 
   -ms-transition: all .4s linear; 
}

#the-cmi-tech-stack .swiper-slide-active .image1{
	transform:scale(1.2);
	opacity:0;
}
#the-cmi-tech-stack .swiper-slide-active .image2{
	transform:scale(1.2);
	opacity:1;
}
#the-cmi-tech-stack .swiper-slide-active .rte{
	transform:scale(1);
	opacity: 1;
}

#the-cmi-tech-stack .swiper-button-prev,
#the-cmi-tech-stack .swiper-button-next{

}
#the-cmi-tech-stack .swiper-button-prev{
	background: url(../images/empit_arrow-slider-left-full.svg) no-repeat center transparent;
	background-size: 100% auto;
}
#the-cmi-tech-stack .swiper-button-prev:hover{
	background: url(../images/empit_arrow-slider-left_rollover.svg) no-repeat center transparent;
	background-size: 100% auto;
}
#the-cmi-tech-stack .swiper-button-next{
	background: url(../images/empit_arrow-slider-right-full.svg) no-repeat center transparent;
	background-size: 100% auto;
}
#the-cmi-tech-stack .swiper-button-next:hover{
	background: url(../images/empit_arrow-slider-right_rollover.svg) no-repeat center transparent;
	background-size: 100% auto;
}

#the-cmi-tech-stack .swiper-slide-prev{
	
}
#the-cmi-tech-stack .swiper-slide-next{
	
}
#the-cmi-tech-stack .text-container{
	min-height:220px;
}
@media (max-width: 1400px) {
	#the-cmi-tech-stack .text-container{
		min-height:245px;
	}
}
@media (max-width: 1200px) {
	#the-cmi-tech-stack .text-container{
		min-height:300px;
	}
}
@media (max-width: 992px) {
	#the-cmi-tech-stack .text-container{
		min-height:380px;
	}
}
@media (max-width: 768px) {

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

}
#the-cmi-tech-stack .item-text{
	display:none;
	opacity:0;
	transition:all .4s;
	border-top:1px solid var(--gelb);
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}
#the-cmi-tech-stack .item-text.active{
	display:block;
	opacity:1;
}
#the-black-copter,
#the-yellowfin,
#the-current-mapper{	
	transition: background 1s linear; 
   -moz-transition: background 1s linear;  
   -webkit-transition: background 1s linear; 
   -ms-transition: background 1s linear; 
}
#the-black-copter.swiper-slide .image1{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-black-copter.webp) no-repeat center top transparent;
	background-size: 100% auto;
}
#the-yellowfin.swiper-slide .image1{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-yellowfin.webp) no-repeat center top transparent;
	background-size: 100% auto;
}
#the-current-mapper.swiper-slide .image1{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-current-mapper.webp) no-repeat center top transparent;
	background-size: 100% auto;
}

#the-black-copter.swiper-slide-active .image2{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-black-copter_hoover.webp) no-repeat center top transparent;
	background-size: 100% auto;
}
#the-yellowfin.swiper-slide-active .image2{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-yellowfin_hoover.webp) no-repeat center top transparent;
	background-size: 100% auto;
}
#the-current-mapper.swiper-slide-active .image2{
	background:url(../../content/03_technology/empit_technology_the-cmi-tech-stack_the-current-mapper_hoover.webp) no-repeat center top transparent;
	background-size: 100% auto;
}

#the-cmi-tech-stack .swiper-slide-active figure{
	opacity:0;
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {

}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#the-cmi-tech-stack .swiper-slide-active{

	}
	#the-cmi-tech-stack .swiper-slide-active .image1{
		transform:scale(1.8);
		opacity:0;
	}
	#the-cmi-tech-stack .swiper-slide-active .image2{
		transform:scale(1.8);
		opacity:1;
	}
	#the-cmi-tech-stack .swiper-slide-active .rte{
		transform:scale(1);
		opacity: 1;
	}
	#the-cmi-tech-stack .ce_swiperStart{
		margin-top:60px;
	}
	#the-cmi-tech-stack .tech-stack-item h3{
		font-size:2rem;
		line-height:1.2em;
	}
	.technology #headerbereich .content-text h1{
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
	}
	.technology #headerbereich .content-text{
		font-size:var(--text-3-size);
		line-height: var(--text-3-line-height);
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#the-cmi-tech-stack .swiper-slide-active .image1{
		transform:scale(1.2);
		opacity:0;
	}
	#the-cmi-tech-stack .swiper-slide-active .image2{
		transform:scale(1.2);
		opacity:1;
	}
	#the-cmi-tech-stack .swiper-slide-active .rte{
		transform:scale(1);
		opacity: 1;
	}
	#the-cmi-tech-stack .item-text h4{
		min-height:1px;
	}
	#the-cmi-tech-stack .ce_swiperStart{
		margin-top:0px;
	}
	#from-signal-to-insight:before{
		background-position: right -60px center !important;;
	}
	#next-generation-signal-processing:before{
		background-position: left center !important;;
	}
}


.technology .mod_article.teaser .inn{
	justify-content:center;
}
#inspect-the-unpiggable:before{
	background:url(../../content/03_technology/empit_technology_cmi_01-inspect-the-unpiggable.webp) no-repeat left top transparent;
	background-size: auto 100%;
}
#from-signal-to-insight:before{
	background:url(../../content/03_technology/empit_technology_cmi_02-from-signal-to-insight.webp) no-repeat right top transparent;
	background-size: auto 100%;
}
#next-generation-signal-processing:before{
	background:url(../../content/03_technology/empit_technology_cmi_03_next-generation-signal-processing.webp) no-repeat left top transparent;
	background-size: auto 100%;
}

#grid-invasive,
#grid-compatible,
#grid-analysis,
#grid-standardized,
#grid-coatings{
	display:none;
}
#grid-invasive.active,
#grid-compatible.active,
#grid-analysis.active,
#grid-standardized.active,
#grid-coatings.active{
	display:flex;
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {

}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#inspect-the-unpiggable:before{
		background:url(../../content/03_technology/empit_technology_cmi_01-inspect-the-unpiggable_mobile.webp) no-repeat center transparent;
		background-size: cover;
	}
	#from-signal-to-insight:before{
		background:url(../../content/03_technology/empit_technology_cmi_02-from-signal-to-insight.webp) no-repeat center transparent;
		background-size: cover;
	}
	#next-generation-signal-processing:before{
		background:url(../../content/03_technology/empit_technology_cmi_03_next-generation-signal-processing.webp) no-repeat center transparent;
		background-size: cover;
	}

	
	#grid-invasive,
	#grid-compatible,
	#grid-analysis,
	#grid-standardized,
	#grid-coatings{
		display:flex;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {

}

/* Careers */
.content-text.team-area-btns{
	
}

#operating-worldwide .content-image figcaption{
	font-size: var(--h4-size);
	line-height: var(--h4-line-height);
	font-weight:500;
}
#operating-worldwide .ce_swiperStart .swiper-button-prev,
#operating-worldwide .ce_swiperStart .swiper-button-next{
	display:none;
}

#why-empit{
	
}
#why-empit .careers-why-area{
	border-bottom: 1px solid var(--liniengrau);
	margin-bottom:40px;
}
#why-empit .careers-why-area.active{
	border-bottom: 1px solid var(--gelb);
}
#why-empit .careers-why-area a{
	font-weight:500;
}
#why-empit .careers-why-area p{
	margin-bottom:20px;
}
#why-empit .careers-why-area.active a{
	color:var(--gelb);
}
#why-empit .careers-why-text{
	display:none;
}
#why-empit .careers-why-text.active{
	display:block;
}


#grid-hardware,
#grid-software,
#grid-operations,
#grid-data-analysis,
#grid-management{
	display:none;
}
#grid-hardware.active,
#grid-software.active,
#grid-operations.active,
#grid-data-analysis.active,
#grid-management.active{
	display:flex;
}
.team-grid h3,
.team-grid hr{
	display:none;
}
.team-grid.active-mobile hr{
	display:none;
}

a.team-btn,
a.team-btn-tiny{
	font-size:1.125rem;
	line-height:1em;
	font-weight:500;
	background:url(../images/empit_arrow_normal.svg) no-repeat left -20px center transparent;
	background-size: auto 16px;
}
.team-area-btns p,
.team-area-btns hr,
.team-content-text h3,
.team-content-text hr{
	margin-bottom:30px !important;
}
.team-content-text p{
	padding-right:10px;
}
.team-content-text h3{
	font-size:1.125rem;
	line-height:1em;
}
a.team-btn.active-mobile,
a.team-btn-tiny.active{
	color:var(--gelb);
	background:url(../images/empit_arrow_normal.svg) no-repeat left center transparent;
	background-size: auto 16px;
	padding-left:26px;
}

#gallery .gallery-container{
	display:flex;
	align-items:stretch;
	flex-wrap:nowrap;
}
#gallery .content-image{
	display:flex;
	float:left;
	height:100%;
	border: 10px solid var(--schwarz);
	box-sizing:border-box;
}
#ready-for-your-application h3{
	text-wrap: unset;
}


/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {

}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#grid-hardware,
	#grid-software,
	#grid-operations,
	#grid-data-analysis,
	#grid-management{
		display:flex;
	}
	#our-recruitment-team .content-image{
		margin-bottom:30px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {
	#gallery .gallery-container{
		flex-wrap:wrap;
	}
	#gallery .gallery-container.con1 .content-image{
		width:50%;
	}
	#gallery .gallery-container.con2 .content-image{
		width:33.33%;
	}
}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#gallery .gallery-container.con1 .content-image{
		width:50%;
	}
	#gallery .gallery-container.con2 .content-image{
		width:50%;
	}
	
	#gallery .gallery-container.con2 .content-image:last-child{
		width:100%;
	}
	#operating-worldwide .ce_swiperStart .swiper-button-prev,
	#operating-worldwide .ce_swiperStart .swiper-button-next{
		display:block;
	}
	#operating-worldwide .ce_swiperStart .swiper-container{
		padding-bottom:20px;
	}
	#operating-worldwide figcaption{
		text-align:center;
	}
}

#what-you-can-expect .content-text.area{
	padding-left:10%;
	padding-right:10%;
	box-sizing:border-box;
	border-right:1px solid var(--liniengrau);
	height:100%;
	padding-top:20px;
}
#what-you-can-expect .content-text.area.culture h3{
	background:url(../images/empit_careers_what-you-can-expect_icon-01.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#what-you-can-expect .content-text.area.matters h3{
	background:url(../images/empit_careers_what-you-can-expect_icon-02.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#what-you-can-expect .content-text.area.growth h3{
	background:url(../images/empit_careers_what-you-can-expect_icon-03.svg) no-repeat left top 2px transparent;
	background-size: auto 26px;
	padding-left:34px;
}
#what-you-can-expect .content-text.area p{

}
#what-you-can-expect .content-text.area.first{
	padding-left:0;
}
#what-you-can-expect .content-text.area.last{
	border-right:0px solid var(--liniengrau);
}

#our-recruitment-team .link-arrow a,
#our-recruitment-team .link-arrow p{
	margin-top:0px;
	margin-bottom:30px;
}

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {
	#what-you-can-expect .content-text.area.growth{
		padding-left:10%;
		padding-right:0%;
	}
	#gallery .content-image{
		border: 5px solid var(--schwarz);
	}
}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {
	#grid-hardware,
	#grid-software,
	#grid-operations,
	#grid-data-analysis,
	#grid-management{
		display:flex;
	}
	.team-grid{
		overflow:hidden;
	}
	.team-grid h3,
	.team-grid hr{
		display:block;
	}
	.team-grid h4,
	.team-grid p,
	.team-grid .team-content-image{
		height:0px;
		margin-bottom:0px;
		transition:all .4s;
		opacity:0;
	}
	.team-grid.active-mobile h4,
	.team-grid.active-mobile p,
	.team-grid.active-mobile .team-content-image{
		height:auto;
		margin-bottom:24px;
		transition:all .4s;
		opacity:1;
	}
	.team-grid.active-mobile .team-content-image{
		margin: 6px 0 48px 0;
	}
	.team-area-btns{
		display:none;
	}
	#what-you-can-expect .content-text.area.last{
		padding-left:0;
	}
	#what-you-can-expect .content-text.area{
		border:0;
		padding-left:0px;
	}
	#what-you-can-expect .content-text.area h3{
		font-size:1.3rem;
		margin-bottom:20px;
	}
}
/* Klein: Handys */
@media (max-width: 768px) {
	#what-you-can-expect .content-text.area,
	#what-you-can-expect .content-text.area.last{
		padding-left:0;
		padding-right:0;
		margin-top:0px;
	}
}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	#why-empit h2{
		text-align:left !important;
	}
	#ready-for-your-application .inn{
		text-align:center;
	}
}

#bildpanorama{
	position:relative;
}
#bildpanorama img{
	width:100%;
	height:auto;
	max-width:none;
}

/* Jobs */
#jobs .personio ul.first{
	display:none;
}
#jobs .personio h2{
	font-size:var(--h3-size);
	line-height:var(--h3-line-height);
	font-weight:500;
}
#jobs .personio ul{
	margin-bottom: var(--standard-margin-bottom);
}
#jobs .personio li{
	position:relative;
	padding:24px 0px 0px 0px;
	box-sizing:border-box;
	display:block;
	align-items:center;
	border-bottom:1px solid var(--liniengrau);
}
#jobs .personio li:after{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0px;
	display:inline-block;
	content:"";
	width:60px;
	height:36px;
	background:url(../images/empit_arrow_rollover.svg) no-repeat right 30px center transparent;
	background-size: auto 90%;
	transition: var(--standard-transition);
	z-index:1;
}
#jobs .personio li:hover:after{
	right:0px;
	background:url(../images/empit_arrow_rollover.svg) no-repeat right 0px center transparent;
	background-size: auto 90%;
}
#jobs .personio h2{

}
#jobs .personio li h3{
	padding:0;
	margin:0;
}
#jobs .personio a.btn{
	margin-top:5px;
	margin-bottom:0px;
	float:right;
}
#jobs .personio div.textcon{
	position:relative;
	z-index:10;
}
#jobs .personio div.textcon p,
#jobs .personio div.textcon h3{
	padding-right:80px;
}
#jobs .personio div.con-btn{
	display:flex;
	justify-content:flex-end;
	padding:0px 15px 0px 0px;
}

@media (max-width: 992px) {
	#jobs .personio ul{
		margin-bottom: 80px;
	}
	#jobs .personio h2{
		margin-bottom:15px;
	}
}