.content-simpel-layout {
	background-color: var(--color-teal-light);
	padding-inline: var(--pk-site-gutter);
}

.content-simpel-layout--bg-white {
	background-color: var(--color-white);
}

.content-simpel-layout--bg-surface {
	background-color: var(--color-surface-tint);
}

.content-simpel-layout--bg-teal_light {
	background-color: var(--color-teal-light);
}

.content-simpel-layout--bg-teal {
	background-color: var(--color-teal);
}

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

.content-simpel-layout .pk-grid-container {
	align-items: center;
}

.content-simpel__panel {
	background-color: var(--color-white);
	border-radius: max(1rem, calc(1.5 * var(--su)));
	box-sizing: border-box;
	grid-column-start: 2;
	margin-inline: auto;
	max-width: clamp(36rem, calc(56.25 * var(--su)), 56.25rem);
	padding: clamp(3rem, calc(4.5 * var(--su)), 4.5rem) clamp(2.5rem, calc(5 * var(--su)), 5rem);
	width: 100%;
}

.content-simpel-layout--narrow .content-simpel__panel {
	max-width: clamp(32rem, calc(45 * var(--su)), 45rem);
}

.content-simpel-layout--wide .content-simpel__panel {
	grid-column: 1 / -1;
	max-width: none;
}

.content-simpel__heading {
	color: var(--pk-heading-color);
	font-weight: var(--pk-text-font-weight);
	letter-spacing: 0;
	line-height: var(--pk-heading-line-height);
	margin: 0 auto;
	max-width: 12em;
	text-align: center;
}

.content-simpel__heading:is(h1) {
	font-size: var(--scaling-h1);
	max-width: 14em;
}

.content-simpel__heading:is(h2) {
	font-size: var(--scaling-h2);
}

.content-simpel__heading:is(h3) {
	font-size: var(--scaling-h3);
}

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

.content-simpel__heading:is(h5) {
	font-size: var(--scaling-h5);
}

.content-simpel__heading:is(h6) {
	font-size: var(--scaling-h6);
}

.content-simpel__text {
	color: var(--pk-text-color);
	font-size: var(--desktop-body-md);
	line-height: var(--pk-text-line-height);
	margin-top: clamp(2rem, calc(2.5 * var(--su)), 2.5rem);
}

.content-simpel__text > *:first-child {
	margin-top: 0;
}

.content-simpel__text > *:last-child {
	margin-bottom: 0;
}

.content-simpel__text p,
.content-simpel__text ul,
.content-simpel__text ol {
	margin-block: 0 max(1.125rem, calc(1.25 * var(--su)));
}

.content-simpel__text ul,
.content-simpel__text ol {
	padding-inline-start: max(1.25rem, calc(1.5 * var(--su)));
}

@media screen and (max-width: 992px) {
	.content-simpel__panel {
		grid-column-start: auto;
		max-width: none;
	}
}

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

	.content-simpel__panel {
		padding: max(2rem, calc(2 * var(--su)));
	}

	.content-simpel__heading {
		max-width: 12em;
	}

	.content-simpel__text {
		font-size: var(--desktop-body-sm);
		margin-top: max(1.5rem, calc(1.5 * var(--su)));
	}
}