/* Blok: stappen */
.stappen {
	display: grid;
	gap: var(--ruimte-5);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: stap;
}

@media (min-width: 900px) {
	.stappen {
		grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	}
}

.stap {
	padding: var(--ruimte-6);
	border: 1px solid var(--c-lijn);
	border-radius: var(--radius-l);
}

.blok--donker .stap {
	border-color: rgba(255, 255, 255, 0.15);
}

.stap__nummer {
	display: block;
	margin-bottom: var(--ruimte-5);
	color: var(--c-accent);
	font-family: var(--font-kop);
	font-size: var(--fs-h3);
	font-weight: var(--fw-kop);
}

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