.stat_counter-layout .stat-counter {
	display: flex; align-items: start; justify-content: space-between;
}
.stat_counter-layout .stat-counter .number-wrapper {

	font-size: 5rem; font-weight: bold;
}


body .flex-layout.stat_counter-layout{
	padding-inline: 0 ;
	padding-block: max(2rem, 5vw); background-color: var(--pk-text-color);
}

.stat_counter-layout .stat-counter .number-wrapper .ondertitel{
	text-transform: uppercase;
}

.stat_counter-layout .pk-row-content{
	justify-content: flex-end; align-items: flex-end;
}

/* Afbeelding col */
.stat_counter-layout .afbeelding-col{
	aspect-ratio: 1/1;
	padding: max(5.652rem, calc(5.625 * var(--su)));
	position: relative; overflow: hidden;
	display: flex; align-items: flex-end; border-radius: 10px;
}
.stat_counter-layout .afbeelding-col .pk-heading{
	z-index: 2; position: relative;
	border-radius: 5px;
}
.stat_counter-layout .afbeelding-col::after{
	content: '';
	position: absolute; inset: 0;
	background-color: rgba(0, 0, 0, .2);
	z-index: 1;
}
.stat_counter-layout .afbeelding-col img{
	height: 100%; width: 100%; z-index: 0;
	position: absolute; inset: 0; object-fit: cover; object-position: center;
}
.stat_counter-layout .afbeelding-col {
	/* padding: max(5.652rem, calc(5.625 * var(--su))); */
}


/* Counter grid */
.stat_counter-layout .counter-grid{
	padding-right: var(--pk-site-gutter);
	display: grid; gap: 1rem; justify-content: flex-end;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	/* grid-template-rows: repeat(2, 1fr); */
	/* padding-top: max(6.25rem, calc(6.25 * var(--su))); */
}
.stat_counter-layout .counter-grid .stat-wrapper{
	background-color: var(--pull-grey);
	aspect-ratio: 1/1;  border-radius: 10px;
	display: flex; flex-direction: column;  justify-content: space-between;
	padding: max(1.5rem, calc(1.5 * var(--su))) max(2.75rem, calc(2.75 * var(--su))) max(1.5rem, calc(1.5 * var(--su))) max(2rem, calc(2 * var(--su)));
}
.stat_counter-layout .counter-grid .number-wrapper{
	font-size: max(4rem, calc(4 * var(--su)));
	font-weight: 600;
}
.stat_counter-layout .counter-grid .ondertitel{
	margin: 0; font-size: max(1.4rem, calc(1.4 * var(--su))); font-weight: 500; display: block;
	padding-top: 1.3rem; border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.stat_counter-layout .counter-grid .stat-wrapper .counter-top svg{
	width: max(3ren, calc(3 * var(--su))); height: max(3rem, calc(3 * var(--su)));
	aspect-ratio: 1/1;
}

@media screen and (max-width: 767px) {
	.stat_counter-layout .stat-counter {
		flex-direction: column; align-items: center;
		text-align: center;
	}
}