.flex-layout.projectscan-layout {
	--projectscan-image-radius: max(0.75rem, calc(0.937 * var(--su)));
	--projectscan-image-height: max(21.5rem, calc(30 * var(--su)));
	--projectscan-text-width: max(18rem, calc(26 * var(--su)));
	--projectscan-control-size: max(2.5rem, calc(2.75 * var(--su)));
	--projectscan-control-inset: max(1.25rem, calc(1.75 * var(--su)));
	--projectscan-bullet-size: max(0.75rem, calc(0.75 * var(--su)));
	--projectscan-bullet-radius: max(0.1875rem, calc(0.1875 * var(--su)));
	--projectscan-list-icon-size: max(0.5rem, calc(0.5 * var(--su)));
	--projectscan-list-icon-gap: max(0.75rem, calc(0.75 * var(--su)));
	padding-inline: 0;
	background-color: var(--gijs-blauw);
	border-radius: max(1rem, calc(1.25 * var(--su)));
}

.flex-layout.projectscan-layout .pk-row {
	padding-inline: var(--pk-site-gutter);
}

.flex-layout.projectscan-layout .projectscan-card {
	align-items: center;
	row-gap: max(2rem, calc(3 * var(--su)));
}

.flex-layout.projectscan-layout .projectscan-slider {
	position: relative;
	border-radius: var(--projectscan-image-radius);
	overflow: hidden;
}

.flex-layout.projectscan-layout .projectscan-slider .swiper-slide {
	height: var(--projectscan-image-height);
}

.flex-layout.projectscan-layout .projectscan-slider img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flex-layout.projectscan-layout .projectscan-pagination {
	position: absolute;
	z-index: 2;
	inset-block-start: var(--projectscan-control-inset);
	inset-inline-start: var(--projectscan-control-inset);
	display: flex;
	gap: max(0.25rem, calc(0.25 * var(--su)));
}

.flex-layout.projectscan-layout .projectscan-bullet {
	width: var(--projectscan-bullet-size);
	height: var(--projectscan-bullet-size);
	border: 1px solid var(--gijs-wit);
	border-radius: var(--projectscan-bullet-radius);
	background-color: transparent;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.flex-layout.projectscan-layout .projectscan-bullet--active {
	background-color: var(--gijs-wit);
}

.flex-layout.projectscan-layout .projectscan-nav {
	position: absolute;
	z-index: 2;
	inset-block-end: var(--projectscan-control-inset);
	inset-inline-start: var(--projectscan-control-inset);
	display: flex;
	gap: max(0.75rem, calc(0.8125 * var(--su)));
}

.flex-layout.projectscan-layout .projectscan-nav button {
	display: block;
	width: var(--projectscan-control-size);
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	cursor: pointer;
}

.flex-layout.projectscan-layout .projectscan-nav svg {
	display: block;
	width: 100%;
	height: auto;
}

.flex-layout.projectscan-layout .projectscan-nav .nav-bg {
	fill: var(--gijs-wit);
	fill-opacity: 0.25;
	transition: fill-opacity 0.3s ease-in-out;
}

.flex-layout.projectscan-layout .projectscan-nav .nav-arrow {
	fill: var(--gijs-wit);
}

.flex-layout.projectscan-layout .projectscan-nav button:hover .nav-bg,
.flex-layout.projectscan-layout .projectscan-nav button:focus-visible .nav-bg {
	fill-opacity: 0.45;
}

.flex-layout.projectscan-layout .projectscan-titel {
	padding-block-end: max(1rem, calc(1.5 * var(--su)));
	margin-block-end: max(1.25rem, calc(1.75 * var(--su)));
	/* max-width: var(--projectscan-text-width); */
	border-block-end: 1px solid var(--gijs-zwart);
}

.flex-layout.projectscan-layout .projectscan-titel > *:last-child {
	margin-bottom: 0;
}

.flex-layout.projectscan-layout .projectscan-tekst {
	max-width: var(--projectscan-text-width);
	margin-block-end: max(1.5rem, calc(2 * var(--su)));
}

.flex-layout.projectscan-layout .projectscan-tekst > *:last-child {
	margin-bottom: 0;
}

.flex-layout.projectscan-layout .projectscan-lijst {
	margin-block-start: max(2rem, calc(4 * var(--su)));
}

.flex-layout.projectscan-layout .lijst-label {
	margin-block-end: max(0.75rem, calc(1 * var(--su)));
}

.flex-layout.projectscan-layout .lijst-items {
	margin: 0;
	padding-inline-start: calc(var(--projectscan-list-icon-size) + var(--projectscan-list-icon-gap));
	list-style: none;
}

.flex-layout.projectscan-layout .lijst-items li {
	position: relative;
	font-size:  max(1.25rem, calc(1.875 * var(--su)));
	line-height: var(--pk-heading-line-height);
}

.flex-layout.projectscan-layout .lijst-items li + li {
	margin-block-start: max(0.5rem, calc(0.625 * var(--su)));
}

.flex-layout.projectscan-layout .lijst-items li::before {
	content: '';
	position: absolute;
	inset-inline-start: calc(-1 * (var(--projectscan-list-icon-size) + var(--projectscan-list-icon-gap)));
	inset-block-start: 0.5em;
	width: var(--projectscan-list-icon-size);
	height: var(--projectscan-list-icon-size);
	background-color: var(--gijs-zwart);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	.flex-layout.projectscan-layout .projectscan-content {
		order: 1;
	}

	.flex-layout.projectscan-layout .projectscan-slider {
		order: 2;
	}

	.flex-layout.projectscan-layout .projectscan-titel,
	.flex-layout.projectscan-layout .projectscan-tekst {
		max-width: none;
	}
}