.content_blokken-layout {
	background-color: var(--color-white);
	padding-inline: var(--pk-site-gutter);
}

.content_blokken-layout .pk-row {
	padding-block: clamp(4rem, calc(6.25 * var(--su)), 6.25rem);
}

.content_blokken-layout .pk-grid-container {
	align-items: start;
}

.content-blokken__header {
	text-align: center;
}

.content-blokken__heading {
	color: var(--pk-heading-color);
	font-size: var(--scaling-h2);
	font-weight: var(--pk-text-font-weight);
	letter-spacing: 0;
	line-height: var(--pk-heading-line-height);
	margin: 0;
}

.content-blokken__items {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, calc(2 * var(--su)), 2rem);
	/* grid-column-start: 2; */
	margin-top: clamp(2.5rem, calc(3 * var(--su)), 3rem);
}

.content-blokken__item {
	align-items: start;
	display: grid;
	gap: var(--pk-column-gap);
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.content-blokken__main {
	grid-column: span 5;
	min-width: 0;
}

.content-blokken__item-title {
	font-size: var(--scaling-h3);
	letter-spacing: 0;
	line-height: var(--pk-heading-line-height);
	margin: 0;
}

.content-blokken__item-title--accent {
	color: var(--color-accent);
}

.content-blokken__item-title--teal {
	color: var(--color-teal);
}

.content-blokken__item-title--ink {
	color: var(--pk-heading-color);
}

.content-blokken__text {
	font-size: var(--desktop-body-md);
	line-height: var(--pk-text-line-height);
	margin-top: max(1.5rem, calc(1.5 * var(--su)));
}

.content-blokken__text p,
.content-blokken__footer-text p {
	margin: 0;
}

.content-blokken__card {
	border-radius: max(1.5rem, calc(1.5625 * var(--su)));
	grid-column: span 5;
	min-width: 0;
	padding: clamp(1.5rem, calc(3 * var(--su)), 2rem) clamp(1.5rem, calc(3 * var(--su)), 2.25rem)
}

.content-blokken__card--pink {
	background-color: color-mix(in srgb, var(--color-accent) 24%, var(--color-white));
}

.content-blokken__card--teal {
	background-color: var(--color-teal-light);
}

.content-blokken__card--grey {
	background-color: color-mix(in srgb, var(--color-ink) 18%, var(--color-white));
}

body .content-blokken__card-title {
	font-size: var(--desktop-body-md);
	margin: 0;
}

body .content-blokken__bullets {
	display: flex;
	flex-direction: column;
	gap: max(0.35rem, calc(0.35 * var(--su)));
	list-style: none;
	margin: max(0.35rem, calc(0.35 * var(--su))) 0 0;
	padding: 0;
}

.content-blokken__bullets li {
	line-height: var(--pk-text-line-height);
	padding-left: max(1.25rem, calc(1.25 * var(--su)));
	position: relative;
}

.content-blokken__bullets li::before {
	background-color: var(--color-accent);
	border-radius: 50%;
	content: "";
	height: max(0.55rem, calc(0.55 * var(--su)));
	left: 0;
	position: absolute;
	top: 0.45em;
	width: max(0.55rem, calc(0.55 * var(--su)));
}

.content-blokken__footer-text {
	grid-column-start: 2;
	line-height: var(--pk-text-line-height);
	margin-top: clamp(3rem, calc(4 * var(--su)), 4rem);
}

.content-blokken__button-wrap {
	display: flex;
	justify-content: center;
	margin-top: clamp(2rem, calc(2.5 * var(--su)), 2.5rem);
}

.content_blokken-layout .content-blokken__actions {
	justify-content: center;
}

.content_blokken-layout .content-blokken__actions .pk-button:nth-child(2) {
	padding-inline-start: var(--pk-button-padding-inline-end);
	padding-inline-end: var(--pk-button-padding-inline-start);
}

.content_blokken-layout .content-blokken__actions .pk-button:nth-child(2)::before {
	order: 2;
	transform: scaleX(-1);
}

.content_blokken-layout .content-blokken__actions .pk-button:nth-child(2) .pk-button-text {
	order: 1;
}

/* .content_blokken-layout--compact .pk-row {
	padding-block: clamp(3.5rem, calc(5 * var(--su)), 5rem);
}

.content_blokken-layout--compact .content-blokken__heading {
	font-size: var(--scaling-h3);
}

.content_blokken-layout--compact .content-blokken__items {
	gap: max(1.5rem, calc(1.5 * var(--su)));
	margin-top: max(2rem, calc(2 * var(--su)));
}

.content_blokken-layout--compact .content-blokken__item {
	align-items: center;
} */

@media screen and (max-width: 992px) {
	.content-blokken__items,
	.content-blokken__footer-text {
		grid-column: 1 / -1;
	}

	.content-blokken__item {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.content-blokken__main,
	.content-blokken__card {
		grid-column: span 4;
	}
}

@media screen and (max-width: 767px) {
	.content_blokken-layout .pk-row {
		padding-block: max(3rem, calc(3 * var(--su)));
	}

	.content-blokken__heading {
		font-size: var(--scaling-h4);
	}

	.content-blokken__items {
		gap: max(2rem, calc(2 * var(--su)));
		margin-top: max(2rem, calc(2 * var(--su)));
	}

	.content-blokken__item {
		gap: max(1.25rem, calc(1.25 * var(--su)));
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.content-blokken__main,
	.content-blokken__card {
		grid-column: 1 / -1;
	}

	.content-blokken__item-title {
		font-size: var(--scaling-h4);
	}

	.content-blokken__footer-text {
		margin-top: max(2rem, calc(2 * var(--su)));
	}

	.content_blokken-layout .content-blokken__actions {
		align-items: center;
		flex-direction: column;
	}
}