.flex-layout.hero_secondary_small {
	--layout-spacing-top: max(1rem, calc(1.5 * var(--su)));
	--layout-spacing-bottom: 0;
	--text-color: var(--white-100);
	--overlay-height: max(5rem, calc(5 * var(--su)));
	position: relative;
	background: radial-gradient(119.16% 178% at 96.2% 162.32%, var(--support-1) 0%, var(--primary-100) 96.33%), var(--primary-100);
}

.flex-layout.hero_secondary_small:has(.nova-cursor) {
	overflow: visible;
}

/* Expliciet i.p.v. leunen op de toevallige globale default — zelfde 2
   varianten als de globale overlay-regel in style.css. */
.flex-layout.hero_secondary_small[data-overlay-layout] + .flex-layout,
.flex-content:has(> .flex-layout.hero_secondary_small[data-overlay-layout]:last-child) + .flex-content > .flex-layout:first-child {
	--overlay-height: max(5rem, calc(5 * var(--su)));
}

.flex-layout.hero_secondary_small .hero-grid {
	position: relative;
	z-index: 2;
	align-items: center;
	pointer-events: none;
}

.flex-layout.hero_secondary_small .breadcrumbs-col {
	pointer-events: auto;
}

.flex-layout.hero_secondary_small .content-col {
	color: var(--text-color);
	pointer-events: auto;
	height: 100%;
	padding-bottom: max(4rem, calc(4 * var(--su)));
}

.flex-layout.hero_secondary_small .cursor-anchor {
	width: 0;
	height: 0;
	margin-block: max(1rem, calc(4 * var(--su)));
}

.flex-layout.hero_secondary_small .content-col .pk-heading,
.flex-layout.hero_secondary_small .content-col .pk-text {
	color: inherit;
}

.flex-layout.hero_secondary_small .image-col {
	display: flex;
	align-items: end;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.flex-layout.hero_secondary_small .hero-image {
	overflow: hidden;
	aspect-ratio: 563 / 418;
	margin-bottom: calc(-1 * var(--overlay-height));
}

.flex-layout.hero_secondary_small .hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

@media screen and (max-width: 991px) {

	.flex-layout.hero_secondary_small .content-col {
		padding: unset;
	}

	.flex-layout.hero_secondary_small .cursor-anchor, .flex-layout.hero_secondary_small .nova-cursor {
		display: none !important;
	}
}