.footer a, .footer p {
	color: #fff !important;
	text-decoration: none;
	font-size: calc(var(--ar-body-font-size) * 0.875) !important;
}

.footer a:hover {
	color: #e31e24 !important;
}

.div-y-center {
	display: flex;
	align-items: center; /* Vertikale Zentrierung */
	justify-content: center; /* Horizontale Zentrierung */
}

h1 span.dark{
	background: #011e28;
	color: #fff;
	padding: 0 20px;
	display:inline-block; /*optional */
	margin-bottom: 5px;
}

h1 span.blue{
	background: #0055a4;
	color: #fff;
	padding: 0 20px;
	display:inline-block; /*optional */
}

@media (max-width: 767px) {
	.display-block-sm {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.logo-sm {
		width: 220px;
	}
}

@media (min-width: 768px) {
	.logo-md {
		width: 300px;
	}
}

@media (max-width: 576px) {
	.first-section {
		min-height: 600px;
		margin-top: 56px;
	}
}

@media (min-width: 577px) {
	.first-section {
		min-height: 900px;
		margin-top: 56px;
	}
}

@media (min-width: 992px) {
	.first-section {
		min-height: 900px;
		margin-top: 109px;
	}
}

@media (max-width: 991px) {
	.first-section-standard {
		min-height: 600px;
		margin-top: 58px;
	}
}

@media (min-width: 992px) {
	.first-section-standard {
		min-height: 900px;
		margin-top: 109px;
	}
}

.header {
	position: relative;
	z-index: 1030;
}

.topbar {
	font-size: 0.875rem;
}

.topbar-link {
	display: inline-block;
	padding: 0.25rem 0;
	transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
	color: #92949e;
	font-weight: 400;
	text-decoration: none;
}
.topbar-link:hover {
	color: #242835;
	text-decoration: none;
}
.topbar-link.active {
	color: #242835;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: default;
}

.dropdown.show > .topbar-link {
	color: #242835;
}
.topbar-dark {
	color: rgba(255, 255, 255, 0.6);
}
.topbar-dark .topbar-link {
	color: rgba(255, 255, 255, 0.6);
}
.topbar-dark .topbar-link:hover {
	color: #fff;
}
.topbar-dark .topbar-link.active {
	color: #fff;
}
.topbar-dark .dropdown.show > .topbar-link {
	color: #fff;
}

@media (min-width: 768px) {
	.clippath-md {
		clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
	}
}

.clippath {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.clippathTeaserImage {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.clippathBox {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

@media (min-width: 768px) {
	.margin-left-minus-30 {
		margin-left: -30px;
	}
	.margin-right-minus-30 {
		margin-right: -30px;
	}
}

/* Startseite Video-Einbindung */
.startHero {
	height: 99vh;
	width: 100%;
}

.bg-overlay {
	top: 0;
	height: 100%;
	background-color: #000000;
	opacity: 0;
	z-index: 2;
}

.video-background-holder {
	position: relative;
	background: #fff;
	height: 100vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}

@media (min-width: 577px) {
	.video-background-holder {
		top: 118px;
	}
}

@media (max-width: 576px) {
	.video-background-holder {
		margin-top: 56px;
	}
}

@media (min-width: 577px) {
	.video-background-holder {
		top: 0;
	}
}

@media (min-width: 992px) {
	.video-background-holder {
		top: 0;
	}
}

.video-background-holder video, .video-background-holder iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: 56.25vw;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
	position: relative;
	z-index: 2;
}

@media (max-aspect-ratio: 16/9) {
	.video-contain {
		width: 0;
		height: 100vh;
		padding-right: 177.8vh;
	}
}

@media (min-aspect-ratio: 16/9) {
	.video-contain {
		width: 100vw;
		height: 0;
		padding-bottom: 56.25vw;
	}
}

.video-contain {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.startVideo {
	width:100%;
}

.hero-content, .ebene-content {
	position: relative;
	z-index: 5;
	top: -50%;
}

@media (min-width: 577px) {
	.caption-teaser {
		bottom: 30px !important;
		margin-left: 20px !important; 
		right: -20px !important;
	}
}

@media (max-width: 576px) {
	.caption-teaser {
		bottom:30px !important;
	}
}
/* Scroll-Down-Button */
.scroll-button {
	position: relative;
	z-index: 5;
	top: -45%;
}
.scroll-down-btn {
	display: inline-block;
	text-decoration: none;
}
.scroll-down-btn p {
	margin-top: 1.25rem;
	color: white;
	font-size: .875rem;
	font-weight: 500;
	letter-spacing: .375rem;
	text-indent: .375rem;
	animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
}
.mouse {
	background: #011e28 linear-gradient(transparent 0%, transparent 50%, white 50%, white 100%);
	position: relative;
	width: 38px;
	height: 65px;
	margin: 0 auto;
	border-radius: 6rem;
	background-size: 100% 200%;
	animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.mouse:before {
	width: 34px;
	height: 61px;
	background-color: rgb(1, 30, 40, 0.1);
	border-radius: 6rem;
}
.mouse:after {
	background-color: white;
	width: .375rem;
	height: .375rem;
	border-radius: 100%;
	animation: trackBallSlide 5s linear infinite;
}
@keyframes colorSlide {
	0% { background-position: 0% 100%; }
	20% { background-position: 0% 0%; }
	21% { background-color: #2c333e; }
	29.99% {
		background-color: white;
		background-position: 0% 0%;
	}
	30% {
		background-color: #2c333e;
		background-position: 0% 100%;
	}
	50% { background-position: 0% 0%; }
	51% { background-color: #2c333e; }
	59% {
		background-color: white;
		background-position: 0% 0%;
	}
	60% {
		background-color: #2c333e;
		background-position: 0% 100%;
	}
	80% { background-position: 0% 0%; }
	81% { background-color: #2c333e; }
	90%, 100% {
		background-color: white;
	}
}
@keyframes trackBallSlide {
	0% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
	6% {
		opacity: 1;
		transform: scale(0.9) translateY(5px);
	}
	14% {
		opacity: 0;
		transform: scale(0.4) translateY(40px);
	}
	15%, 19% {
		opacity: 0;
		transform: scale(0.4) translateY(-20px);
	}
	28%, 29.99% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
	30% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
	36% {
		opacity: 1;
		transform: scale(0.9) translateY(5px);
	}
	44% {
		opacity: 0;
		transform: scale(0.4) translateY(40px);
	}
	45%, 49% {
		opacity: 0;
		transform: scale(0.4) translateY(-20px);
	}
	58%, 59.99% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
	60% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
	66% {
		opacity: 1;
		transform: scale(0.9) translateY(5px);
	}
	74% {
		opacity: 0;
		transform: scale(0.4) translateY(40px);
	}
	75%, 79% {
		opacity: 0;
		transform: scale(0.4) translateY(-20px);
	}
	88%, 100% {
		opacity: 1;
		transform: scale(1) translateY(-20px);
	}
}
@keyframes nudgeMouse {
	0%, 30%, 60%, 90% { transform: translateY(0); }
	20%, 50%, 80% { transform: translateY(8px); }
}
@keyframes nudgeText {
	0%, 30%, 60%, 90% { transform: translateY(0); }
	20%, 50%, 80% { transform: translateY(2px); }
}
@keyframes colorText {
	21%, 51%, 81% { color: #2c333e; }
	30%, 60%, 90% { color: white; }
}

.serviceIcon {
	position: fixed;
	right: 10px;
	top: 130px;
	z-index: 1030;
}