.contentblok_punten-layout{
	position: relative;
	margin-top: max(-3rem, calc(-5 * var(--su)));
	color: var(--bies-peach-light);
	padding-block: max(3rem, calc(4.875 * var(--su))) 0;
	padding-inline: 0;
	background: var(--primary-color);
	border-radius: max(1rem, calc(1.5 * var(--su)));
	z-index: 0
}

.contentblok_punten-layout .pk-row-content{
	padding-block: max(1.5rem, calc(2 * var(--su))) 0;
}

.contentblok_punten-layout .pk-heading_wrap{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-inline: max(1rem, calc(8.25 * var(--su))) max(1rem, calc(5.625 * var(--su)));
	margin-bottom: max(1rem, calc(1.125 * var(--su)));
}

.contentblok_punten-layout .content{
	font-size: var(--dekstop-body-lg);
	font-weight: 400;
	padding-inline: max(1rem, calc(8.25 * var(--su))) 0;
	padding-block: 0 max(3rem, calc(5 * var(--su)));
}

.contentblok_punten-layout .content h3{
	font-family: var(--pk-text-font-family);
	font-size: var(--scaling-h4);
	font-weight: 600;
}

.contentblok_punten-layout .pk-button-group .pk-button{
	color: var(--primary-color);
	background: var(--bies-peach-light);
}

.contentblok_punten-layout .pk-button-group .pk-button path{
	fill: var(--primary-color);
}

.contentblok_punten-layout .pk-punten {
	display: flex; flex-direction: column;
	gap: max(1.5rem, calc(1.5 * var(--su)));
	padding-left: 0px;
}

.contentblok_punten-layout .pk-image_wrap .pk-illu_wrap{
	max-width: fit-content;
	position: absolute;
	top: max(5rem, calc(5 * var(--su)));
}

.contentblok_punten-layout .pk-image{
	position: absolute;
	right: 0;
	bottom: 0;
}

.contentblok_punten-layout .pk-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 993px) {
	
	.contentblok_punten-layout {
		padding-bottom: 0;
	}
	.contentblok_punten-layout .pk-image_wrap .pk-illu_wrap{
		display: none;
	}

	.contentblok_punten-layout .pk-image{
		max-width: max(36.25rem, calc(36.25 * var(--su)));
	}
}


@media screen and (max-width: 767px) {

	.contentblok_punten-layout .pk-heading_wrap,
	.contentblok_punten-layout .content {
		padding-inline: max(1rem, calc(8.25 * var(--su)));
	}

	.contentblok_punten-layout .pk-image{
		position: static;
		bottom: 0;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	.contentblok_punten-layout .pk-image{
		max-width: max(45rem, calc(45 * var(--su)));
	}
}

@media screen and (min-width: 1960px) {
.contentblok_punten-layout{
	margin-top: max(-6rem, calc(-6.5 * var(--su)));
}

}