body {
	--e5-header-height: 145px;
}

@media screen and (max-width: 549px) {
	body {
		--e5-header-height: 115px;
	}
}

.e5-hero-section {
	--e5-hero-section-overlap: 145px;
	min-height: calc(100vh - var(--e5-header-height) + var(--e5-hero-section-overlap)) !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

@media screen and (max-width: 549px) {
	.e5-hero-section {
		--e5-hero-section-overlap: 70px;
	}
}

.e5-hero-section .section-content {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	padding-bottom: 0;
}

.e5-hero-section .section-content > div:not(:first-child) {
	transform: translateY(calc(0px - var(--e5-hero-section-overlap)));
}

.e5-hero-stack {
	flex-wrap: wrap;
	gap: 2em;
	margin: 0 1em;
	padding-bottom: 20px;
}

.e5-hero-slider {
	--e5-icon-box-single-height: 257px;
	flex-basis: calc(100vh - (var(--e5-icon-box-single-height) - var(--e5-hero-section-overlap)) - var(--e5-header-height) - 20px);
	flex-grow: 1;
	flex-shrink: 0;
}

@media screen and (max-width: 400px) {
	.e5-hero-slider {
		--e5-icon-box-single-height: 237px;
	}
}

.e5-hero-slider::after,
.e5-hero-slider .slider::after {
	display: block;
	content: '';
	height: 190px;
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	bottom: 0px;
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 50% 100%);
}

.e5-hero-slider .slider::after {
	background-color: var(--primary-color);
	background: linear-gradient(0deg, #ffffff 0%, #ffffff calc(0% + 1px), var(--primary-color) calc(0% + 1px), var(--primary-color) 100%);
	height: 200px;
	--e5-hero-slider-border: 10px;
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 50% calc(100% - var(--e5-hero-slider-border)));
}

@media screen and (max-width: 960px) {
	.e5-hero-slider::after,
	.e5-hero-slider .slider::after {
		height: 40px;
	}

	.e5-hero-slider .slider::after {
		height: 45px;
		--e5-hero-slider-border: 5px;
	}
}

.e5-hero-slider .slider,
.e5-hero-slider .flickity-viewport {
	height: 100%;
}

.e5-slide-content-wrapper {
	height: 100%;
	overflow: hidden;
}

.e5-slide-content-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.e5-slide-content-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.75);
}

.e5-slide-content-background::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 30px;
	height: 100%;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 916 1169" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><path d="M151.21,0L157.425,345.916L644.049,0.004L915.536,0L121.565,569.72C108.517,579.082 92.855,584.12 76.795,584.12C34.667,584.12 0,549.454 0,507.326L0,0.004L151.21,0ZM151.21,1168.24L0,1168.24L0,660.916C0,618.788 34.667,584.122 76.795,584.122C92.855,584.122 108.517,589.16 121.565,598.522L915.536,1168.24L642.048,1168.24L157.425,822.326L151.21,1168.24Z" style="fill:white;"/></svg>');
	background-repeat: no-repeat;
	opacity: 0.3;
	background-size: cover;
	min-width: max(20px, 50%);
	background-position: center left;
	aspect-ratio: 916/1169;
}

@media screen and (max-width: 849px) {
	.e5-slide-content-background::after {
		left: -30px;
	}
}

.e5-slide-content-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* fix for strange screen of customer */
@media screen and (min-width: 550px) and (max-width: 650px) {
	.e5-hero-slider {
		flex-basis: calc(100vh - var(--e5-header-height) - 20px);
	}
}

@media screen and (max-height: 800px) and (min-width: 650px) {
	.e5-hero-slider {
		flex-basis: 100vh;
	}
}

@media screen and (max-width: 932px) and (orientation: landscape) {
	.e5-hero-section .section-content > div:not(:first-child) {
		transform: translateY(-30px);
	}
}

/* ALL SUBSITES */
.e5-hut-site .e5-slide-content-background::after,
.e5-shb-site .e5-slide-content-background::after,
.e5-at-site .e5-slide-content-background::after,
.e5-vlw-site .e5-slide-content-background::after {
	display: none;
}