.content_met_iconen .iconen_rij,
.content_met_iconen .iconen_items > .row{
    /* Figma: 30px breathing room on each side of a separator. */
    --bs-gutter-x: 6rem;
    row-gap: var(--jumbotron-margin-sm);
}

.content_met_iconen .iconen_titel_achtergrond{
    display: grid;
    align-items: center;
}

.content_met_iconen .iconen_titel_achtergrond::before{
    content: "";
    grid-area: 1 / 1;
    /* Figma: 152.48 x 227.45 ornament beside a 40px title; scales with H2. */
    width: calc(var(--h2-font-size) * 3.812);
    aspect-ratio: 216 / 322;
    background: url("../../../images/call-to-action-bg.svg") left center / contain no-repeat;
    pointer-events: none;
}

.content_met_iconen .iconen_titel_achtergrond > :is(h2, h3, h4, h5, h6){
    grid-area: 1 / 1;
    position: relative;
    /* Figma's title starts 27px inside the ornament at a 40px font size. */
    padding-inline-start: 0.675em;
}

#content .content_met_iconen .iconen_content > .iconen_titel_achtergrond + *{
    margin-top: var(--default-margin-bottom);
}

.content_met_iconen .iconen_item{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3rem; /* Figma's 30px vertical spacing is independent of the mobile gutter. */
    padding-block: var(--default-margin-bottom);
}

.content_met_iconen .iconen_item::before{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    border-inline-start: 0.1rem solid var(--stone);
}

.content_met_iconen .iconen_items:not(.iconen_na_intro) .iconen_item:first-child::before{
    content: none;
}

.content_met_iconen .iconen_icoon{
    /* Shared 42px icon height and 56px slot from Figma; contain preserves SVG proportions. */
    width: 5.6rem;
    height: 4.2rem;
}

.content_met_iconen .iconen_icoon img,
.content_met_iconen .iconen_icoon picture{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

#content .content_met_iconen .iconen_item h3{
    line-height: 1.15;
    letter-spacing: 0.05em;
}

.content_met_iconen .iconen_compact .iconen_icoon{
    margin-bottom: var(--default-margin-bottom);
}

.content_met_iconen .iconen_compact .iconen_item{
    gap: var(--default-margin-bottom);
}

@media (max-width:767px){
    .content_met_iconen .iconen_rij,
    .content_met_iconen .iconen_items > .row{
        --bs-gutter-x: 2rem;
    }

    .content_met_iconen .iconen_item::before{
        content: none;
    }

    .content_met_iconen .iconen_item{
        padding-block: 0;
    }
}

@media (min-width:768px) and (max-width:991px){
    .content_met_iconen .iconen_item:nth-child(odd)::before{
        content: none;
    }
}