/*
 * 2026-07-23 v1.1
 * - Added responsive masked illustrations to the three workflow sections
 */

.req-werkwijze section > article > .sblock-wrapper > .bureau-ro-werkwijze-image {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
}

@media (min-width:1200px){ 
article {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
	column-gap: 60px!important;
}

/* Eerste element */
article > *:first-child {
    width: 100%;
	min-width: 70vw;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Elementen 2 t/m 4 */
article > *:nth-child(2),
article > *:nth-child(3),
article > *:nth-child(4) {
	margin-top: 0px!important;
	margin-bottom: auto!important;
	min-width: 24vw;
    flex: 0 0 30%;
}

article > *:nth-child(3) { 
	padding-top: 210px;
}
article > *:nth-child(4)  {
	padding-top: 360px;
}
/* Vanaf 5 weer volledige breedte + centreren */
article > *:nth-child(n+5) {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}
}