.flex-layout.text-layout {
    position: relative;
    isolation: isolate;
}

.flex-layout.text-layout::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--bruin);
    mask: url("data:image/svg+xml,%3Csvg width='1510' height='752' viewBox='0 0 1510 752' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_709_3181)'%3E%3Cpath d='M1156.26 652.071L128.217 752.788L-673.393 737.779L-618.039 166.81L1059.99 -0.399027L1576.13 25.9003L1790.81 558.939L1660.5 701.98L1156.26 652.071Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_709_3181'%3E%3Crect width='1510' height='752' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center / cover;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='1510' height='752' viewBox='0 0 1510 752' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_709_3181)'%3E%3Cpath d='M1156.26 652.071L128.217 752.788L-673.393 737.779L-618.039 166.81L1059.99 -0.399027L1576.13 25.9003L1790.81 558.939L1660.5 701.98L1156.26 652.071Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_709_3181'%3E%3Crect width='1510' height='752' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center / cover;
}

.flex-layout.text-layout .content-col {
    padding-block: max(6rem, calc(15 * var(--su)));
    color: var(--botergeel);
}


.flex-layout.text-layout .textwrapper{
    font-size: max(1.5rem, calc(2 * var(--su)));
    font-weight: bold;
    text-align: center;
}

.flex-layout.text-layout .subtitle{
    margin-top: max(1rem, calc(1.5 * var(--su)));
    text-align: center;
}