:root {
	--header_background: #e9e9e9;
	--employer_logo_background: #ffffff;
	--global_secondary: #01283f;
	--global_color: #ffffff;
	--pill_2: #d8d8d8;
	--ornament_color: #BC2B38;
	--more_color: #012840;
}

.post-password-form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 100dvh;
	padding: 0 30px;
}

.main.job-single {
	font-family: "Lato", Sans-serif;
	background-color: var(--template-styling-background-color);
	.apply__button {
		&:visited,&:focus,&:active,&:link {
			color: var(--e-global-color-28e1639 );
			background-color: var(--e-global-color-primary );
		}
	}
	@media screen and (max-width: 800px) {
		h2 {
			font-size: 28px;
			line-height: 38px;
		}
	}
}

.pill {
	display: inline-flex;
	align-items: center;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.4px;
	padding: 5px 15px;
	border-radius: 20px;
}
.pill--blue {
	color: var(--global_color);
	background-color: var(--global_secondary);
	&:hover,&:visited,&:active,&:link {
		color: var(--global_color);
		background-color: var(--global_secondary);
	}
}
.pill--grey {
	color: var(--global_secondary);
	background-color: var(--pill_2);
	&:hover,&:visited,&:active,&:link {
		color: var(--global_secondary);
		background-color: var(--pill_2);
	}
}
.pill--red {
	color: var(--e-global-color-28e1639 );
	background-color: var(--e-global-color-primary );
	&:hover,&:visited,&:active,&:link {
		color: var(--e-global-color-28e1639 );
		background-color: var(--e-global-color-primary );
	}
}
.pill--prefooter {
	font-size: 16px;
	line-height: 1.2em;
	padding: 12px 18px 12px 18px;
	margin-top: 20px;
	span {
		margin-right: 12px;
	}
}

.header {
	/*position: sticky;
	top: 69px;
	transition: transform 350ms ease-in-out;*/
	// transform: translateY(-10px);
	background-color: var(--template-styling-background-highlight-color);
	border-radius: 24px 24px 0 0;
	width: 944px;
	max-width: calc(100% - 60px);
	margin: 0 auto;
	transform: translateY(-150px);
	.header__inner {
		position: relative;
		//max-width: 1200px;
		//width: 100vw;
		margin: 0 auto;
		padding: 36px 40px;
		display: flex;
		align-items: center;
		gap: 30px;
		.employer__logo {
			display: flex;
			align-items: center;
			justify-content: center;
			aspect-ratio: 1/1;
			// padding: 30px;
			border-radius: 30px;
			background: var(--employer_logo_background);
			picture, img {
				max-width: calc(100% - 20px);
			}
			picture {
				img {
					display: block;
					margin: 0 auto;
				}
			}
		}
		.employer__name {
			color: var(--template-styling-primary-color);
			font-weight: 400;
			font-size: 20px;
			line-height: 28px;
			letter-spacing: 2.5px;
			margin: 0 0 15px 0;
		}
		.job__title {
			font-weight: 900;
			font-size: 40px;
			line-height: 46px;
			letter-spacing: 0.5px;
			text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.12);
			color: var(--more_color);
		}
		.job__industries {
			font-weight: 400;
			font-size: 18px;
			line-height: 28px;
			font-style: normal;
			letter-spacing: 0px;
			word-spacing: 0px;
			margin: 15px 0 25px 0;
			cursor: pointer;
			color: var(--template-styling-typo-color);
		}
		.header__left,.header__right {
			//position: relative;
			//z-index: 1;
			//transition: width 300ms ease;
		}
		.header__left {
			flex: 1 0 auto;
			width: 200px;
		}
		.header__right {
			//width: 66.666%;
		}
		.job__bar {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			gap: 10px;
			.job__apply {
				// display: none;
				cursor: pointer;
				svg {
					height: 14px;
					width: 14px;
					margin-right: 8px;
					path {
						fill: #fff;
					}
				}

				.apply__button {
					height: 100%;
				}
			}
			.content-type-toggle {
				svg {
					flex: 0 0 20px;
				}
				&__label {
					text-align: left;
					max-width: calc(100% - 28px);
				}
			}
			.job__postedat {
				display: flex;
				align-items: center;
				font-weight: 300;
				font-size: 14px;
				letter-spacing: 0.4px;
			}
			.job__share {
				position: absolute;
				top: 15px;
				right: 15px;
				.button {
					display: inline-flex;
					align-items: center;
					font-weight: 300;
					font-size: 14px;
					letter-spacing: 0.4px;
					color: #ffffff;
					height: 100%;
					//padding: 5px 15px;
					padding: 7px;
					border-radius: 20px;
					svg {
						transform: translateX(-1px);
					}
					svg g path {
						fill: #ffffff;
					}
					.elementor-button-icon {
						margin-right: 0;
					}
					.elementor-button-text {
						display: none;
					}
					&:hover {
						svg g path {
							fill: #ffffff !important;
						}
					}
				}
			}
		}
		.fa,.fas,.far {
			display: inline-block;
			margin: 0 5px 0 0;
		}
		/*&:before {
			content: '';
			position: absolute;
			top: 0;
			width: 100vw;
			height: 100%;
			left: 50%;
			right: 50%;
			margin: 0 -50vw;
			background-color: var(--template-styling-background-highlight-color);
		}*/
	}
	/*&.header--sticky {
		z-index: 10;
		box-shadow: 0 12px 30px 0 rgba(0,0,0,0.20);
		transition: transform 350ms ease-in-out;
		.header__inner {
			// padding: 25px 15px 15px 15px;
			.employer__logo {
				aspect-ratio: 1.5 / 1;
			}
			.employer__name {
				color: var(--template-styling-primary-color);
				font-size: 12px;
				line-height: 16px;
				letter-spacing: 2.2px;
				margin: 0 0 10px 0;
			}
			.job__title {
				font-size: 16px;
				line-height: 24px;
				letter-spacing: 0.5px;
				margin: 0 0 10px 0;
			}
			.job__industries {
				display: none;
			}
			.header__left {
				width: 150px;
			}
			.header__right {
				width: calc(100% - 150px);
			}
		}
	}*/
	@media screen and (max-width: 800px) {
		//top: 62px;
		transform: translateY(-50px);
		.header__inner {
			flex-wrap: wrap;
			padding: 20px;
			.employer__logo {
				aspect-ratio: 2 / 1;
			}
			.job__title {
				font-size: 24px;
				line-height: 28px;
			}
			.header__left,.header__right {
				width: 100%;
			}
			.job__bar {
				flex-wrap: wrap;
			}
		}
		/*&.header--sticky {
			.header__inner {
				.employer__logo {
					// aspect-ratio: initial;
					// max-height: 100px;
				}
				.header__left {
					display: none;
				}
				.header__left,.header__right {
					width: 100%;
				}
			}
		}*/
		/*&.hide-on-mobile {
			transform: translateY(-120%);
		}*/
	}

	&--energate {
		.content-type-toggle {
			&:hover {
				.content-type-toggle__label {
					color: #ffffff;
				}
			}
		}
	}
}

.content {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	transform: translateY(-150px);
	.content__inner {
		background-color: #ffffff;
		border-radius: 0 0 32px 32px;
		max-width: 944px;
		padding: 60px;
		margin: 0 auto;
		.job__description {
			margin: 50px 0;
		}
		> h3 {
			&.job__content {
				font-weight: bold;
			}
		}
		.job__content {
			hyphens: auto;
			margin: 0 0 30px 0;
			color: var(--template-styling-typo-color);

			a {
				color: inherit !important;
			}

			> p {
				span {
					color: var(--template-styling-typo-color) !important;
				}
			}

			> h2 {
				color: var(--template-styling-typo-color) !important;
			}

			> ul {
				margin-bottom: 15px;

				> li > strong {
					// display: block;
				}
			}
		}
		.job__unvisibles {
			hr {
				width: 100%;
				height: 1px;
				margin: 50px 0;
				border: none;
				background-color: #cbcbcb;
			}
			table {
				width: 75%;

				tr, td {
					background-color: transparent;
					border: none;
					padding: 0;
					vertical-align: middle;
					h4 {
						font-size: 16px;
						font-weight: 800;
						line-height: 27px;
						margin: 5px 0 5px 0;
						color: var(--template-styling-typo-color);
						text-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
					}
				}
			}
		}
		.job__apply {
			text-align: center;
			padding-bottom: 20px;
			hr {
				width: 100%;
				height: 1px;
				margin: 50px 0;
				border: none;
				background-color: #cbcbcb;
			}
			h4 {
				font-weight: 800;
				font-size: 18px;
				line-height: 27px;
				letter-spacing: 0.6px;
				margin: 0 0 20px 0;
				color: var(--template-styling-typo-color);
				text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.12);
			}
			.apply__button {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				font-weight: 600;
				font-size: 16px;
				padding: 10px 18px;
				border-radius: 100px;
				cursor: pointer;
				// fill: var(--e-global-color-28e1639 );
				color: var(--e-global-color-28e1639 );
				background-color: var(--e-global-color-primary );
				&:visited {
					color: var(--e-global-color-28e1639 );
					background-color: var(--e-global-color-primary );
				}
			}
		}
		.warning {
			font-size: 16px;
			line-height: 24px;
			padding: 10px 20px;
			// margin: 0 0 20px 0;
			//background-color: #064C9F17;
			background-color: var(--template-styling-warningbox-bg);
			//border: 1px solid var(--e-global-color-accent );
			border: 1px solid;
			border-color: var(--template-styling-warningbox-border);
			border-radius: 5px;
			color: var(--template-styling-warningbox-text);
			.warning__button {
				display: flex;
				align-items: center;
				gap: 5px;
				font-weight: 400;
				font-size: 14px;
				padding: 8px 20px;
				color: #ffffff;
				border-radius: 100px 100px 100px 100px;
				background-color: var(--e-global-color-secondary );
			}
			&--info {
				display: flex;
				align-items: center;
				gap: 15px;
				margin-bottom: 30px;
				.fas {
					font-size: 25px;
				}
			}
			&--expose {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 5px;
			}
		}
	}

	.content__wp-content {
		.job__content__headline {
			font-size: 28px;
			font-weight: 500;
			margin-bottom: 12px;
		}

		.job__content__headline + h3.H2 {
			font-size: 28px !important;
			font-weight: 500 !important;
		}

		.job__content__copy {
			margin-bottom: 24px;
			h1,h2,h3,h4,h5,h6 {
				margin-top: 20px;
				margin-bottom: 8px;
			}
			img {
				&.alignleft {
					display: block;
					margin: 0 auto 0 0;
					float: unset !important;
				}
				&.aligncenter {
					display: block;
					margin: 0 auto;
					float: unset !important;
				}
				&.alignright {
					display: block;
					margin: 0 0 0 auto;
					float: unset !important;
				}
			}
			ul {
				margin: 0 0 15px 0;
			}
		}
		&.hidden {
			display: none;
		}
	}
	.content__iframe {
		iframe {
			width: 100%;
			height: 800px;
			border: none;
			opacity: 1;
			transition: opacity 350ms cubic-bezier(.21, .4, .48, 1);

			&.loading {
				opacity: 0;
			}
		}

		&.hidden {
			display: none;
		}
	}

	.content__apply-button {
		display: flex;
		gap: 8px;
		font-size: 16px;
		line-height: 1.2em;
		width: fit-content;
		padding: 12px 18px 12px 18px;
		margin: 20px auto 0;

		svg {
			height: 16px;
			width: 16px;
		}

		span {
			flex: 0 0 auto;
		}
	}

	@media screen and (max-width: 800px) {
		padding: 30px 15px;
		transform: translateY(-50px);
		.content__inner {
			// max-width: calc(100% - 30px);
			max-width: 100%;
			padding: 15px;
			.job__content {
				margin: 0 0 15px 0;
			}
		}
	}
}

.zrm-suggestions-container {
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 8px;
	transform: translateY(-75px);
	border: 1px solid #ddd;

	&:empty {
		display: none;
	}

	h3 {
			margin-top: 0;
			margin-bottom: 15px;
			font-size: 1.2em;
	}

	.zrm-suggestion-list {
			list-style: none;
			padding: 0;
			margin: 0 0 20px 0;
			display: flex;
			flex-wrap: wrap;
			gap: 10px;

			.zrm-suggestion-item {
					background: #fff;
					padding: 5px 10px;
					border-radius: 4px;
					border: 1px solid #ddd;
					font-size: 0.9em;
			}
	}

	@media screen and (max-width: 800px) {
		margin: 0 30px;
		padding: 15px;
		transform: translateY(-25px);

		.job-alert-form__fields {
			flex-direction: column;

			.job-alert-form__submit-btn {
				width: 100%;
				text-align: center;
			}
		}
	}
}

.content-type-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background-color: #ffffff;
	color: var(--e-global-color-text);
	border-radius: 56px;
	border: 2px solid var(--e-global-color-text);
	padding: 5px 15px;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;

	svg {
		height: 16px;
		width: 20px;
		path {
			fill: var(--e-global-color-text);
			transition: fill 200ms ease-in-out;
		}
	}

	i {
		flex: 0 0 auto;
	}

	div {
		flex: 1 0 auto;
		text-align: center;
	}

	&:hover {
		background-color: var(--e-global-color-text);
		color: #ffffff;
		svg {
			path {
				fill: #ffffff;
			}
		}
	}

	@media screen and (max-width: 800px) {
		.content-type-toggle__inner {
			flex-direction: column;
		}
	}
}

.prefooter {
	.prefooter__inner {
		position: relative;
		max-width: 1200px;
		width: 100vw;
		margin: 0 auto;
		padding: 30px;
		display: flex;
		justify-content: space-between;
		gap: 30px;
		color: var(--template-styling-typo-color);

		a {
			&:not(.apply-button) {
				color: inherit !important;
			}
		}

		.h5 {
			font-size: 16px;
			line-height: 26px;
			letter-spacing: 0.6px;
			font-weight: 800;
			position: relative;
			margin: 0 0 20px 0;
			padding: 0 0 10px 0;
			color: var(--template-styling-typo-color);
			&:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 45px;
				height: 2px;
				background-color: var(--template-styling-primary-color, var(--ornament_color));
			}
		}
		.prefooter__onethird,.prefooter__twothird,.prefooter__full {
			position: relative;
			// flex: 1 0 0px;
			z-index: 1;
		}
		.prefooter__onethird {
			width: 33.333%;
		}
		.prefooter__twothird {
			width: 66.666%;
		}
		.prefooter__full {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 100%;

			h4 {
				text-align: center;
			}
		}
		.job__contact {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 15px;
			margin-bottom: 16px;;
			.contact__pic {
				max-width: 75px;
				aspect-ratio: 1 / 1;
				border-radius: 100%;
				overflow: hidden;
			}
		}
		.job__contact + .h5 {
			margin: 35px 0 20px 0;
		}
		.job__employer {
			.employer__address {
				margin: 0 0 10px 0;
			}
			.jobs__more {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				font-weight: 700;
				font-size: 12px;
				color: var(--e-global-color-f14805a );
				background-color: var(--e-global-color-c05b247);
				border: 1px solid var(--e-global-color-f14805a);
				border-radius: 36px;
				padding: 8px 15px;
				margin-bottom: 15px;

				svg {
					height: 12px;
					width: 14px;
					path {
						fill: var(--e-global-color-primary);
						transition: fill 350ms ease;
					}
				}

				&:hover {
					svg {
						path {
							fill: #ffffff;
						}
					}
				}
			}
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			width: 100vw;
			height: 100%;
			left: 50%;
			right: 50%;
			margin: 0 -50vw;
			background-color: var(--template-styling-background-highlight-color);
		}

		&--white {
			&:before {
				background-color: #fff;
			}
		}

		&--br-b-r {
			padding: 70px 0;

			h4 {
				font-size: 28px;
			}

			&:before {
				border-radius: 0 0 38px 0;
				overflow: hidden;
			}
		}

		&--flex-start {
			justify-content: flex-start;
		}
	}
	.apply__button {
		cursor: pointer;
		svg {
			width: 16px;
			margin-right: 8px;
			path {
				fill: #ffffff;
			}
		}
	}
	@media screen and (max-width: 800px) {
		.prefooter__inner {
			flex-wrap: wrap;
			gap: 35px;
			.prefooter__onethird,.prefooter__twothird {
				width: 100%;
			}
		}
	}
}

.prefooter__meilisearch {
	.widget--meilisearch {
		margin-top: 24px;

		.hits {
			padding: 32px 0px;
		}
	}

	.pagination {
		margin: 20px auto;
	}
}

.closing-content {
	background-color: var(--template-styling-background-highlight-color);
	padding: 62px 0;

	&__inner {
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: 20px;
		max-width: 1140px;
		margin: 0 auto;
	}

	&__col {
		background-color: #ffffff;
		border-radius: 12px;
		text-align: center;
		width: 25%;
		padding: 20px;

		.h5 {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 12px;

			svg {
				height: 16px;
				path {
					fill: var(--e-global-color-text);
				}
			}

			i {
				margin-right: 8px;
			}
		}
	}

	@media screen and (max-width: 800px) {
		.closing-content__inner {
			flex-direction: column;
			padding: 0 15px;
		}

		.closing-content__col {
			width: 100%;
		}
	}
}

// NEW STYLING OPTIONS FOR JOB PAGE WITH STATIC NAVBAR & FOOTER
.navbar--job {
	background-color: #fff;
	border-bottom: 1px solid #DFDFDF;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	transition: top 50ms ease-in-out;

	.menu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		list-style-type: none;
		text-transform: uppercase;
		padding: 0;
		margin: 0;

		.menu-item {
			a {
				display: block;
				color: var(--e-global-color-primary);
			}
		}
	}

	.navbar {
		&__drawer {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 40px;
			max-width: 1280px;
			padding: 20px 0;
			margin: 0 auto;

			@media screen and (max-width: 800px) {
				padding: 16px;
			}
		}

		&__logo {
			a {
				display: block;

				img {
					width: 220px;
				}
			}
		}

		&__burger {
			cursor: pointer;
			display: block;
			height: 16px;
			width: 24px;
			position: relative;

			.burger {
				&__bun {
					display: block;
					background-color: var(--e-global-color-primary);
					border-radius: 3px;
					height: 3px;
					width: 100%;
					position: absolute;

					&--top {
						top: 0;
						transition:
									/* Step 2 */
									top 500ms ease,
										/* Step 1 */
									transform 500ms ease;
					}
					&--mid {
						top: 50%;
						transition:
									/* Step 3 */
									width 500ms 500ms ease;
					}
					&--bot {
						top: 100%;
						right: 0;
						margin-left: auto;
						transition:
									/* Step 3 */
									width 500ms 500ms ease,
										/* Step 2 */
									top 500ms  ease,
										/* Step 1*/
									transform 500ms ease;
					}
				}
			}
		}

		&__external {
			border-bottom: 1px solid #DFDFDF;
			padding: 24px 0;

			@media screen and (max-width: 800px) {
				padding: 8px 16px;
			}
		}

		&__external-menu {
			max-width: 1280px;
			margin: 0 auto;
			.menu {
				gap: 24px;
				font-size: 13px;
				font-weight: 400;
				letter-spacing: 0.2px;

				@media screen and (max-width: 800px) {
					justify-content: center;
					gap: 8px;
				}
			}
		}

		&__main {
			flex: 1 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		&__menu {
			.menu {
				&-item {
					a {
						font-weight: 500;
						padding: 12px 15px;
						position: relative;
						transition: color 350ms ease-in-out, transform 350ms ease-in-out;

						&:after {
							content: '';
							display: block;
							background-color: var(--e-global-color-secondary);
							height: 3px;
							width: 100%;
							position: absolute;
							bottom: 0;
							left: 0;
							transform: scale(0);
							transition: transform 350ms ease-in-out;

							@media screen and (max-width: 800px) {
								display: none;
							}
						}

						&:hover {
							color: var(--e-global-color-secondary);

							&:after {
								transform: scale(1);
							}
						}
					}

					&.menu-item-has-children {
						position: relative;
						> a {
							@media screen and (min-width: 801px) {
								margin-right: 24px;
							}

							@media screen and (max-width: 800px) {
								text-align: center;
							}

							&:before {
								content: '';
								border-left: 6px solid transparent;
								border-right: 6px solid transparent;
								border-top: 6px solid var(--e-global-color-secondary); /* Farbe des Dreiecks */
								width: 0;
								height: 0;
								position: absolute;
								right: -10px;
								top: 50%;
								transform: translateY(-50%);
								transition: transform 350ms ease-in-out;
							}
						}

						> .sub-menu {
							background-color: #ffffff;
							border-radius: 8px;
							font-size: 14px;
							list-style-type: none;
							padding: 0;
							margin: 0;
							position: absolute;
							bottom: 0;
							left: 0;
							transform: translateY(100%) scaleY(0);
							transform-origin: top;
							opacity: 0;
							transition: transform 350ms ease-in-out, opacity 350ms ease-in-out;

							@media screen and (min-width: 1025px) {
								box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
							}

							@media screen and (max-width: 1024px) {
								height: 0;
								width: 100%;
								position: relative;
								bottom: unset;
								left: unset;
								transform: unset;
								opacity: 1;
								overflow: hidden;
								transition: height 350ms ease-in-out;
							}

							&.active {
							}

							.menu-item {
								transition: background-color 350ms ease-in-out;

								&:hover {
									background-color: var(--template-styling-background-color);
								}

								a {
									font-weight: 600;
									white-space: nowrap;
								}
							}

							a {
								@media screen and (max-width: 800px) {
									text-align: center;
								}
								&:after {
									display: none;
								}
							}
						}

						&:hover {
							@media screen and (min-width: 801px) {
								> .sub-menu {
									transform: translateY(100%) scaleY(1);
									opacity: 1;
								}
							}
						}
					}
				}
			}
		}

		&__buttons {
			@media screen and (min-width: 801px) {
				.menu {
					.menu-item {
						a {
							text-transform: none;
						}
					}
				}
			}
			@media screen and (max-width: 800px) {
				display: none;
			}

			.menu {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 8px;

				&-item {
					a {
						font-size: 14px;
						font-weight: 600;
						line-height: 14px;
						border-radius: 100px;
						padding: 12px 24px;
						transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
					}
				}
			}
		}

		&__buttons-menu-desktop {
			@media screen and (min-width: 801px) {
				display: none;
			}
		}

		&__lang {
			margin-left: 30px;
			.lang-items {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 10px;
				list-style-type: none;
				padding: 0;
				margin: 0 0 0 10px;
				.lang-item {
					flex: 0 0 auto;
				}
			}
		}
	}

	@media screen and (min-width: 801px) {
		.burger {
			display: none;
		}
	}

	@media screen and (max-width: 800px) {
		.navbar__drawer {
			flex-wrap: wrap;
			justify-content: space-between;
			height: 100%;
			position: relative;
		}

		.navbar__logo {
			order: 0;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			height: 100%;
			width: 200px;

			a {
				line-height: 100%;
			}

			img {
				width: 200px;
			}
		}

		.navbar__burger {
			order: 2;
		}

		.navbar__lang {
			order: 1;
			margin-left: auto;
			margin-right: 20px;
		}

		.navbar__navigation {
			background-color: #fff;
			width: 100vw;
			margin: 0;
			transform-origin: top;
			transform: rotateX(90deg);
			transition: transform 350ms ease-in-out;
			position: absolute;
			top: 52px;
			left: 0;

			&.active {
				transform: rotateX(0deg);
			}
		}

		.navbar__menu {
			.menu {
				flex-direction: column;
				width: 100%;
				padding: 12px 0 0;

				&#menu-job-header-button-de {
					padding: 0;
				}

				&-item {
					a {
						font-size: 18px;
						font-weight: 600;
						background-color: transparent;
						color: var(--e-global-color-text);
						padding: 28px 0;
					}
				}
			}
		}
	}
}

.hero {
	position: relative;
	&__image {
		position: relative;
		width: 100%;
		height: 380px;

		img {
			object-fit: cover;
			object-position: center;
			width: 100%;
			height: 100%;
		}
	}

	&--fvw {
		&:after {
			content: '';
			background: linear-gradient(90deg, rgba(255,238,230,1) 0%, rgba(251,95,95,1) 100%);
			//background: linear-gradient(90deg, rgba(251,95,95,1) 0%, rgba(210,0,40,1) 100%);
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .7;
		}
	}

	&--energate {
		&:after {
			content: '';
			background: linear-gradient(90deg, rgba(204,41,36,1) 0%, rgba(146,26,37,1) 100%);
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .7;
		}
	}

	&--zech {
		&:after {
			content: '';
			background: linear-gradient(90deg, rgba(198,209,217,1) 0%, rgba(0,52,99,1) 100%);
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .7;
		}
	}

	&--hojo {
		&:after {
			content: '';
			background: linear-gradient(90deg, rgba(129,93,183,1) 0%, rgba(77,43,128,1) 100%);
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .7;
		}
	}

	@media screen and (max-width: 800px) {
		.hero__image {
			height: 200px;
		}
	}
}

.footer--job {
	.footer {
		&__pre-footer {
			background-color: var(--e-global-color-accent);
			padding: 25px 15px 25px;

			.pre-footer {
				&__drawer {
					display: flex;
					align-items: center;
					justify-content: center;
					gap: 12px;
					max-width: 820px;
					margin: 0 auto;
				}

				&__logo {
					max-width: 200px;
					margin: 0;

					img {
						width: 100%;
					}
				}

				&__headline {
					font-size: 18px;
					font-weight: 500;
					text-align: center;
					color: #ffffff;
				}
			}
		}

		&__social {
			background-color: var(--e-global-color-accent);

			.footer__social-drawer {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				padding: 15px;
			}

			.footer__social-headline {
				color: #ffffff;
				font-size: 18px;
				font-weight: 500;
			}

			.footer__social-links {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 10px;
			}

			.footer__social-link {
				display: block;
				transition: transform 350ms ease-in-out;

				img {
					width: 28px;
				}

				&:hover {
					transform: scale(1.1);
				}
			}
		}

		&__main {
			background-color: var(--e-global-color-primary);
			padding: 20px 15px;
		}

		&__main-drawer {
			text-align: center;
			max-width: 1140px;
			margin: 0 auto;
		}

		&__menu {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 24px;

			span {
				color: #fff;
				//width: 25%;
			}

			.menu {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 24px;
				list-style-type: none;
				//width: 75%;
				padding: 0;
				margin: 0;

				&-item {
					//width: 33%;
					a {
						color: #fff;
					}
				}
			}
		}

		&__copyright {
			color: #ffffff;

			a {
				color: #ffffff;

				&:hover {
					color: #ffffff;
				}
			}
		}
	}

	@media screen and (max-width: 800px) {
		.pre-footer__drawer {
			flex-direction: column;
			gap: 20px;
		}

		.footer__social-drawer {
			flex-direction: column;
			gap: 20px;
		}

		.footer__menu {
			flex-direction: column;
			margin-bottom: 20px;

			span {
				width: 100%;
			}

			.menu {
				flex-direction: column;
				width: 100%;

				&-item {
					width: 100%;
					text-align: center;
				}
			}
		}
	}
}

// NEW STYLING FOR FVW JOBS
.job__information {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 4px 16px;
	margin: 12px 0 20px;
	.job__info {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 4px;
		width: fit-content;
		svg {
			flex: 1 0 auto;
			display: block;
			height: 16px;
			width: 14px;
			transform: translateY(2px);
			path {
				fill: var(--e-global-color-text);
			}
		}
		span {
			display: block;
		}
	}
}