.flex-layout.icoon_lijst .pk-grid-container {
	align-items: center;
}

.flex-layout.icoon_lijst .kop {
	position: relative;
	display: flex;
	align-items: center;
}

.flex-layout.icoon_lijst .balk {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: max(3rem, calc(5 * var(--su)));
	height: max(14rem, calc(21 * var(--su)));
	background: linear-gradient(180deg, var(--brand-gradient-start) 0%, var(--brand-gradient-end) 100%);
	transform: skewX(-17deg);
}

.flex-layout.icoon_lijst .pk-heading {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--heading-alt-color);
	font-size: max(2rem, calc(3 * var(--su)));
	line-height: 1.15;
}

.flex-layout.icoon_lijst .items {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}

.flex-layout.icoon_lijst .item {
	display: flex;
	align-items: flex-start;
	gap: max(1rem, calc(1.75 * var(--su)));
	padding-block: max(1.25rem, calc(1.75 * var(--su)));
	border-style: solid;
	border-width: 3px 0 0;
	border-image: linear-gradient(90deg, var(--brand-gradient-start) 0%, var(--brand-gradient-end) 100%) 1;
}

.flex-layout.icoon_lijst .item:last-child {
	border-bottom-width: 3px;
}

.flex-layout.icoon_lijst .icoon {
	flex-shrink: 0;
	width: max(3rem, calc(4.5 * var(--su)));
}

.flex-layout.icoon_lijst .icoon img {
	display: block;
	width: 100%;
	height: auto;
}

.flex-layout.icoon_lijst .item-titel {
	margin: 0 0 0.25em;
	color: var(--heading-alt-color);
	font-size: max(1.25rem, calc(1.375 * var(--su)));
	line-height: 1.2;
}

.flex-layout.icoon_lijst .item-tekst {
	margin: 0;
}

@media screen and (max-width: 991px) {
	.flex-layout.icoon_lijst .pk-grid-container {
		row-gap: max(1.5rem, calc(2 * var(--su)));
	}

	.flex-layout.icoon_lijst .kop {
		justify-content: flex-start;
		padding-block: max(1.5rem, calc(2 * var(--su)));
	}

	.flex-layout.icoon_lijst .balk {
		top: 0;
		left: max(2rem, calc(3 * var(--su)));
		translate: none;
		width: max(2.5rem, calc(3.5 * var(--su)));
		height: 100%;
	}

	.flex-layout.icoon_lijst .pk-heading {
		font-size: max(1.75rem, calc(2.25 * var(--su)));
	}
}

@media screen and (max-width: 767px) {
	.flex-layout.icoon_lijst .item {
		gap: max(0.75rem, calc(1 * var(--su)));
	}

	.flex-layout.icoon_lijst .icoon {
		width: max(2.25rem, calc(3 * var(--su)));
	}
}