.flex_layout.kernwaarden .content_wrapper{
    grid-column: 1 / 7;
}

.flex_layout.kernwaarden .kernwaarden_wrapper{
    grid-column: 8 / 13;

    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flex_layout.kernwaarden .kernwaarde{
    padding: 1.25rem 1.5rem;
    border-radius: 4rem;
    width: fit-content;
    display: flex; flex-direction: row;
    gap: 1rem; align-items: center;
    line-height: 1;
    font-weight: var(--body-semibold);
    border: 1px solid;
}

.flex_layout.kernwaarden .kernwaarde::before{
    content: '';
    width: 1.5rem; height: 1.5rem;
    background-color: currentColor;

    mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13.0002C7 13.0002 8.5 15.0002 11 15.0002C13.5 15.0002 15 13.0002 15 13.0002M8 8.00024H8.01M14 8.00024H14.01M21 11.0002C21 16.5231 16.5228 21.0002 11 21.0002C5.47715 21.0002 1 16.5231 1 11.0002C1 5.4774 5.47715 1.00024 11 1.00024C16.5228 1.00024 21 5.4774 21 11.0002Z' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13.0002C7 13.0002 8.5 15.0002 11 15.0002C13.5 15.0002 15 13.0002 15 13.0002M8 8.00024H8.01M14 8.00024H14.01M21 11.0002C21 16.5231 16.5228 21.0002 11 21.0002C5.47715 21.0002 1 16.5231 1 11.0002C1 5.4774 5.47715 1.00024 11 1.00024C16.5228 1.00024 21 5.4774 21 11.0002Z' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.flex_layout.kernwaarden .kernwaarde:nth-child(1){
    background-color: var(--mahogany);
    border-color: var(--mahogany);
    color: var(--ivory);
}

.flex_layout.kernwaarden .kernwaarde:nth-child(2){
    background-color: var(--sandstone);
    border-color: var(--sandstone);
    color: var(--mahogany);
    margin-left: 2.5rem;
}

.flex_layout.kernwaarden .kernwaarde:nth-child(3){
    margin-left: 5rem;
}


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

    .flex_layout.kernwaarden .content_wrapper{
        grid-column: 1 / -1;
    }

    .flex_layout.kernwaarden .kernwaarden_wrapper{
        grid-column: 1 / -1;
    }

}

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

    .flex_layout.kernwaarden .kernwaarden_wrapper .kernwaarde{
        margin-left: 0;
    }

}