/* Blok: kenmerken */
.kenmerken {
	display: grid;
	gap: var(--ruimte-6) var(--ruimte-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 700px) {
	.kenmerken.kaarten--2,
	.kenmerken.kaarten--3,
	.kenmerken.kaarten--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.kenmerken.kaarten--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.kenmerken.kaarten--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.kenmerk__icoon {
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: var(--ruimte-4);
	object-fit: contain;
}

.kenmerk__titel {
	font-size: var(--fs-h4);
	margin-bottom: var(--ruimte-2);
}

.kenmerk__tekst {
	color: var(--c-inkt-zacht);
}

.blok--donker .kenmerk__tekst,
.blok--accent .kenmerk__tekst {
	color: inherit;
	opacity: 0.8;
}