.flex-layout.hero_fullscreen-layout {
	padding-inline: unset;
	margin-block: unset;
	background-color: var(--gijs-beige);
	padding: max(0.3125rem, calc(0.3125 * var(--su)));
}

.flex-layout.hero_fullscreen-layout .hero-inner {
	position: relative;
	min-height: 99vh;
	min-height: 99svh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	border-radius: max(1rem, calc(1.25 * var(--su)));
	color: var(--pk-text-color-invert);
	background-color: var(--gijs-groen);
}

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

.flex-layout.hero_fullscreen-layout .hero-inner::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		to top,
		color-mix(in srgb, var(--gijs-groen) 40%, transparent) 0%,
		transparent 55%
	);
}

.flex-layout.hero_fullscreen-layout .hero-container {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-inline: var(--pk-site-gutter);
	padding-block-end: max(1.5rem, calc(2.5 * var(--su)));
}

.flex-layout.hero_fullscreen-layout .hero-content {
	position: relative;
	z-index: 2;
}

.flex-layout.hero_fullscreen-layout .hero-content > *:last-child {
	margin-bottom: 0;
}

.flex-layout.hero_fullscreen-layout .hero-content h1,
.flex-layout.hero_fullscreen-layout .hero-content h2,
.flex-layout.hero_fullscreen-layout .hero-content h3 {
	color: var(--pk-heading-color-invert);
	margin-bottom:0;
}

.flex-layout.hero_fullscreen-layout .hero-content p {
	color: var(--pk-text-color-invert);
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp {
	position: relative;
	z-index: 2;
	align-self: end;
	justify-self: end;
	display: inline-flex;
	line-height: 0;
	border-radius: max(0.5rem, calc(0.5 * var(--su)));
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp svg {
	width: max(2.75rem, calc(2.75 * var(--su)));
	height: auto;
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp .wa-bg {
	fill: var(--gijs-geel);
	transition: fill 0.3s ease-in-out;
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp .wa-icon {
	fill: var(--gijs-groen);
	transition: fill 0.3s ease-in-out;
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp:hover .wa-bg,
.flex-layout.hero_fullscreen-layout .hero-whatsapp:focus-visible .wa-bg {
	fill: var(--gijs-groen);
}

.flex-layout.hero_fullscreen-layout .hero-whatsapp:hover .wa-icon,
.flex-layout.hero_fullscreen-layout .hero-whatsapp:focus-visible .wa-icon {
	fill: var(--gijs-geel);
}

@media screen and (max-width: 992px) {
	.flex-layout.hero_fullscreen-layout .hero-container {
		flex: 1;
		grid-template-rows: 1fr auto;
		padding-block: max(1.5rem, calc(2.5 * var(--su)));
	}

	.flex-layout.hero_fullscreen-layout .hero-content {
		align-self: center;
	}
}

@media screen and (max-width: 767px) {
	.flex-layout.hero_fullscreen-layout .hero-container {
		padding-inline: max(1rem, calc(1 * var(--su)));
		row-gap: max(1.5rem, calc(1.5 * var(--su)));
	}
}