/*--------------------------------------
# Imports
----------------------------------------*/
@import url("https://cdn.dawesys.de/css/font-poppins.css");


/*--------------------------------------
# Schrift und Farbe
----------------------------------------*/
p, h1, h2, h3, h4, h5, span, div, a {
  	font-family: "Poppins", sans-serif !important;
}

strong {
    font-family: "Poppins" !important;
    font-weight: 700;
}

.herocontainer {
	width: 100%;
	overflow: hidden;
    aspect-ratio:16/5;
}

@media screen and (max-width: 768px) {
	.herocontainer {
		aspect-ratio:8/5; /* Mehr Höhe für mobil */
	}
}
@media screen and (max-width: 384px) {
	.herocontainer {
		aspect-ratio:1/1; /* noch mehr */
	}
}

.herocontainer div {
	background: color-mix(in srgb, #374582 85%, transparent);
	color: #E4E4E3;
	text-align: left;
}

.herocontainer > .position-relative {  /* das dws Template macht hier leider was kaputt... */
    height: 100% !important;
}

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

/* dawesys Sitepackage Anpassungen */
.dws-seitenstruktur-navlink {
	margin: auto 1.5rem;
	font-size: 1.2rem !important;
}

/* dawesys Animation */
.dws-animate {
	opacity: 0;
	transition: opacity 1s ease, transform 1s ease;
}

.delay { transition-delay: 0.5s; }
.delay-1 { transition-delay: 0.4s; }
.delay-2 { transition-delay: 0.8s; }
.delay-3 { transition-delay: 1.2s; }
.delay-4 { transition-delay: 1.4s; }

/* nur einblenden */
.dws-animate.fade.visible {
	opacity: 1;
}

/* von unten nach oben */
.dws-animate.slide-up {
	transform: translateY(200px);
}

.dws-animate.slide-up.visible {
	opacity: 1;
	transform: translateY(0);
}

/* vergrößern */
.dws-animate.scale-in {
	opacity: 0;
	transform: scale(1.6);
}

.dws-animate.scale-in.visible {
	opacity: 1;
	transform: scale(1);
}