.flex-layout.hero_video {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.flex-layout.hero_video .hero-video-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.flex-layout.hero_video::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.25);
}

.flex-layout.hero_video .pk-grid-container {
	position: relative;
	z-index: 10;
	width: 100%;
	padding-bottom: max(3rem, calc(3 * var(--su)));
}

.flex-layout.hero_video .subtitel p {
	margin: 0;
	font-size: max(1.875rem, calc(1.875 * var(--su)));
	color: var(--pk-color-knal-rood);
	margin-bottom: max(-2.5rem, calc(-2.5 * var(--su)));
}

.flex-layout.hero_video .titel h1 {
	margin: 0;
	color: var(--pk-color-white);
}

.flex-layout.hero_video .tekst {
	align-self: end;
	color: var(--pk-color-white);
	margin-top: max(2rem, calc(2 * var(--su)));
	font-size: var(--dekstop-body-lg);
	line-height: normal;
	letter-spacing: 0.02em;
}

.flex-layout.hero_video .tekst a {
	color: var(--pk-color-white);
	font-size: var(--pk-button-font-size);
	line-height: normal;
	letter-spacing: normal;
}

@media screen and (max-width: 992px) {
	.flex-layout.hero_video .tekst {
		margin-top: max(1.5rem, calc(1.5 * var(--su)));
	}
}