.content_sidebar-layout.background-white {
    background-color: var(--ch-white, #ffffff);
}

.content_sidebar-layout.background-ivory {
    background-color: var(--ch-ivory, #e9e5db);
}

.content_sidebar-layout .pk-row {
    padding-block: max(4rem, calc(8 * var(--su)));
}

.content_sidebar-layout .pk-content-wrap .pk-heading {
    font-size: max(1.1rem, calc(1.1 * var(--su)));
    color: var(--ch-orange);
    margin-bottom: max(0.5rem, calc(0.8 * var(--su)));
}

.content_sidebar-layout .pk-content-wrap .pk-tekst :is(h2, h3, h4) {
    font-size: var(--desktop-body-xl);
    margin-bottom: max(0.5rem, calc(0.7 * var(--su)));
}

.content_sidebar-layout .sidebar-col {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1 * var(--su)));
}
.content_sidebar-layout .sidebar-col .sidebar {
    border-radius: max(1rem, calc(1 * var(--su)));
    background-color: var(--ch-orange);
    overflow: hidden;
}

.content_sidebar-layout .sidebar-image img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.content_sidebar-layout .sidebar-content_wrap {
    padding: max(1.5rem, calc(2 * var(--su)));
}

.content_sidebar-layout .sidebar-title {
    font-size: var(--scaling-h3);
    color: var(--ch-white);
    margin-bottom: max(0.7rem, calc(1 * var(--su)));
}

.content_sidebar-layout .pk-button-group {
    margin-top: max(1.5rem, calc(2 * var(--su)));
}

.content_sidebar-layout .pk-button-group .pk-button {
    color: var(--ch-black);
    background: var(--ch-white);
}

.content_sidebar-layout .pk-button-group .pk-button:hover {
    border: 1px solid var(--ch-orange);
    background: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 993px) {
    .content_sidebar-layout .content-col {
        padding-right: calc(var(--pk-grid-gutter) * 4);
    }

    .content_sidebar-layout .sidebar-left .sidebar-col {
        grid-column: 1 / span 4;
        order: -1;
    }

    .content_sidebar-layout .sidebar-left .content-col {
        grid-column: 6 / span 7;
    }
}

@media screen and (max-width: 991px) {
    .content_sidebar-layout .pk-row-content {
        gap: 2.5rem;
    }
}