@font-face {
	font-family: "MyriadPro-Light";
	src: url("assets/fonts/MyriadPro-Light.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MyriadPro-Light-Italic";
	src: url("assets/fonts/MyriadPro-LightIt.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MyriadPro-Bold";
	src: url("assets/fonts/MyriadPro-BoldIt.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MyriadPro-Bold-Italic";
	src: url("assets/fonts/MyriadPro-BoldIt.otf");
	font-weight: normal;
	font-style: normal;
}

:root {
	--bs-font-sans-serif: "MyriadPro-Light", sans-serif;
	--dp-blau: #0063a5;
	--dp-grau: #cfd0d5;
	--bs-body-color: #2e3f45;
	--dp-fs-nav: 1.875rem;
	--dp-lh-nav: 2.25rem;
	--dp-fs-laufschrift: 1.375rem;
	--dp-lh-laufschrift: normal;
	--dp-fs-h2: 2.5rem;
	--dp-lh-h2: 1;
}

@media (max-width: 767.98px) {
	:root {
		--dp-fs-nav: 1.6rem;
		--dp-fs-h2: 1.6rem;
		--dp-fs-laufschrift: 1.25rem;
	}
}

body {
	font-family: var(--bs-font-sans-serif);
	font-size: var(--dp-fs-laufschrift);
	line-height: var(--dp-lh-laufschrift);
	color: #616a74;
	font-weight: 300;
}

.container-fluid {
	max-width: 2000px;
}

section {
	scroll-margin: 100px;
}

@media (max-width: 767.98px) {
	section {
		scroll-margin: 75px;
	}
}

.intro {
	background-image: url(assets/img/Start.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	opacity: 0;
}

.videoWrapper iframe,
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.playpause {
	font-size: 5rem;
	color: #fff;
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 1000;
}

@media (max-width: 767.98px) {
	.playpause {
		font-size: 2rem;
	}
}

.pause {
	display: none;
}

h1,
h2,
.h2 {
	font-size: var(--dp-fs-h2);
	font-family: "MyriadPro-Light-Italic";
	line-height: var(--dp-lh-h2);
	font-weight: 300;
}

h1 a u {
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

.fw-bold {
	font-family: "MyriadPro-Bold";
}

.fst-italic {
	font-family: "MyriadPro-Light-Italic";
	font-style: normal !important;
}

.fst-italic-bold {
	font-family: "MyriadPro-Bold-Italic";
}

hr {
	color: #616a74;
	opacity: 1;
}

.text-blau {
	color: var(--dp-blau);
}

.text-grau {
	color: #616474;
}

.bg-blau {
	background-color: var(--dp-blau);
}

.bg-grau {
	background-color: var(--dp-grau);
}

.collapse.container {
	display: none;
}

.collapse.container.show {
	display: flex;
}

.left-radius-box {
	border-top-left-radius: 100px;
	padding: 100px 50px;
	border: 5px solid #ee9900;
	margin-bottom: -50px;
	position: relative;
}

.diago-radius-box {
	border-top-left-radius: 7.5rem;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 7.5rem;
	border-bottom-left-radius: 0rem;
	border-bottom: 24px solid #0053a5;
	background: #fff;
	box-shadow: 0px 0px 80px 0px #e7e8ea;
	padding: 100px;
	padding-bottom: 50px;
	background-color: #fff;
	z-index: 0;
}

@media (max-width: 767.98px) {
	.diago-radius-box {
		padding: 1.5rem;
		border-top-left-radius: 0rem;
	}
}

.introbox {
	border-radius: 0rem 0.5rem;
	background: #0063a5;
	padding: 2.5rem 5rem;
}

.diago-radius-box-dark {
	background-color: #616a74;
	border-top-left-radius: 2.5rem;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 2.5rem;
	border-bottom-left-radius: 0rem;
	position: absolute;
}

.rounded-left-top-corner {
	border-top-left-radius: 100px;
}

.mt-m-50 {
	margin-top: -50px;
}

@media (max-width: 767.98px) {
	.diago-radius-box-dark {
		position: relative;
		border-top-left-radius: 0rem;
		border-bottom-right-radius: 0rem;
	}

	.mt-m-50 {
		margin-top: 0px;
	}
}

nav address {
	font-size: var(--dp-fs-nav);
}

.navbar {
	--bs-nav-link-font-size: var(--dp-fs-nav);
	--bs-navbar-color: #cfd0d5;
	--bs-navbar-padding-y: 0;
	--bs-navbar-toggler-focus-width: 0;
	--bs-navbar-nav-link-padding-x: 1rem;
	font-family: "MyriadPro-Bold";
}

.nav-link {
	border-top: 3px solid #fff;
	font-weight: bold;
}

.nav-item.kontakt {
	width: 260px;
}

.nav-link:hover,
.nav-link:focus {
	color: var(--dp-blau);
}

.nav-link span {
	font-family: "MyriadPro-Light";
	font-style: italic;
}

.navbar-nav .nav-link.active {
	border-top: 3px solid #0063a5;
	color: #0063a5;
}

.navbar-toggler {
	border: none;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_352_206)'%3E%3Cline x1='4' y1='10.5' x2='27' y2='10.5' stroke='black'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_352_206)'%3E%3Cline x1='4' y1='21.5' x2='27' y2='21.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_352_206' x='3' y='9' width='25' height='3' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.94902 0 0 0 0 0.956863 0 0 0 0 0.952941 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_352_206'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_352_206' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_352_206' x='3' y='20' width='25' height='3' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.94902 0 0 0 0 0.956863 0 0 0 0 0.952941 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_352_206'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_352_206' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	width: 32px;
	height: 32px;
}

@media (max-width: 767.98px) {
	.navbar-nav {
		--bs-nav-link-padding-y: 0;
	}

	.nav-link span {
		font-size: var(--dp-fs-nav);
	}

	.nav-link.active {
		border-top: 3px solid #fff;
	}
}

.navbar-expand-md {
	flex-direction: column;
}

.card {
	--bs-card-spacer-x: 0rem;
	border: 0;
}

.card .card-body,
.card .card-body h5 {
	font-size: var(--dp-fs-laufschrift);
	line-height: var(--dp-lh-laufschrift);
	font-style: normal;
}

@media (max-width: 767.98px) {

	.card .card-body h5,
	.card .card-body {
		font-size: 1rem;
		line-height: 1.1;
	}
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-zindex: 1019;
	--bs-offcanvas-width: 100%;
}

.offcanvas.offcanvas-support {
	background-color: #ee9900;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
	border-radius: 0px 0px 0px 40px;
	bottom: unset;
	height: auto;
	width: auto;
	top: 25%;
	z-index: 1000000;
}

@media (max-width: 767.98px) {
	.offcanvas.offcanvas-support {
		top: 5%;
	}
}

.leistung[data-effect="myEffect"] {
	color: #616474;
	transition: color 3s;
}

.leistung[data-effect="myEffect"].is-visible {
	color: #0053a5;
}

.leistung[data-effect="myEffect"]::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #616a74;
	transition: width 3s;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	.leistung[data-effect="myEffect"]::after {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.leistung[data-effect="myEffect"].is-visible::after {
	width: 100%;
}

.article-container {
	width: 100%;
	height: 66vh;
	overflow: hidden;
	position: relative;
}

.article-img-holder {
	width: 100%;
	height: 100%;
	background: url(assets/img/Mountains.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 1s;
}

@media (max-width: 767.98px) {

	body,
	section {
		overflow-x: hidden;
	}
}

.jobs-img-holder {
	box-shadow: inset 0 0 0 1000px rgba(13, 47, 59, 0.3);
	background: url(assets/img/mountains-1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.jobs h3 {
	font-family: "MyriadPro-Bold";
	color: #000;
	font-style: normal;
}

.jobs.text-white h3 {
	color: #fff;
}

.jobscards .card {
	color: #fff;
	background-color: transparent;
	margin-bottom: 3rem;
}