.stappen .stappen_lijst{
    list-style: none;
    padding: 0;
    row-gap: var(--bs-gutter-x);
}

.stappen .stappen_item{
    hyphens: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--bs-gutter-x) / 2);
}

.stappen .stappen_nummer{
    display: flex;
    align-items: center;
    justify-content: center;
    /* Figma: fixed 48px number circles, independent of the column width. */
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--bruin50);
}

.stappen .stappen_nummer,
.stappen .stappen_titel{
    font-weight: 400;
    line-height: 1;
}

#content .stappen .stappen_item > .stappen_titel + p{
    /* The item gap replaces the general spacing after H3 headings. */
    margin-top: 0;
}