/* Photo hero (prototype: Dienst, B2B, Over ons, Vacatures "Hero") */
.eba-hf2 { position: relative; min-height: 520px; display: flex; align-items: center; background: var(--eba-donker); overflow: hidden; }
.eba-hf2--laag { min-height: 460px; }
.eba-hf2__verloop {
	position: absolute; inset: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--eba-donker) 92%, transparent) 0%, color-mix(in srgb, var(--eba-donker) 74%, transparent) 40%, color-mix(in srgb, var(--eba-donker) 18%, transparent) 75%, color-mix(in srgb, var(--eba-donker) 0%, transparent) 100%);
}
.eba-hf2--laag .eba-hf2__verloop { background: linear-gradient(90deg, color-mix(in srgb, var(--eba-donker) 92%, transparent) 0%, color-mix(in srgb, var(--eba-donker) 74%, transparent) 45%, color-mix(in srgb, var(--eba-donker) 20%, transparent) 100%); }
.eba-hf2__binnen {
	position: relative; max-width: var(--eba-max); width: 100%; margin: 0 auto; padding: clamp(3.5rem, 8vw, 6rem) var(--eba-goot);
	box-sizing: border-box;
}
.eba-hf2__binnen > .eba-kruimels { position: absolute; top: 18px; left: var(--eba-goot); right: var(--eba-goot); }
.eba-hf2__tekst { max-width: 620px; display: grid; gap: 22px; color: #fff; }
.eba-hf2--laag .eba-hf2__tekst { gap: 20px; }
.eba-hf2__kickerrij { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.eba-hf2__badge {
	font: 600 0.6875rem var(--eba-font-tekst); letter-spacing: .08em; text-transform: uppercase; color: #fff;
	background: var(--eba-primair); padding: 3px 8px; border-radius: 3px;
}
.eba-hf2__titel {
	margin: 0; font-family: var(--eba-font-kop); font-weight: 700; font-size: var(--eba-h1-foto);
	line-height: 1.1; letter-spacing: -.01em; text-wrap: pretty;
}
.eba-hf2__intro { margin: 0; font-size: clamp(1.0625rem, 1.4vw, 1.25rem); color: var(--eba-op-donker); text-wrap: pretty; }
.eba-hf2--dienst .eba-hf2__intro { max-width: 540px; }
.eba-hf2--laag .eba-hf2__intro { font-size: clamp(1.0625rem, 1.4vw, 1.1875rem); }
.eba-hf2__intro2 { margin: 0; font-size: 1.0625rem; color: var(--eba-op-donker); text-wrap: pretty; }
.eba-hf2__knoppen { margin-top: 6px; }
.eba-hf2--laag .eba-hf2__knoppen { margin-top: 4px; }
.eba-hf2__usps { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 0.9375rem; color: var(--eba-op-donker); }
.eba-hf2__usps li { display: flex; gap: 10px; }
.eba-hf2__usps li > span:first-child { color: var(--eba-lichtblauw); font-weight: 700; }

/* Phones: a little more room between the breadcrumbs and the kicker. */
@media (max-width: 47.999em) {
	.eba-hf2__binnen:has(> .eba-kruimels) { padding-top: calc(clamp(3.5rem, 8vw, 6rem) + 0.75rem); }
}