/* ==========================================================
   Stappenflow – "Hoe verloopt een installatie?"
   Geef de kolom met de stappenkaarten de CSS-klasse: bartels-stappen
   ========================================================== */
.bartels-stappen { counter-reset: stap; }
.et_pb_column.bartels-stappen .et_pb_row.et_pb_row_nested { padding-top: 0 !important; position: relative; }
.bartels-stappen .et_pb_blurb { counter-increment: stap; }

/* Vinkje vervangen door stapnummer */
.bartels-stappen .et_pb_blurb .et-pb-icon {
	font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
	width: 38px !important; height: 38px !important;
	display: flex !important; align-items: center; justify-content: center;
	background: #cf161d !important; border-radius: 50% !important;
}
.bartels-stappen .et_pb_blurb .et-pb-icon::before {
	content: counter(stap);
	font-family: "Liebling heavy", sans-serif; font-size: 17px; line-height: 1; color: #fff;
}

/* Pijltje tussen linker- en rechterkaart (alleen desktop) */
@media (min-width: 981px) {
	.bartels-stappen .et_pb_row_nested::after {
		content: ""; position: absolute; top: 50%; left: 50%;
		width: 11px; height: 11px;
		border-top: 3px solid #cf161d; border-right: 3px solid #cf161d;
		transform: translate(-75%, -50%) rotate(45deg); z-index: 2;
	}
}