.afbeelding_naast_uitklap-layout .image-col img {
    width: 100%;
    height: 100%;
    aspect-ratio: 54/53;
    object-fit: cover;
}

.afbeelding_naast_uitklap-layout .content-col .content-wrapper {
    padding: max(1rem, calc(3 * var(--su)));
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    width: 100%;
    margin-left: auto;
    height: 100%;
}
.afbeelding_naast_uitklap-layout .content-col .pk-heading {
    color: inherit;
}
.afbeelding_naast_uitklap-layout .content-col .pk-accordion {
    margin-top: max(1.5rem, calc(4 * var(--su)));
    margin-bottom: auto;
}
.afbeelding_naast_uitklap-layout .content-wrapper .buttons {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: max(2rem, calc(2 * var(--su)));
}

/* ── Background variants ── */
.afbeelding_naast_uitklap-layout[data-bg="off-black"] .content-wrapper {
    background: var(--off-black);
    color: var(--white);
}
.afbeelding_naast_uitklap-layout[data-bg="off-black"] .content-wrapper .buttons {
    --button-text-color-2: var(--white);
    --button-text-color-2-hover: var(--white);
    --button-border-color-2: var(--white);
}

.afbeelding_naast_uitklap-layout[data-bg="white"] .content-wrapper {
    background: var(--white);
    color: var(--off-black);
}
.afbeelding_naast_uitklap-layout[data-bg="white"] .content-wrapper .buttons {
    --button-text-color-2: var(--off-black);
    --button-text-color-2-hover: var(--off-black);
    --button-border-color-2: var(--off-black);
}

.afbeelding_naast_uitklap-layout[data-bg="pink"] .content-wrapper {
    background: var(--pink);
    color: var(--off-black);
}
.afbeelding_naast_uitklap-layout[data-bg="pink"] .content-col .pk-accordion .pk-accordion-item {
	border-color: rgba(18, 18, 18, 0.20);
}
.afbeelding_naast_uitklap-layout[data-bg="pink"] .content-wrapper .buttons {
    --button-text-color-2: var(--off-black);
    --button-text-color-2-hover: var(--off-black);
    --button-border-color-2: var(--off-black);
}

/* ── Image position ── */
@media screen and (min-width: 768px) {
    .afbeelding_naast_uitklap-layout[data-mode="image-right"] .image-col {
        order: 2;
    }
}

@media screen and (max-width: 767px) {
    .afbeelding_naast_uitklap-layout .image-col {
        order: 2;
    }
}