/* Cards (prototype: Dienst "Waarom" + "Waarom EBA", B2B "Diensten", Over ons "Kernwaarden", Vacatures "Waarom") */
.eba-kt__kop { margin-bottom: 44px; max-width: 680px; }
.eba-kt--donker .eba-kt__kop { max-width: 640px; }
.eba-kt--donker-lijst .eba-kt__kop { max-width: 640px; margin-bottom: 40px; }
.eba-kt__intro { font-size: 1.125rem; color: var(--eba-gedempt); text-wrap: pretty; }
.eba-bg-donker .eba-kt__intro { color: var(--eba-op-donker-zacht); }
.eba-kt__titel { margin: 0; font: 700 1.125rem var(--eba-font-kop); }
.eba-kt__tekst { margin: 0; }

/* licht */
.eba-kt--licht .eba-kt__raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.25rem), 1fr)); gap: 20px; }
.eba-kt--licht .eba-kt__item {
	background: #fff; border: 1px solid var(--eba-rand); border-radius: 6px; padding: 26px 26px 28px;
	display: grid; gap: 8px; align-content: start;
}
.eba-kt--licht .eba-kt__tekst { font-size: 1rem; color: var(--eba-gedempt); }

/* foto */
.eba-kt--foto .eba-kt__raster {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 17.5rem), calc((100% - 48px) / 3)), 1fr)); gap: 24px;
}
.eba-kt--foto .eba-kt__item {
	display: grid; grid-template-rows: auto 1fr; background: #fff; border: 1px solid var(--eba-rand); border-radius: 6px; overflow: hidden;
}
.eba-kt__foto { aspect-ratio: 4 / 3; }
.eba-kt__lijf { padding: 22px 24px 26px; display: grid; gap: 10px; align-content: start; }
.eba-kt--foto .eba-kt__nr { font: 700 0.875rem var(--eba-font-kop); color: var(--eba-link); }
.eba-kt--foto .eba-kt__titel { font-size: 1.1875rem; line-height: 1.3; }
.eba-kt--foto .eba-kt__tekst { font-size: 1rem; color: var(--eba-gedempt); }

/* donker, donker-genummerd */
.eba-kt--donker .eba-kt__raster, .eba-kt--donker-genummerd .eba-kt__raster {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.25rem), 1fr)); gap: 32px 40px;
}
.eba-kt--donker .eba-kt__item, .eba-kt--donker-genummerd .eba-kt__item {
	display: grid; gap: 12px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .15); align-content: start;
}
.eba-kt--donker .eba-kt__titel { font-size: 1.25rem; }
.eba-kt--donker .eba-kt__tekst { font-size: 1rem; color: var(--eba-op-donker-zacht); }
.eba-kt--donker-genummerd .eba-kt__nr {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
	border: 1.5px solid var(--eba-primair); border-radius: 50%; font: 700 0.9375rem var(--eba-font-kop); color: var(--eba-lichtblauw);
}
.eba-kt--donker-genummerd .eba-kt__tekst { font-size: 0.9375rem; color: var(--eba-op-donker-zacht); line-height: 1.5; }

/* donker-lijst */
.eba-kt--donker-lijst .eba-kt__raster {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 16.25rem), calc((100% - 80px) / 3)), 1fr)); gap: 32px 40px;
}
.eba-kt--donker-lijst .eba-kt__item {
	display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .15);
}
.eba-kt--donker-lijst .eba-kt__nr { grid-row: span 2; font: 700 0.875rem var(--eba-font-kop); color: var(--eba-lichtblauw); padding-top: 3px; }
.eba-kt--donker-lijst .eba-kt__tekst { grid-column: 2; font-size: 0.9375rem; color: var(--eba-op-donker-zacht); }