.flex-layout.content_shape {
    margin-block: 0;
    position: relative;
}

.flex-layout.content_shape .content-col {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: max(1rem, calc(2 * var(--su)));
    padding-block: max(5rem, calc(12.5 * var(--su)));
    z-index: 1;
    color: var(--knalpaars);
}

.flex-layout.content_shape .content-col .pk-heading {
    margin: 0;
}

.flex-layout.content_shape .content-col .pk-button {
    margin-inline: auto;
}

.flex-layout.content_shape .shape {
    width: calc(100vw - calc(2 * var(--pk-site-gutter)));
    position: absolute;
    z-index: 0;
    inset: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    aspect-ratio: 1390/556;
    background-color: var(--grijs);
    mask: url("data:image/svg+xml,%3Csvg width='1390' height='556' viewBox='0 0 1390 556' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1010.12 493.835L480.161 555.963L0.48346 544.93L32.5198 103.284L951.278 0.263056L1260.16 17.9068L1389.63 436.035L1311.93 526.415L1010.12 493.835Z' fill='%23F2F0ED'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='1390' height='556' viewBox='0 0 1390 556' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1010.12 493.835L480.161 555.963L0.48346 544.93L32.5198 103.284L951.278 0.263056L1260.16 17.9068L1389.63 436.035L1311.93 526.415L1010.12 493.835Z' fill='%23F2F0ED'/%3E%3C/svg%3E%0A") no-repeat center / contain;
}

@media screen and (max-width: 767px) {

    .flex-layout.content_shape .shape {
        transform: unset;
        inset: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: unset;
        background-color: var(--grijs);
        mask: unset;
        -webkit-mask: unset;
    }

}