.neem_contact_op .neem_contact_op_layout{
    display: grid;
    grid-template-columns: fit-content(33.333%) minmax(0, 1fr);
    align-items: start;
    gap: var(--spacing_6);
}

.neem_contact_op .neem_contact_op_persoon{
    hyphens: auto;
}

.neem_contact_op .neem_contact_op_content:only-child{
    grid-column: 1 / -1;
}

.neem_contact_op .neem_contact_op_foto{
    /* Explicitly requested portrait size; independent of the column width. */
    width: var(--spacing_6);
    height: var(--spacing_6);
    /* Figma: name starts at 6.9rem below the top of the 6rem portrait. */
    margin-bottom: calc(var(--spacing_6) * 0.15);
}

.neem_contact_op .neem_contact_op_foto img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--bs-gutter-x) / 3);
}

.neem_contact_op .neem_contact_op_persoon > div + div + div{
    /* Figma: 2.1rem between baselines with the inherited 1.4 line-height. */
    margin-top: 0.1em;
}

.neem_contact_op .neem_contact_op_content{
    /* Feed navbar-static-top.css's more specific sibling-spacing rules. */
    --default-margin-bottom: calc(var(--bs-gutter-x) / 4);
}

.neem_contact_op .neem_contact_op_content > h4{
    line-height: 1;
}

#content .neem_contact_op .neem_contact_op_layout .neem_contact_op_content > * + :is(.button, .button-group, p:has(.button)){
    margin-top: calc(var(--bs-gutter-x) / 2);
}

@media (max-width:767px){
    .neem_contact_op .neem_contact_op_layout{
        gap: var(--bs-gutter-x);
    }
}