html,
body {
	width: 100%;
	max-width: 100%;
	position: absolute;
	left:0;
	right: 0;
}

.single #body .utility h2 {
	font-size: 45px; 
	line-height: 45px;
	text-align: left;
}
h2 .social {
	
}

h2 .pdfprnt-buttons {
	display: inline; 
	position: relative;
	/* border: 1px solid green; */
	height: 45px;
	width: auto;
	top: 10px;
}
h2 .pdfprint {
	white-space:nowrap;
}

h2 .pdfprnt-buttons a {
	display: inline-block;
	height: 45px;
	width: 45px;
	position: relative; 
	/* top: 12px;  */
	/* background-color: yellow; */
	margin-left: 20px;
	white-space:nowrap;
}

h2 .pdfprnt-buttons a.pdfprnt-button-pdf {
	background-image: url(/wp-content/uploads/2021/05/file-pdf-regular.svg);
	z-index:2;
}

h2 .pdfprnt-buttons a.pdfprnt-button-print {
	background-image: url(/wp-content/uploads/2021/05/print-regular.svg); 
	z-index:1;
}

li strong,
p strong {
	 font-weight: bold;
 }
#job_1 {
    padding-bottom: 0px;
}

#job_1 {
    padding-bottom: 0px;
}

#job_1 .cta {
	border-radius: 5px;
	height: 35px;
	margin-left: 10px;
	width: 200px;
	min-width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:1em
}

.shariff li a {
	border-radius: 5px!important;
	display: flex!important;
	align-items: center!important;
}


h2 .pdfprnt-buttons a {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

h2 .pdfprnt-buttons a img {
	display: none!important; 
}

.footflexer h3 {
	color: #fff!important;
}

#copyright {
	background-color: #636362;
}

.titleflex {
	display: flex;
	flex-wrap: wrap;
	flex-grow:1;
}

.titleflexdertitle {
	flex-basis: 60%;
	flex-grow:1;
}

.titleflexderapplei {
	flex-basis: 30%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 30px;
}

.content .cta {
	margin-bottom: 1em!important;
	margin-left: 10px;
}

/* 2 Spalten */
/**/
/**/

#jobheadflex,
#jobflex {
	display: flex;
	flex-wrap: nowrap;
}
#jobheadleft,
#jobleft {
	position: relative;
	flex-basis: 100%;
	max-width: 100%;
   padding-bottom: 60px;
}

#jobheadleft h2 {
	margin: 0px;
	padding: 0px;
}

#jobheadleft,
#jobheadright {
	display: flex;
	align-items: center;
	padding-bottom: 0px;
}

.wp-block-lazyblock-landingpageinfoblock>.landingInfo>.cont a {
    padding: 5px 10px;
    background-color: #636362;
    border-radius: 20px;
    position: absolute;
    left: 30px;
    bottom: 40px;
    color: #fff!important;
}

.wp-block-lazyblock-landingpageinfoblock>.landingInfo>.cont h6 {
	margin-bottom: 30px;
}

@media only screen and (max-width: 781px) {
	
	#jobheadflex,
	#jobflex {
		display: flex;
		flex-wrap: wrap;
	}	
	
	#jobheadleft,
	#jobleft {
		flex-basis: 100%;
		max-width: 100%;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	#jobright {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		margin-left: -30px;
		margin-right: -30px;
		padding-top: 30px;
	}
}

/* Locations */
/**/
/**/

#locations {
	padding: 60px 0 30px 0!important;
	background-color:#eee;
}

.locations {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.location {
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
	width: 250px;
	flex-basis: 250px;
	flex-shrink: 0;
}

.location strong {
	font-weight: 700;
}



.locations .more {
	width: 100%;
	flex-basis: 100%;
	overflow: hidden;
	opacity: 0;
	transition: all .5s ease-in-out;
	line-height: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.locations .moreorless {
	width: 100%;
	flex-basis: 100%;
	text-align: left;
}

.locations .showmore,
.locations .hidemore{ 
	display: block;
	height: 0;
	color: #84bd00;
	cursor: pointer;
}

.locations .showmore.hidden,
.locations .hidemore.hidden {
	opacity: 0;
	overflow: hidden;
	height: 0;
	transition: all .5s ease-in-out;
}

.locations .showmore.shown,
.locations .hidemore.shown {
	opacity: 1;
	height: auto;
	transition: all .5s ease-in-out;
}

.locations .more.hidden {
	line-height: 0;
	padding: 0 10px;
	opacity: 0;
}

.locations .more.shown {
	opacity: 1;
	line-height: 1.5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.locations .more.hidden .location {
	margin-bottom:0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;	
}

.locations .more.shown .location {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: 1;
}

/**/
/**/
/* Locations */


#landing_2 .wp-block-columns {
		
}

#landing_2 .wp-block-column {
	padding: 10px!important;	
	margin: 0!important;
}

#landing_2 .wp-block-lazyblock-landingpageinfoblock {
	padding: 0!important;
}

@media only screen and (max-width: 781px) {
	#landing_2 .wp-block-column {
		flex-grow: 1;
	}

}

@media only screen and (max-width: 600px) {

}

footer {
	background-color: #636362;
}

#footer {
	padding-top: 30px;
}

.sticky>.narrow>*, body>#pagewrap>#body>#content>article>div.entry-content>.sticky>.narrow>.wp-block-image, body>#pagewrap>#body>#content>article>div.entry-content>.sticky>.narrow>#jobheadflex,
.sticky>.narrow>*, body>#pagewrap>#body>#content>article>div.entry-content>.sticky>.narrow>.wp-block-image, body>#pagewrap>#body>#content>article>div.entry-content>.sticky>.narrow>#jobflex {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px!important;
}

/* Landingpageinfoblocks */
/**/
/**/


/**/
/**/
/* Landingpageinfoblocks */


/* Jobs 2023 */ 
/**/
/**/

article.jobs2023 { 
	max-width: none!important;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.jobs2023 #job_1 {
	background-color: #fff!important;
} 	

.jobs2023 #jobflex {
	flex-wrap: wrap;
	width: 100%;
	max-width: none!important;
	justify-content: center;
	margin: 0px!important;
	gap:0!important;
}

.jobs2023 #jobbottom {
	flex-basis: 100%;
	width: 100%;
}

/* Jobhead */
/**/
/**/

.jobs2023 #jobhead {
	width: 100%!important;
	margin: 0px!important;
	max-width: none!important; 
	background-color: rgba(0, 65, 89, 1);
}

.jobs2023 #jobheader {
	background-size: auto 100%; 
	min-height: 525px!important;
	color: #fff;
	background-color: #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: right center;
	max-width: 1920px!important; 
	margin: auto; 
	z-index: 2; 
	position: relative;
	/* border: 1px solid blue; */
}

/* .jobs2023 #jobheader::before { */ 
	/* height: 100%; */
	/* width: 200vw; */
	/* content: ""; */
	/* display: block; */
	/* position: absolute; */
	/* margin-left: -50vw; */
	/* background-color: #84bd00; */
	/* z-index: 1; */
/* } */

@media only screen and (max-width: 1450px) {
	.jobs2023 #jobheader {
		background-size: auto 100%; 
		/* min-height: 525px!important; */
		color: #fff;
		position: relative;
		background-repeat: no-repeat;
		background-position: right center;
	}	
}



.jobs2023 #jobheader #headercopy,
.jobs2023 #jobheader #utilitybelt,
.jobs2023 #jobheader p,
.jobs2023 #jobheader h1 { 
	z-index: 2;
}

.jobs2023 #jobheader #headoverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 65, 89, 1);
	background: linear-gradient(90deg, rgba(0, 65, 89, 1) 30%, rgba(0, 65, 89, 0) 70%, rgba(0, 65, 89, 0) 95%, rgba(0, 65, 89, 1) 99%, rgba(0, 65, 89, 1) 100%);
	z-index: 0;
}

.jobs2023 #jobheader #headercopy {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	max-width: 1200px; 
	margin: auto;
	padding-top: 80px;
	padding-left: 30px;
	padding-bottom: 80px;
	/* border: 1px solid red; */
}

.jobs2023 #jobheader #headercopy * {
	max-width: 50%;
}

.jobs2023 #jobheader h1 {
	color: #fff;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
}

.jobs2023 a.cta {
	display: inline-block;
	background-color: #fff;
	color: #84bd00!important;
	line-height: 60px;
	height: 60px;
	font-weight: normal;
	border-radius: 30px!important;  
	padding: 20px 20px!important; 
	width: auto;
	min-width: 0;
	max-width: none;
	text-align: center;
	border: 0;
}

.jobs2023 .cta img {
	width: 20px;
	height: auto;
	margin-right: 10px;
	position: relative;
	/* top: 4px; */
}

.jobs2023 #jobheader {
	z-index: 3;
}


.jobs2023 #jobhead #utilitybelt {
	background-color: #fff;
	position: absolute;
	position: absolute;
	top: 60px;
	right: 0;
	width: 80px;
	padding: 10px 0px 10px 20px;
	border-radius: 10px 0 0 10px;
	z-index: 33;
}

.jobs2023 #jobhead #utilitybelt p {
	color: #84bd00;	
	display: inline;
}

.jobs2023 #jobhead #utilitybelt .shariff,
.jobs2023 #jobhead #utilitybelt .shariff * {
	margin: 0!important;
	padding: 0;
	float: left;
}

.jobs2023 #jobhead #utilitybelt .shariff ul {
	width: auto;
	height: auto;
}

.jobs2023 #jobhead #utilitybelt .pdfprnt-buttons,
.jobs2023 #jobhead #utilitybelt .shariff li {
	width: 35px;
	height: 35px;
	overflow: hidden;
	float: left;
	background-color: #123;
	margin: 5px!important;
}


.jobs2023 #jobhead #utilitybelt .shariff .info {
	display: none;
}

.jobs2023 #jobhead #utilitybelt .widgets,
.jobs2023 #jobhead #utilitybelt .icons {
	display: block;
	height: 100%;
	width: 45px;
	clear: both;
}

.jobs2023 #jobhead #utilitybelt .widgets {
	position: absolute;
	opacity: 0;
}

.jobs2023 #jobhead #utilitybelt .icons {
	pointer-events: none;
}

.jobs2023 #jobhead #utilitybelt .icons img {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background-size: contain;
	float: left;
	margin: 5px!important;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}

.jobs2023 #jobhead .marker {
	position: absolute;
	width: 20px;
	height: auto;
}

.jobs2023 #jobhead #headercopy>p {
	font-weight: bold;
	padding-left: 25px; 
}


.jobs2023 #jobhead #utilitybelt .linkedin {
	order: 1;
}

.jobs2023 #jobhead #utilitybelt .xing {
	order: 2;
}

.jobs2023 #jobhead #utilitybelt .twitter {
	display: none;
}

.jobs2023 #jobhead #utilitybelt .facebook {
	order: 4;
}

/**/
/**/
/* Jobhead */

/* Jobtop */
/**/
/**/

.jobs2023 #jobtop {
	width: 100%;
	flex-basis: 100%;
	background-color: #fff;
}

.jobs2023 #jobtop #jobtopflex {
	width: 100%;
	flex-basis: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	background-color: #fff;
	gap: 2em;
}

.jobs2023 #jobleft {
	flex-basis: 66%;
	width: 66%;
	flex-grow: 0; 
	padding: 40px 20px;
	background-color: #eee; 
}

.jobs2023 #jobleft ul li::before {
  content: "";
  background-color: #84bd00;
  font-weight: bold;
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  margin-left: -15px;
  margin-top: 10px;
}

.jobs2023 #jobleft ul li ul li::before {
  content: "";
  background-color: #84bd00;
  font-weight: bold;
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  margin-left: -15px;
  margin-top: 10px;
  border-radius: 4px;
}

.jobs2023 #jobright {
	flex-basis:33%;
	width: 33%;
	flex-grow: 0;
	padding: 60px 0 0 0;
	background-color: #fff;
}

.jobs2023 #jobright .whitebox {
	background-color: #eee;
	border-radius: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
	/* max-height: calc(100% - 60px); */
	overflow-y: hidden;    
	overflow-x: hidden;
}

.jobs2023 #jobright .whitebox p {
	padding-left: 20px;
	padding-right: 20px;
}

.jobs2023 #jobright .whitebox figure {
	padding: 20px;
	border-top: 1px solid #eee;
}


/**/
/**/
/* Jobtop */

/* Benefits */
/**/
/**/

.jobs2023 #benefits {
	background-color: #004159;
	max-width: 100%!important;
	width: 100%!important;
	padding-top: 60px;
	padding-bottom: 0px;
}

.jobs2023 #benefits .inner {
	width: 100%;
	max-width: 1200px;
	color: #fff;
	margin: auto; 
	/* padding-top: 30px; */
	padding-bottom: 30px; 
}



.jobs2023 #benefits .flexer {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
	gap: 1em; 
	padding-bottom: 30px;
}

.jobs2023 #benefits .flexer.flex1 {
	row-gap: 0;	}

.jobs2023 #benefits .flexer.flex2 {
		padding-top: 30px;	}

.jobs2023 #benefits .flexer.flex1 p {
	padding-bottom: 0!important;
}

.jobs2023 #benefits .heady h2 {
	text-align: center;
	color: #fff;
}

.jobs2023 #benefits .benefit {
	flex-basis: 190px;       
	display: block;
	text-align: center; 
	margin-bottom: 20px;
}

.jobs2023 #benefits .pic {
	width: auto;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.jobs2023 #benefits #whiteflexbox .pic {
	top: -15px;
	max-width: 70px;
	min-width: 70px;
}

.jobs2023 #benefits .pic img {
	width: 100%;
	max-width: 50px;
	min-width: 50px;
	height: auto;
}

.jobs2023 #jobbottom i.USbenefits {
	display: block;
	font-size: 14px;
	position: relative;
	text-align: center;
	color: #fff;
	/* top: -2em; */
	border: 0px solid red!important; 
	margin-top: 0;
}

.jobs2023 #benefits #whiteflexbox {
	background-color: #fff;
	color: #666;
	border-radius: 20px;
	padding: 40px 20px 0px 20px;
}

.jobs2023 #benefits #whiteflexbox h3 {
	color: #666; 
	text-align: center;
}

.jobs2023 #benefits #whiteflexbox .flexer.flex2 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.jobs2023 #benefits #whiteflexbox p {
	color: #666; 
	font-weight: 400;
	font-size: 19px;
	width: 100%;
	padding: 0!important;
	position: relative;
}

.jobs2023 #benefits #whiteflexbox .benefit {
	flex-basis: calc(33% - .66em);
	max-width: calc(33% - .66em);
	text-align: left; 
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0!important;
	height: auto;
	max-height: none;
}

.jobs2023 #benefits #whiteflexbox .benefit .pic {
	display: block;
	padding-right: 20px;	
	margin: 0!important; 
	text-align: right;
}

.jobs2023 #benefits #whiteflexbox .benefit .pic img {
	margin: 0!important; 
}

.jobs2023 #benefits #whiteflexbox .benefit.exciting .pic img,
.jobs2023 #benefits #whiteflexbox .benefit.azubi1 .pic img,
.jobs2023 #benefits .no09 .pic img,
.jobs2023 #benefits .noA4 .pic img {
	width: 100%;
	max-width: 40px;
	min-width: 40px;
	margin: auto!important; 
}

@media only screen and (max-width: 1000px) {
	.jobs2023 #benefits .benefit {
		flex-basis: 190px;       
	}

	/* .jobs2023 #benefits .benefit , */
	.jobs2023 #benefits #whiteflexbox .benefit {
		flex-basis: 40%;       
		display: block;
		text-align: center; 
		margin-bottom: 20px;
	}
	
	.jobs2023 #benefits #whiteflexbox .benefit .pic {
		display: block;
		padding-right: 00px;
		margin: auto!important;
		text-align: center;
		
	}
	
	.jobs2023 #jobbottom i.USbenefits {
		top: 0em;
		padding: 5px!important;
	}
}
	
	@media only screen and (max-width: 600px) {
		.jobs2023 #benefits #whiteflexbox .benefit {
			flex-basis: 100%;  
			max-width: 100%;
		}
		
		.jobs2023 #benefits .benefit {
			flex-basis: 40%;  
		}
		
		.wp-block-lazyblock-landingpageinfoblock > .landingInfo > .cont a {
			position: relative;
			left: 0px;
			bottom: 0px;
			margin-bottom: 0px;
		}
		
				@media only screen and (max-width: 519px) {
			#karriere_3 form ul {
				gap: 10px;
			}
			
			#karriere_3 form ul>li {
				flex-basis: 100%;
				max-width: 100%!important;
			}


			.jobs2023 #jobhead,
			.jobs2023 #jobheader {
				background-size: auto 100%;
				min-height: 400px!important;
				height: auto!important;
				color: #fff;
				position: relative;
				background-repeat: no-repeat;
				background-position: right center;
			}
			
			.jobs2023 #jobheader #headercopy {
				padding-left: 15px;
				padding-right: 15px!important;
				padding-top: 90px!important;
				padding-bottom: 90px;
			}

			.jobs2023 #jobheader #headercopy > p {
				padding-bottom: 10px!important;
				/* border: 1px solid red!important; */
			}
			
			#job_1 #jobhead .cta {
				/* border-radius: 5px; */
				/* height: 35px; */
				margin-left: 0px!important;
				/* width: 200px; */
				/* min-width: 180px; */
				/* display: flex; */
				/* align-items: center; */
				/* justify-content: center; */
				/* margin-bottom: 1em; */
				float: left!important;
				position: relative;
				margin-top: 30px!important;
			}
			
			#headercopy .ccc-favorite-post-toggle {
				float: right;
				/* width: 40px; */
				/* height: 40px; */
				/* line-height: 40px; */
				/* font-size: 40px; */
				/* max-width: 100%!important; */
				/* padding: 0!important; */
				margin-right: 0px!important;
				position: absolute!important;
				margin-top: 10px!important;
				right: 30px!important;
				/* float:right; */
			}
			

			
			
			/* #utilitybelt {display: none;} */
			
			.jobs2023 #jobhead #utilitybelt {
				background-color: #fff;
				position: absolute;
				top: 0px!important;
				right: 20px!important;
				width: auto!important;
				min-width: 220px!important;
				height: auto!important;
				padding: 10px!important;
				border-radius: 0 0 10px 10px!important;
				z-index: 33;
				display: flex!important;
				flex-wrap: nowrap!important;
			}
			
			.jobs2023 #jobhead #utilitybelt .widgets,
			.jobs2023 #jobhead #utilitybelt .icons,
			.jobs2023 #jobhead #utilitybelt .icons .shariff,
			.jobs2023 #jobhead #utilitybelt .widgets ul.shariff-buttons	{
				width: 5em!important;
				height: 1.5em!important;
				display: flex!important;
				flex-wrap: nowrap!important;
				gap: .5em!important;
			}
			
			.jobs2023 #jobhead #utilitybelt .icons .shariff img,
			.jobs2023 #jobhead #utilitybelt .icons .shariff img *,
			.jobs2023 #jobhead #utilitybelt .widgets ul.shariff-buttons	li,
			.jobs2023 #jobhead #utilitybelt .widgets ul.shariff-buttons	li * {
				width: 1.5em!important;
				height: 1.5em!important;
								margin: 0!important;
				padding: 0!important;
			}
			
			.jobs2023 #jobhead #utilitybelt .widgets {
				right: 10px!important;
			}
			
			.jobs2023 #jobhead #utilitybelt .widgets ul li {
				/* margin: 0!important; */
			}
			
			.jobs2023 #jobhead #utilitybelt  *{
				/* border: 1px solid red!important; */
			}
			
			.jobs2023 #jobhead #utilitybelt > p {
				padding-bottom: 0!important;
				padding-right: .5em!important;
				white-space: nowrap;
				width: 100px;
			}
			
			.jobs2023 #jobhead #utilitybelt br {
			  content: "";
			}
			
			.jobs2023 #jobhead #utilitybelt br:after {
			  content: "X";
			}
			
			#jobheader {
				position: relative!important;
			}
			
			.jobs2023 #whiteflexbox .pic img {
				width: 100%;
				max-width: 50px;
				min-width: 50px;
				height: auto;
				position: relative;
				top: 20px;
			}

		}
	}
}

/**/
/**/
/* Benefits */

/* Apply Now */
/**/
/**/

.jobs2023 #applyNow {
	background-color: #004159;
	max-width: 100%!important;
	width: 100%!important;
	padding: 0px 20px!important;
	text-align: center;
}

.jobs2023 #applyNow > * {
	color: #666;
	max-width: 1200px;
	margin: auto;
	/* margin-top:30px; */
	text-align: center!important;
}

.jobs2023 #applyNow a.cta {
	color: #fff!important; 
	background-color: #84bd00;
	margin-bottom: 60px;
}

.jobs2023 #applyNow h2 {
	font-size: 1.9em;
	line-height: 1.3em;
	letter-spacing: -.02em;
	font-weight: 700;
	color: #666!important;
	margin-top: 60px;
}

/**/
/**/
/* Apply Now */

/* Diversity */
/**/
/**/
 
.jobs2023 #triptychon >  * {
	/* border: 1px solid red; */
}

.jobs2023 #triptychon {
	align-items: stretch!important;
	width: 100%;
	height: auto;
}

.jobs2023 #triptychon > .wp-block-column {
	flex-basis: calc(50% - 300px);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.jobs2023 #triptychon > .wp-block-column:nth-child(2) {
	flex-basis: 600px;
	flex-shrink: 0;
	background-color: #eee;
}

.jobs2023 #triptychon #triptypic  {
	background-size: cover;
	background-position: top right;
	background-image: url(/wp-content/uploads/LMJ_Benefitsseite.jpg.webp);
	/* image-rendering: -webkit-crisp-edges; */
}

.jobs2023 #triptychon #triptypic {
	/* height: 100%; */
	min-height: 274px;
	position: relative;
}

.jobs2023 .back-green {
	background-color: #84bd00;
	color: #fff;
}

.jobs2023 .back-lgrey {
	background-color: #eeeeef;
}

.jobs2023 #karriere_3,
.jobs2023 #anyQuestions,
.jobs2023 #diversity {
	flex-basis: 100%;
}

.jobs2023 #diversity {
	background: rgba(0, 65, 89, 1);
	background: linear-gradient(90deg, var(--color-darkblue) 0%, var(--color-green) 100%);
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0!important;
	justify-content: center!important;
	align-items: flex-end!important;

}

.jobs2023 #diversity p {
	padding: 20px!important;
	text-align: right;
	/* margin: 0; */
	font-weight: 400;
	width: 100%;
	max-width: 590px;
	flex-basis: 590px;
	/* margin: auto; */
	margin-top: 0;
	color: #fff;
		flex-basis: auto!important;
}

.jobs2023 #anyQuestions p {
	padding: 20px!important;
	text-align: center;
	margin: 0;
	font-weight: 400;
	width: 100%;
	max-width: 1250px;
	margin: auto;
}

.jobs2023 #anyQuestions a {
	color: #fff; 
	font-weight: 700;
}

.jobs2023 #anyQuestions p br,
.jobs2023 #diversity p br {
	display: none;
}
 
 
.jobs2023 #Initiativ,
.jobs2023 #Initiativ * {
	color: var(--color-gray)!important; 
	background-color: var(--color-lightgray)!important; 
}

.jobs2023 #Initiativ .wp-block-column {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/**/
/**/
/* Diversity */

/* Evaluations */
/**/
/**/

.jobs2023 #previews {
	flex-basis: 100%;
}

.jobs2023 #previews .inner.narrow {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	/* gap: 1em;  */
	padding: 30px 20px 0 ;
	max-width: 1200px;
	margin: auto;
}

@media only screen and (max-width: 1055px) {
	.jobs2023 #previews {
		justify-content: center;
	}	
}

.jobs2023 #previews .preview {
	flex-basis: 150px;
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jobs2023 #previews .preview img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

/**/
/**/
/* Evaluations */

/* Similar Jobs */
/**/
/**/

.jobs2023 #karriere_3 {
	position: relative;
}




.jobs2023 #karriere_3 h1,
.jobs2023 #karriere_3 {
	flex-basis: 100%;
	text-align: left; 
	transition: all .5s ease-in-out;
}


.jobs2023 #whatnow h2,
.jobs2023 #karriere_3 h2 {
	font-size: 1.9em;
	line-height: 1.3em;
	letter-spacing: -.02em;
	font-weight: 700;
	text-align: center;
	padding: 1.25em 10px;
	/* color: #fff!important; */
}

.jobs2023 #karriere_3 h2 {
	padding: 1.25em 0px;
	/* color: #fff!important; */
}

.jobs2023 #karriere_3 {
	padding: 60px 0;
	background-image: url(/wp-content/uploads/Welle-2.svg);
	background-position:  100% 300px;
	background-size: 100vw ;
	background-repeat: repeat-x;
}

/* .jobs2023  #jfind > img { */
	
	/* display: block; */
	/* border: 1px solid red; */
	/* position: absolute; */
	/* left: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* top: 50%;  */
	/* width: 100%; */
	/* height: 50%; */
/* }	 */


.jobs2023 #Initiativ {
	width: 100%;
	max-width: 860px!important;
	margin: auto!important;
	z-index: 3;
	position: relative; z-index: 5;
}

.jobs2023 #Initiativ > div:nth-child(2) > div {
	justify-content: flex-end;
}

.jobs2023 #Initiativ p {
	color: #fff;
}	

@media only screen and (max-width: 1300px) {
	.jobs2023 #karriere_3 {
		background-position:  100% 100%;
		background-size: auto 500px ;
		background-repeat: repeat-x;
		padding: 0px 0px 60px 0px;
	}
	
		.jobs2023 #karriere_3 #jobsuche {
		background-position:  100% 100%;
		background-size: auto 500px ;
		background-repeat: repeat-x;
		padding: 0px 10px;
	}
}

/**/
/**/
/* Similar Jobs */

/* AboutUs */
/**/
/**/

.jobs2023 #aboutUs {
	flex-basis: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}

.jobs2023 #aboutUs #aboutflex {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 2em; 
	padding: 0 20px;
}

.jobs2023 #aboutUs #aboutflex > div {
	flex-basis: 50%;
}

.jobs2023 #aboutUs #aboutflex .hereBeMaps {
	width: 100%;
	display: flex;
	align-items: center;
	max-height: 400px!important;
	height: 400px!important;
	overflow: clip;
}

@media only screen and (max-width: 914px) {
	.jobs2023 #aboutUs #aboutflex {
		flex-wrap: wrap;
	}

	.jobs2023 #aboutUs #aboutflex > div {
		flex-basis: 100%;
	}
}

/**/
/**/
/* AboutUs */

.single .jobs2023 #locations h3,
.single .jobs2023 #aboutUs h3 {
	color: #636362!important; 
}

/* Locations */
/**/
/**/

.jobs2023 #locations {
	flex-basis: 100%;
	transition: all .5s ease-in-out;
	padding-left: 20px!important;
	padding-right: 20px!important;
}

.jobs2023 #locations * {
	text-align: center!important;
}


.jobs2023 #aboutUs .narrow {
	flex-basis: 100%;
}

.jobs2023 .locations a {
	color: #84bd00;
}

.jobs2023 .locationsHead, 
.jobs2023 .locations {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}


.jobs2023 #locations h2 {
	font-size: 1.9em;
	line-height: 1.3em;
	letter-spacing: -.02em;
	font-weight: 700;
	color: #666!important;
	/* margin-top: 60px; */
}

.jobs2023 .locationsHead > * {
	/* max-width: 50%; */
}

.jobs2023 .location {
    margin: 10px;
    padding: 10px 20px; 
    background-color: #fff;
    width: calc(25% - 20px);
    flex-basis: calc(25% - 20px);
    flex-shrink: 0;
	min-width: 250px;
	max-width: 280px;
	border: 1px solid #84bd00;
	border-radius: 20px;  
}

.jobs2023 .locations .more {
	display: block;
}

.jobs2023 #locations .marker {
	display: none;
}

@media only screen and (max-width: 1555px) {

	.jobs2023 .location {
		width: calc(50% - 20px);
		flex-basis: calc(50% - 20px);
	}

}
@media only screen and (max-width: 914px) {
	.jobs2023 .locationsHead > * {
		max-width: 100%;
	}
}

/**/
/**/
/* Locations */

/* WhatNow? */
/**/
/**/

.jobs2023 #whatNow  {
	width: 100%; 
	padding: 0 20px;
}

.jobs2023 #whatNow * {
	transition: all .5s ease-in-out; 
}

.jobs2023 #whatNow > * {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	position: relative;
}

.jobs2023 #whatNow .selects {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.jobs2023 #whatNow .selects .select {
	flex-basis: 25%;
	display: block;
	background-color: #84bd00;
	color: #fff;
	cursor: pointer;
	position: relative; 
}

.jobs2023 #whatNow .selects .select1:after,
.jobs2023 #whatNow .selects .select2:after,
.jobs2023 #whatNow .selects .select3:after {
	content: "";
	display: block;
	height: 100%;
	width: 2em;
	background-color: #fff;
	background-image: url(/wp-content/uploads/Triangle-right-green.svg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	position: absolute; 
	right: 0;
	top: 0;
}

.jobs2023 #whatNow .selects .select.passiv:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background-color: #fff;
	opacity: .5;
	position: absolute; 
	right: 0;
	top: 0;
	z-index: 3;
}

.jobs2023 #whatNow .selects .select p {
	padding: 1em;
		line-height: 1em;
}

.jobs2023 #whatNow .displays .display {
	padding: 2em;
	text-align: center;
	border: 1px solid #84bd00;
	margin-top: 10px;
	cursor: pointer;
	width: 100%;
	height: auto;
	position: absolute;
}

.jobs2023 #whatNow .displays .display4 {
	padding: 2em;
	text-align: center;
	border: 1px solid #84bd00;
	margin-top: 10px;
	cursor: pointer;
	width: 100%;
	height: auto;
	position: relative;
}

.jobs2023 #whatNow .displays .display.passiv {
	opacity: 0;
}

.jobs2023 #whatNow .displays img {
	width: 60px;
	height: auto;
}

.jobs2023 #whatNow > h3 {
	color: #636362;
}

@media only screen and (max-width: 914px) {
	.jobs2023 #whatNow .selects {
		flex-wrap: wrap;
	}

	.jobs2023 #whatNow .selects .select {
		flex-basis: 50%;
		margin-bottom: 1em;
	}

	@media only screen and (max-width: 600px) {
		.jobs2023 #whatNow .selects .select {
			flex-basis: 100%;
		}

	}
}


/**/
/**/
/* WhatNow? */

/* SimilarJobs */
/**/
/**/

.jobs2023 #karriere_3 {
	
}

.jobs2023 #karriere_3 .listline.unsolicited-application.show,
.jobs2023 #karriere_3 .listline.initiativbewerbung.show,
.jobs2023 #karriere_3 .listline.hide,
.jobs2023 #karriere_3 .listline.hide {
	display: none!important; 
}

.jobs2023 #karriere_3 #Initiativ {
	margin-top: 30px!important;
	padding: 1em;
	border-radius: 1em;
}

.jobs2023 #karriere_3 #Initiativ p {
	padding-bottom: 0!important;
}

/**/
/**/
/* SimilarJobs */




.jobs2023 #contentFooter {
	margin: 0!important;
	margin-top: 40px!important;
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}

.jobs2023 #contentFooter p {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.jobs2023 #contentFooter {
	width: 100%;
	text-align: center;
	padding: 0 30px;
}

 article.jobs2023 a {
	color: #84bd00;
	
}

.jobs2023 #jobbottom {
	position: relative;
}

.jobs2023 .hidden {
	display: none;
	margin: 0;
} 



#mobilevideo {
	display: none;
}

@media only screen and (max-width: 1940px) {
	
	.jobs2023 #jobheader #headoverlay {
		/* background: linear-gradient(90deg, rgba(132,189,0,1) 30%, rgba(132,189,0,0) 70%, rgba(132,189,0,0) 100%); */
		z-index: 0;
	}
	
	@media only screen and (max-width: 1300px) {
			
		.jobs2023 #job_1 > #jobhead { 
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.jobs2023 #jobheader #headercopy {
			padding-left: 30px;
			padding-right: 120px;
			/* padding-top: 150px; */
		}

		.jobs2023 #benefits {
			background-color: #004159;
			position: relative;
			max-width: 100%!important;
			padding-top: 60px;
			padding-bottom: 40px;
			padding-left: 10px;
			padding-right: 10px;
		}

		.jobs2023 #benefits .inner {
			width: 100%;
			margin-left: 0;

		}
		
		.jobs2023 #benefits .left,
		.jobs2023 #benefits .right {
		}

		.jobs2023 #benefits .flexer {
			display: flex;
			flex-wrap: wrap;
			flex-grow: 0;
		}

		.jobs2023 #benefits .left img {
			max-width: 50px;
			max-height: 50px;
		}

		.jobs2023 #benefits .right img {
			background-size: cover;
		}

		.jobs2023 #contentFooter {
			margin-top: 40px;
		}

		.jobs2023 .locations a {
			color: #84bd00;
		}


		.jobs2023 #locations {
			width: 100%;
			max-width: 100%;
			margin: 0;
			
		}
		
		.jobs2023 .location {
			width: calc(33% - 20px);
			flex-basis: calc(33% - 20px);
		}
		@media only screen and (max-width: 1100px) {
				.jobs2023 #benefits .left,
				.jobs2023 #benefits .right {
					width: 100%;
					flex-basis: 100%;
				}
			
				.jobs2023 #benefits .right img {
					width: 100vw;
					max-width: 100vw; 
					position: relative;
					left: -30px;
				}
				
				.jobs2023 #jobbottom i.USbenefits {
					display: block;
					font-size: 14px;
					line-height: 16px;
					position: relative;
					/* top: 5em; */
					padding-left: 30px;
				}
			@media only screen and (max-width: 1000px) {

				.jobs2023 .location {
					width: calc(50% - 20px);
					flex-basis: calc(50% - 20px);
				}
				
				@media only screen and (max-width: 780px) {
					.jobs2023 .location {
						width: calc(50% - 20px);
						flex-basis: calc(50% - 20px);
						flex-grow: 1;
					}
					
					.jobs2023 #locations .marker {
						height: 3em;
						width: auto;
						top: 4em;
					}
					
					.jobs2023 .locations {
						width: 100%;
						margin-left: 0;
					}
					
				}

			}
		}
		.jobs2023 #contentFooter {
			width: 100%;
			margin-left: 0%;
			text-align: justify;
			padding: 0 20px;
		}
		
		
		.jobs2023 #benefits .flexer {
			position: relative;
			left: 0;
		}
		
		@media only screen and (max-width: 900px) {
			
			/* .jobs2023 #jobheader { */
				/* background-size: auto 200px; */
				/* min-height: 525px!important; */
				/* color: #fff; */
				/* position: relative; */
				/* background-repeat: no-repeat; */
				/* background-position: right top; */
				/* padding-top: 200px; */
			/* } */
			
			
			.jobs2023 #jobheader #headoverlay {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background: rgba(0, 65, 89, .71);
				z-index: 0;
			}
			
			/* .jobs2023 #jobheader #headercopy { */
				/* padding: 30px 120px 30px 30px; */
				/* position: relative; */
				/* max-width: 100%; */
				/* margin-left: 0; */
				/* hyphens: auto!important; */
				/* background-color: #84bd00; */
				/* min-height: 350px; */
			/* } */
			
			.jobs2023 #jobheader #headercopy * {
				max-width: 100%;
			}
			
			/* .jobs2023 #jobhead #utilitybelt { */
				/* top: 210px; */
			/* } */

		}

			
			.jobs2023 #jobheader #headercopy h1 {
				font-size: 30px;
				line-height: 30px;
				hyphens: auto!important;
			}
		
			.jobs2023 #jobtop #jobtopflex,
			.jobs2023 #jobflex {
				flex-wrap: wrap;
				width: 100%;
				max-width: 100% !important;
				justify-content: flex-start;
				margin: 0px !important;
			}
			
			.jobs2023 #jobleft,
			.jobs2023 #jobright,
			.jobs2023 #benefits .inner .left,
			.jobs2023 #benefits .inner .right {
				width: 100%;
				max-width: 100%;
				min-width: 100%;
				flex-basis: 100%;
				padding-left: 20px;
				padding-bottom: 20px; 
				padding-top: 20px; 
				padding-right: 20px;
				margin-left:0;
			}
			
			.jobs2023 #jobright {
				display: none;
			}
			
			#mobilevideo {
				display: block;
				padding-top: 60px;
				overflow-x: scroll;
			}
			
			#mobilevideo .sa_vert_center {
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			.jobs2023 #benefits .inner {
				flex-wrap: wrap;
			}
			
			.jobs2023 #jobright .whitebox {
				display: flex;
				flex-wrap: wrap;
				gap: 0;
				padding-bottom: 20px; 
				max-height: none;
			}
			
			.jobs2023 #jobright .whitebox p {
				flex-basis: 100%;
			}

			.jobs2023 #jobright .whitebox .wp-block-embed {
				flex-basis: 50%;
			}
			
			@media only screen and (max-width: 600px) {
			
				.jobs2023 #jobright .whitebox .wp-block-embed {
					flex-basis: 100%;
				}
				
				/* .jobs2023 #jobheader #headoverlay { */
					/* display: none; */
				/* } */
			
			}
			
			.jobs2023 .benefit {
				min-width: 150px;
			}
			
		}
	}
}

.jobs2023 #karriere_3 {
	width: 100%;
}

.jobs2023 #karriere_3 .inner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.jobs2023 #karriere_3 .headings td.aktivDown::before {
    display: none;
}

.jobs2023 #karriere_3 table tr td {
	cursor: auto!important;
	text-decoration: none!important;
}

@media only screen and (max-width: 781px) {

	.jobs2023 #landing_2 > div > div > div 	{
		gap: 0!important;
	}
	
	#landing_2 .wp-block-column {
		padding: 0 10px!important;
		margin: 0!important;
	}
	
	.jobs2023 #karriere_3 h2{
	text-align: center; 
}
}

@media only screen and (min-width: 900px) {
	.jobs2023 #jobright .whitebox.scroller {
		overflow-y: scroll;
	}
}

.postid-3469 .optionalAzubi {
	display: none;
}



/**/
/**/
/* Jobs 2023 */

.job-id-4584 .ben-training,
.job-id-4584 .ben-vacation,
.job-id-4376 .ben-culture,
.job-id-4376 .ben-discounts,
.job-id-4376 .box-support,
.job-id-4376 .ben-salary {
	display: none!important;
}

.job-id-4376 #headercopy p:nth-child(3) {
	content: "/Remote, Germany, Switzerland, Austria"!important;
}

#headercopy .ccc-favorite-post-toggle a,
#headercopy .ccc-favorite-post-toggle {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	max-width: 100%!important;
	padding: 0!important;
	margin-right: 40px;

}


#headercopy a.cta,
#headercopy a.ccc-favorite-post-toggle-button  {
	margin-top: 20px!important;
}

#resourceLoop li.listline {
	background-color: #fff;
}

#karriere_3 .wp-block-button a {
	width: auto;
	background-color: var(--color-green)!important;
	padding: 10px 20px;
	color: #fff!important;
}

#whatnow {
	margin: auto;
	max-width: 100%!important;
	width: 100%!important;
	background-color: #fff!important;
}

#whatnow h2 {
	font-size: 1.9em;
	line-height: 1.3em;
	letter-spacing: -.02em;
	font-weight: 700;
	text-align: center;

}

#whatnow .wp-block-buttons {
	z-index: 8;
	position: relative;
	gap: 10px!important;
	width: 100%;
	/* left: -20px; */
}

#whatnow .wp-block-button  {
	z-index: 1!important;
	min-width: 170px;
	max-width: 23%;
}

#whatnow .wp-block-button a {
	background-color: var(--color-green)!important;
	transition: all 1s ease-out;
	position: relative;
	z-index: 1!important;
	font-size: clamp(18px, 2vw, 22px)!important;
}

#whatnow .wp-block-button.active a {
	background-color: var(--color-darkblue)!important;
	transition: all 1s ease-out;
}

#whatnow #boxcontainer {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(0, 100%));
    position: relative;
	overflow: hidden;
	top: -40px;
}

#whatnow.narrow #boxcontainer .box {
	position: relative;
	display: block!important;
	max-height: 0;
	height: auto!important;
	overflow: hidden;
	/* transition: all 1s ease-out; */
	max-width: 1100px!important;
	padding-top: 00px;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto ;
	z-index: 1;
	background-color: var(--color-lightgray);
	/* border: 2px solid #fff; */
	flex-basis: 100%;
	flex-shrink: 0;
}

#whatnow ul {
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 0;
}

#whatnow li  {
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 10px;
}

#whatnow ul li:before {
	content: " ";
	background-color: var(--color-green);
	width: 5px;
	height: 5px;
	position: absolute;
	margin-left: -13px;
	margin-top: 10px;
}

#whatnow.narrow #boxcontainer .box.active {
	/* transition: all 1s ease-out; */
	max-height: 1000px;
}

#whatnow.narrow #boxcontainer .box:nth-child(1).active {
	opacity: 1;
}

#whatnow.narrow #boxcontainer .box:nth-child(2).active {
	opacity: 1;
}

#whatnow.narrow #boxcontainer .box:nth-child(3).active {
	opacity: 1;
}

#whatnow.narrow #boxcontainer .box:nth-child(4).active {
	opacity: 1;
}

#whatnow.narrow #boxcontainer .box  .inside {
	width: calc(100vw - 20px);
	min-width: 100%;
	display: block;
	overflow: hidden;
	/* transition: all 1s ease-out; */
	max-width: 1100px!important;
	width: 100%;
	left: 0;
	right: 0;
	margin:  auto 0;
	background-size: auto 300px;
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-color: #fff!important;
	padding: 60px 30px 30px;
	height: auto;
}

#whatnow {
	height: auto;
	display: block;
}

#whatnow .box * {
	text-align: left;
	max-width: 900px!important;
	width: 100%!important;
	margin: auto;
	background-color: transparent!important;
}

#whatnow #box4 ul {
	/* max-width: 600px; */
	padding-left: 30px!important;
}

:root :where(p.has-background) {
	padding: 0;
}

#whatnow h4 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}

#whatnow .wp-block-button a:before {
	content: "";
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: var(--color-darkblue);
	border: 2px solid #fff;
	display: block;
	background-image: url(/wp-content/uploads/chevron-down-white.svg);
	background-size: 20px 20px;
	transform: rotate(270deg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 1em;
	left: -1.2em;
	z-index: 10;
}

#whatnow li,
#whatnow ul {
	padding: 0!important;
}

#whatnow #box1 .inside{
	background-image: url(/wp-content/uploads/Icon-Paper-Airplane-1.svg);
}

#whatnow #box2 .inside{
	background-image: url(/wp-content/uploads/Icon-Speechbubble-1.svg);
}

#whatnow #box3 .inside{
	background-image: url(/wp-content/uploads/Icon-Puzzle-1.svg);
}

#whatnow #box4 .inside{
	background-image: url(/wp-content/uploads/Icon-Handshake-1.svg);
}

#whatnow #button1 a:before {
	display: none!important;
}

@media only screen and (max-width: 1200px) {
	@media only screen and (max-width: 900px) {
		@media only screen and (max-width: 780px) {
		
			#whatnow.narrow>#boxcontainer,
			#whatnow.narrow #boxcontainer .box ,
			#whatnow.narrow #boxcontainer .box > .inside {
				background-size: auto 150px;
				background-position: right 20px bottom 20px;
				height: auto!important;
				max-height: none!important;
				overflow: hidden;
			}

			#whatnow.narrow #boxcontainer .box {
				opacity: 0;
				position: absolute;
				top: 0;
			}
			
			#whatnow.narrow #boxcontainer .box.active {
				opacity: 1;
				position: relative;
			}
		}

	}
}