/* Jobs (CPT) styles moved from oldtheme */
.single-job-wrap .hero-section {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	max-width: 1500px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.single-job-wrap .hero-section {
		height: 200px;
		max-width: 100%;
		margin-top: 60px;
	}
}

.single-job-wrap .hero-main-image {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 1;
}
.single-job-wrap .hero-main-image img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}
.single-job-wrap .hero-overlay-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	object-fit: contain;
	z-index: 2;
	opacity: 1;
}

.single-job-wrap .post-content .container {
	padding: 40px 20px;
	max-width: 944px;
	margin: 0 auto;
}
.single-job-wrap .post-content.odd {
	background: #F5F5F5;
}
.single-job-wrap h1 {
	text-align: center;
	font-size: 38px;
	margin-bottom: 25px;
}
@media (max-width: 768px) {
	.single-job-wrap h1 {
		font-size: 28px;
	}
}
.single-job-wrap h1,
.single-job-wrap h2,
.single-job-wrap h3,
.single-job-wrap h4 {
	color: #004A92;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Calibri", "Open Sans", sans-serif;
	margin-bottom: 0;
	font-style: normal;
}
.single-job-wrap h3 {
	font-size: 22px;
}
.single-job-wrap p,
.single-job-wrap ul li {
	font-size: 16px;
	font-family: "Calibri", "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.single-job-wrap ul {
	padding-left: 15px;
}

.single-job-wrap .job-badge {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	max-width: 422px;
	width: 100%;
}
@media (max-width: 768px) {
	.single-job-wrap .job-badge {
		position: absolute;
		margin-bottom: 50px;
		bottom: -50px;
		width: 50%;
	}
}

.single-job-wrap .rocket {
	position: absolute;
	left: 127px;
	top: 73px;
	z-index: 9;
	width: 10vw;
}
@media (max-width: 1420px) {
	.single-job-wrap .rocket {
		left: 0;
	}
}
@media (max-width: 1180px) {
	.single-job-wrap .rocket {
		display: none;
	}
}

/* Simple animations from oldtheme */
@keyframes tm-jobs-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes tm-jobs-slide-in-left {
	from { transform: translateX(-100%); }
	to { transform: translateX(0); }
}
@keyframes tm-jobs-slide-in-right {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}
.karriereContact__left,
.karriereContact__right img {
	animation: tm-jobs-fade-in 1.5s ease-in-out;
}
.karriereContact__left .karriereContact__inner {
	animation: tm-jobs-slide-in-left 1.5s ease-in-out;
}
.karriereContact__right img {
	animation: tm-jobs-slide-in-right 1.5s ease-in-out;
}

.karriereContact h2 {
	text-transform: uppercase;
	color: #004A92;
	font-family: "Open Sans Condensed", "Open Sans", sans-serif;
	font-weight: 700;
}
.karriereContact .container {
	padding: 40px 20px;
	max-width: 1150px;
	margin: 0 auto;
	text-align: center;
}
.karriereContact__row {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.karriereContact__left {
	background-color: #004A92;
	color: #fff;
	padding: 30px;
	flex: 1;
	display: flex;
	align-items: center;
	border: 1px solid #fff;
	box-sizing: border-box;
	position: relative;
}
.karriereContact__inner {
	width: 100%;
	text-align: left;
	padding-left: 210px;
	position: relative;
}
.karriereContact__right {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.karriereContact__right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 100%;
}
@media (max-width: 768px) {
	.karriereContact__row {
		flex-direction: column;
	}
	.karriereContact__left,
	.karriereContact__right {
		flex: none;
		width: 100%;
	}
	.karriereContact__left {
		margin-bottom: 20px;
	}
}
.karriereContact__outer {
	border: 1px solid #fff;
	width: 92%;
	height: 87%;
	padding: 30px;
	position: absolute;
	left: 20px;
	top: 20px;
}
@media (max-width: 768px) {
	.karriereContact__outer {
		width: 89%;
		height: 81%;
	}
}
@media (max-width: 768px) {
	.karriereContact__inner {
		padding-left: 75px;
	}
}
.karriereContact__inner svg {
	position: absolute;
	left: 160px;
	bottom: 20px;
}
@media (max-width: 768px) {
	.karriereContact__inner svg {
		left: 10px;
	}
}
.karriereContact__inner h3 {
	text-transform: uppercase;
	color: #fff;
	font-family: "Open Sans Condensed", "Open Sans", sans-serif;
	font-weight: 700;
}
.karriereContact__inner p,
.karriereContact__inner a {
	margin-bottom: 0;
	font-family: "Calibri", "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #fff;
}
.karriereContact__top {
	position: relative;
	max-width: 798px;
	margin: 70px auto;
}
.karriereContact__top svg {
	position: absolute;
	left: 110px;
	top: -45px;
}
@media (max-width: 768px) {
	.karriereContact__top svg {
		position: static;
		display: none;
	}
}

.single-job-wrap .post-content svg {
	transform: scale(0.9);
	transition: transform 0.5s ease;
}
.single-job-wrap .post-content svg:hover {
	transform: scale(1);
}
.single-job-wrap .post-content.deine-aufgaben ul {
	list-style-type: none;
	padding-left: 0;
}
.single-job-wrap .post-content.deine-aufgaben ul li::before {
	content: "// ";
	margin-right: 8px;
}
.single-job-wrap .post-content .button {
	border: 1px solid #4A4A49;
	color: #4A4A49;
	padding: 12px 18px;
	text-transform: uppercase;
	font-family: "Calibri", "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	display: inline-block;
}
@media (max-width: 768px) {
	.single-job-wrap .post-content.deine-aufgaben .container {
		padding-top: 0;
	}
	.single-job-wrap .post-content.deine-aufgaben .container .title {
		margin-top: 30px;
	}
	.custom-post-title,
	.custom-post-standort {
		font-size: 12px !important;
	}
}
.single-job-wrap .post-content .title {
	margin-top: 40px;
	margin-bottom: 20px;
}

.job-list {
	list-style: none;
	padding-left: 0;
	margin-top: 35px;
	max-width: 944px;
	width: 100%;
	margin-inline: auto;
	position: relative;
	z-index: 4;
}
.custom-post-item {
	display: flex;
	justify-content: space-between;
	padding: 18px;
	background-color: #E7E7E7;
	color: #706F6F;
	margin-bottom: 15px;
	text-decoration: none;
}
.custom-post-item:hover {
	background-color: #004A92;
	color: #FFFFFF;
}
.custom-post-title {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 22px;
}
.custom-post-standort {
	font-size: 16px;
}