/*** KARRIERE ***/

#bieten {
	text-align: center;
	padding-top:0;
	padding-bottom:0;
}
#bieten .box {
	padding-top:0;
}

#bieten h2 {
	margin-bottom:1em;
	font-size:1.625em;
	font-weight: bold;
	background: rgba(var(--pink));
	color: rgb(var(--white));
	display: inline-block;
	padding:0.25em 0.5em;
	position:absolute;
	left:50%;
	transform: translate(-50%,-50%);
	width: 25em;
	max-width: 96%;
}
#bieten .infobox {
	text-align: left;
	padding-left: 4vw;
	padding-right: 4vw;
	padding-top:3em;
	margin-top:2em;
	color: rgb(var(--darkblue))
}
#bieten .infobox ul {
	column-count: 2;
	column-gap: 2em;
	font-weight: 700;
	list-style: none;
	margin:0;
	padding:0;
}
#bieten .infobox ul li {
	padding:0.25em 0 0.25em 1.75em;
	position: relative;
}
#bieten .infobox ul li::before {
	content: '';
	position: absolute;
	left:0;
	top:0.625em;
	width:0.75em;
	height:0.75em;
	background: rgb(var(--pink));
	color: rgb(var(--white));
}

#video_karriere {
	padding-top:0;
	padding-bottom:0;
}

@media(max-width: 600px){
	#bieten .infobox ul {
		column-count: 1;
	}
	#bieten .infobox h3 {
		margin-top:1em !important;
	}
}

/*** JOBLIST - KARRIERE ***/

#joblist .cat-heading {
	padding-top:0;
}

/*** FAQ ***/

#faq {
	background: rgba(var(--blue3),0.2);
}
#faq:last-child {
	padding-bottom: 7vw;
}
#faq h2 {
	text-align: center;
	font-size: 2em;
	margin-bottom:1em;
}
#faq .faq .ac-container {
	background: rgb(var(--white));
}
#faq .faq .ac-link, 
#faq .faq .ac-identifier ~ .ac-label {
	padding-left: 1em;
}
#faq .faq .ac-current .ac-link, 
#faq .faq .ac-identifier:checked ~ .ac-label, 
#faq .faq .ac-identifier:focus ~ .ac-label {
	padding-left: 2vw;
}
#faq .faq .ac-head {
	font-size: 1em;
	font-weight: 600;
	margin: 0.25em 0 0.25em;
}
#faq .faq .ac-current .ac-link .ac-head, 
#faq .faq .ac-identifier:checked ~ .ac-label .ac-head, 
#faq .faq .ac-identifier:focus ~ .ac-label .ac-head {
	font-size: 1.25em;
	font-weight: 700;
}
#faq .faq .ac-link::after, .faq .ac-label::after {
	right: 0.5em;
	top: 0.875em;
}


/*** PROZESS ***/

#prozess {
	padding-top:0
}
#prozess > .content > .multicol > .col > .box {
	padding-top:0;
	_padding-bottom:0;
}
#prozess h2 {
	text-align: center;
	font-size: 2em;
	margin-bottom:1.5em;
}
.pingpong .innercol {
	display: grid;
	grid-template-areas: 
		"image desc";
	grid-template-columns: 50% 50%;
	margin-top:0.25em;
	animation-duration: 1500ms;
}
.pingpong .innercol:nth-child(2n+1) {
	display: grid;
	grid-template-areas: 
		"desc image";
	grid-template-columns: 50% 50%;
}
.pingpong .innercol .image {
	grid-area: image;
	width:auto;
	position: relative;
	display: grid;
	height:100%;
	background: linear-gradient(90deg,rgba(var(--blue3),0), rgba(var(--blue3),0.5)10%, rgba(var(--blue3),0.5)90%, rgba(var(--blue3),0));
}

.pingpong .innercol .image .box {
	padding:0;
	margin: 0em -10%;
	align-self: center;
	position: relative;
	overflow: hidden;
}
.pingpong .innercol .image .box img {
	position: relative;
	margin-top:-5%;
	margin-bottom:-5%
}
.pingpong .innercol .desc {
	grid-area: desc;
	width: 80%;
	display: grid;
	background: linear-gradient(90deg,rgba(var(--blue3),0), rgba(var(--blue3),0.5)10%, rgba(var(--blue3),0.5)90%, rgba(var(--blue3),0));
}
.pingpong .innercol .desc .box {
	margin: 0 -2em 0 0;
	padding:1em 1em 1em 3em;
	align-self: center;
	color: rgb(var(--white));
	background: rgb(var(--darkblue));
	box-shadow:0 0.125em 1em -0.5em rgba(var(--black),0.75);
	position: relative;
}

.pingpong .innercol:nth-child(2n+1) .desc {
	margin-left:20%;
	text-align: right;
}
.pingpong .innercol:nth-child(2n+1) .desc .box {
	margin: 0 0 0 -2em;
	padding:1em 3em 1em 1em;
}

.pingpong .innercol .desc .box h3 {
	font-size:1.375em;
	line-height:1.1;
	font-weight:800;
	margin-top:0 !important;
}
.pingpong .innercol .desc .box h3 span {
	position:absolute;
	left:0;
	top:50%;
	width:2em;
	height:2em;
	background:rgb(var(--white));
	border: solid 0.125em rgb(var(--pink));
	color: rgb(var(--pink));
	border-radius:50%;
	text-align: center;
	padding-top:0.875em;
	padding-left:0.2em;
	font-size:1.125em;
	line-height:0;
	box-shadow: 0 0 0.75em -0.125em rgba(var(--darkblue));
	transform: translate(-50%,-50%);
}
.pingpong .innercol:nth-child(2n+1) .desc .box h3 span { 
	left: auto;
	right:0;
	transform: translate(50%,-50%);
}
.pingpong .innercol .desc .box p {
	font-size:0.95em;
	font-weight:600;
	margin-top: 0.5em !important;
}
.pingpong .innercol .desc .box p a {
	font-size:0.95em;
	font-weight:800;
	text-decoration: underline;
}
@media(max-width:1825px){
	.pingpong .innercol .image .box {
		margin: 0em -10% 0 -1em;
	}
	.pingpong .innercol:nth-child(2n+0) .image .box {
		margin: 0em -1em 0 -10%;
	}
}
@media(max-width:899px){
	.pingpong .innercol .desc {
		width: 90%;
	}
	.pingpong .innercol:nth-child(2n+1) .desc {
		margin-left:10%;
	}
	.pingpong .innercol .desc .box p {
		font-size:0.9em;
	}
}
@media(max-width:767px) and (min-width: 661px){
	.pingpong .innercol {
		margin: 0 0.5em
	}
	.pingpong .innercol .desc {
		width: 95% !important;
	}
	.pingpong .innercol:nth-child(2n+1) .desc {
		margin-left:5% !important;
	}
}
@media(max-width:660px){
	.pingpong .innercol {
		display: block !important;
	}
	.pingpong .innercol .col .box {
		margin:0 !important;
	}
	.pingpong .innercol .desc .box {
		padding: 1.5em 1em 1em !important;
		text-align: center;
	}
	.pingpong .innercol .desc .box h3 {
		font-size:1.25em;
		line-height:1.1;
		font-weight:800;
		margin-top:0 !important;
	}
	.pingpong .innercol .desc .box h3 span {
		position:absolute;
		left:50% !important;
		right:auto !important;
		top:0%;
		transform: translate(-50%,-75%) !important;
		font-size:1.25em;
	}
}




/***Jobs JOBLIST **/
#joblist {
	padding-top:0rem;
	padding-bottom:0rem;
}
#joblist .h2 {
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-size: 1.5em;
	opacity: 0.3;
	font-weight: 300;
}
#joblist .desc h2,
 #joblist .desc h3 {
	margin: 1.5em 0 0.75em !important;
	font-size:1.25em;
	color:inherit;
}
#joblist .desc h2:first-child,
#joblist .desc h3:first-child {
	margin-top:0 !important;
}
.job-list-count + .job-list-wrapper {
	margin-top: 1.5em !important;
}
.job-list-wrapper {
	margin: 3em 0 2em !important;
	float: left;
	width: 100%;
	border-bottom: solid 1px rgb(3,24,54);
}
.job {
	position: relative;
}
.job-header + .desc {
    max-height: 0;
    overflow: hidden;
    transition: all 300ms ease 0s;
}
.job-header.active + .desc {
	max-height: 1000rem;
	padding: 2rem 1rem;
	font-size: 0.9em;
	background: rgb(var(--blue3), 0.25);
}
#joblist .job-header.active::after {
	content: "\e87b";
}
.job-header + .desc::after {
	content: '';
	display: table;
	clear: both;
	float: left;
}
.job-header .button.contact {
	padding: 0.5em 0.75em;
	font-weight: normal;
	line-height: 0.9;
	margin: 0 !important;
	position: absolute;
	right: 4em;
	top: 2.125em;
	border: solid 1px rgb(var(--blue));
	background-color:rgb(var(--blue));
}
.job-header .button.contact:hover {
	background: rgb(0,73,118);
	border-color: rgb(0,73,118);
	color:rgb(255,255,255);
}
.job-header .button.contact::before {
	font-size: 1.5em;
	margin: -0.15em 0.25em -0.25em 0em;
}
.job-header .button.open_new_window {
	height:1.5em;
	min-width:0;
	position:absolute;
	right: 4em;
	top:15em;
	padding:0;
	border:none;
	opacity:0;
	padding:0 2em 0 0;
	background:url(/wp-content/themes/cbs/images/icon_new_window_lightblue.svg) right center / auto 100% no-repeat;
}
.job-header.active .button.open_new_window {
	top:5em;
	opacity:1;
}
.job-header .button.open_new_window > span {
	font-size:0.7em;
	color: rgb(120, 147, 156);
	max-width: 5.25em;
	display:inline-block;
	white-space: normal;
	text-align:right;
	line-height: 1.1;
	text-transform: none;
}
.job-header .button.open_new_window > span::before {
	content:attr(data-name);
}
.job-header .button.open_new_window > span > span {
	position: absolute;
	right:-1000vw;
	font-size:1rem;
}
.job-header .button.open_new_window:hover {
	background-image:url(/wp-content/themes/cbs/images/icon_new_window_blue.svg);
}
.job-header .button.open_new_window:hover > span {
	color: rgb(var(--darkblue));
}
.job-header {
	position: relative;
	padding: 1.5em 13em 1.5em 0em;
}
#joblist .job-header {
	border-top: solid 1px rgb(var(--darkblue));
}
.job-header.active {
	background-color: rgb(var(--blue3),0.75);;
	padding-left: 1rem;
	padding-bottom: 1em;
}
#joblist .job-header::after {
	content: '\e87d';
	font-family: "web-icon-capital";
	position: absolute;
	right: 0.5rem;
	top: 1.75rem;
	font-size: 1.75em;
	line-height: 1.25;
	cursor: pointer;
  }
.job-header .job-title {
	font-size: 1.625em;
	font-weight:600;
	margin-bottom: 0.25em;
	line-height: 1.2;
	margin-top: -0.125em;
	cursor: pointer;
}
.job-header.active .job-title {
	margin-bottom:0.5em;
	font-weight: 700;
}
.job-header .job-title span.position {
	margin-right:0.125em;
}
.job-header .job-title span.gender {
	font-weight: 400;
	font-size: 0.625em;
	line-height: 1;
	vertical-align: 0em;
	display: inline-block;
	opacity: 0.5;
	vertical-align: 0.125em;
	letter-spacing:-0.1em;
}
.job-header p {
	margin: 0 !important;
  }
.job-header p .seperator {
	padding: 0 0.5em;
}
.job-header p.jobinfo {
	color:rgb(120,147,156);
}
.job-header .job-title + p.jobaddtext {
	margin: -0.25em 0 0.25em 0 !important;
}
.job .edit-link {
	position: absolute;
	right: 1em;
	top: 0.5em;
}
.job-header.active .edit-link {
	right: 1.25em;
}
.job-header,
.job-header::after,
.job-header + .desc {
	transition: all 200ms linear 0s;
}
.job-header + .desc .desc-inner {
	padding: 1.5em 1.5em 2em;
	background: rgba(255,255,255,0.75);
}
.job-header + .desc h3 {
	margin-bottom: 0.25em;
}
.job-header + .desc ul {
	margin: 0 0 0 0.75vw !important;
	list-style: none;
}
.job-header + .desc ul li {
	margin: 0 !important;
	padding: 0.125em 0 0.125em 1.75em;
	position: relative;
	font-weight:500;
}
.job-header + .desc ul li::before {
	content: '';
	position: absolute;
	left: 0.325em;
	top:0.625em;
	width:0.625em;
	height:0.625em;
	background: rgb(var(--blue));
	color: rgb(var(--white));
}
.job-header + .desc .jodaddress {
	margin-top: 1em !important;
	padding: 2em 1em 3em;
	background: rgb(var(--blue3), 0.5);
	margin:3em -1em -2em !important;
	border-top: dotted 0.125em rgb(var(--darkblue));
}
.job-header + .desc .job-download + .jodaddress {
	margin-top:2em !important;
	background:transparent;
	border-top:none;
}
.job-header + .desc a {
	text-decoration:underline;
}
.job-list-wrapper hr {
    margin-top:3em !important;
    margin-bottom:3em;
}
.job-download {
	background: rgb(240,238,233);
	padding: 1em;
	border-top: solid 0.125em rgb(215,210,203);
	margin:2em -1em -2em !important;
}
.jobs-pdf {
	padding-top: 0.5em !important;
}
@media(max-width:767px){
	.job-header {
		padding-right:2.5em;
	}
	.job-header .button.contact {
    	position: static;
    	margin-top: 1em !important;
    	display: inline-block;
    }
	.job-header .button.open_new_window {
		position: static;
		margin-top: 1.25em !important;
		margin-right:-2em;
		float:right;
		display: inline-block;
	}
	.job-header .job-title {
		font-size: 1.5em;
	}
}
@media(max-width:550px){
	.job-header .job-title {
		font-size: 1.25em;
	}
}
/**Anpassungen Single Job**/

.single-job section#top {
	padding-top: calc(1rem + 2vw);
}
.single-job .catname {
	color: rgb(var(--darkblue3));
	font-size: 1.125em;
	font-weight: 700;
	text-transform: uppercase;
	margin: -1em auto 2em;
	Letter-spacing: 0.05em;
}
.single-job .job-header {
	overflow:visible;
	background:none;
	padding:0;
	
}
.single-job .job-header h1 {
	font-size: 2.25em;
	cursor:auto;
	min-height: 0 !important;
	padding-bottom:0.5em;
	margin-bottom:0 !important;
}
.single-job .job-header .jobinfo,
.single-job .job-header .jobaddtext {
	position: relative;
	z-index: 1;
	font-size:1.125em;
	color: rgb(var(--black))
}
.single-job .job-header .jobaddtext {
	top:-1em !important;
	padding-bottom:1em !important;
}
.single-job .job-header + .desc {
	background: rgb(var(--blue3), 0.5);
	padding: 1.5rem 1.75rem;
	margin:1.75rem 0 0;
}
.single-job .jodaddress {
	padding-top:1.5rem;
}
.single-job .job-download {
	background: rgb(240,238,233,0.75);
	padding-left:1.75rem;
	margin: 0em -1.75rem 0 !important
}
.single-job .article-main a {
	text-decoration: underline;
}

.single-job  #page-bottom .box {
	padding-bottom: 4rem;
}

@media(max-width:640px){
	.single-job .job-header .jobaddtext {
		padding-bottom:0em !important;
	}
	.single-job .job-header + .desc,
	.single-job .job-download {
		margin-left:-1.5rem !important;;
		margin-right: -1.5rem !important;;
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
}

@media(min-width:768px){
	#page-bottom .box {
		padding-bottom: 12rem;
	}
	#page-bottom .button + .credit-row {
		margin-top: 2rem;
	}
}
 
 
 
 
 
 
 
 
 
 /*** SHORTCODES-CUSTOM-CSS ***/