.ro-relationSingle__section.--title {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--marginSmall, 1rem);
    padding: var(--marginSmallMedium, 1.5rem);
    background-color: var(--primaryColor100, #f9f9f9);
    border-radius: var(--pbui-radius);
}

.ro-relationSingle__section,
.ro-relationSingle__fieldWrapper {
    margin-block-end: var(--marginSmallMedium, 1.5rem);
}

.ro-relationSingle__fieldLabel {
    margin-bottom: 0;
    font-weight: 600;
    overflow-wrap: break-word;
    hyphens: auto;
}

.ro-contact {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--marginSmallMedium, 1.5rem);
    row-gap: var(--marginExtraSmall, 0.5rem);
}

.ro-relationSingle .ro-contact__icon {
    margin-top: .2em;
    margin-right: .5em;
}

.ro-relationSingle__address {
    margin-bottom: var(--marginSmall, 1rem);
    font-style: normal;
}

.ro-relationSingle__address div {
    white-space: pre-line;
}

/**
 * Image
 */

.ro-relationSingle__imageWrapper {
    order: -1;
    margin-inline: auto;
}

.ro-relationSingle__figure {
    flex: 0 1 180px;
    margin: 0;
}

.ro-relationSingle__img {
    padding: 2%;
    background: var(--baseLight100, #fff);
    object-fit: contain;
}

.ro-relationSingle__img:not(.ro-relationSingle__img--oval) {
    border-radius: var(--pbui-radius);
}

.ro-relations--cover .ro-relationSingle__img {
    object-fit: cover;
}

.ro-relationSingle__img--oval {
    border-radius: 50%;
}

.ro-relationSingle__img--portrait {
    aspect-ratio: 3/4 ;
}

.ro-relationSingle__img--landscape {
    aspect-ratio: 4/3;
}

@media (max-width: 499px) {
    .ro-relationSingle__itemTitle,
    .ro-relationSingle__itemSubtitle {
        text-align: center;
    }

    .ro-relationSingle__itemTitle {
        margin-bottom: var(--marginSmallMedium, 1.5rem);
        padding-bottom: var(--marginSmallMedium, 1.5rem);
        border-bottom: 1px solid var(--baseLight300, #eeee);
    }

    .ro-relationSingle__titleWrapper:has(.ro-relationSingle__itemSubtitle) {
        & .ro-relationSingle__itemTitle {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        & .ro-relationSingle__itemSubtitle {
            margin-bottom: var(--marginSmallMedium, 1.5rem);
            padding-bottom: var(--marginSmallMedium, 1.5rem);
            border-bottom: 1px solid var(--baseLight300, #eeee);
        }
    }
}

@media (min-width: 500px) {
    .ro-relationSingle__section.--fields {
        padding-inline: var(--marginSmallMedium, 1.5rem);
    }

    .ro-relationSingle__section.--title:has(.ro-relationSingle__img) {
        grid-template-columns: min(180px, 33%) 1fr;
        column-gap: clamp(1.2rem, 5vw, 2rem);
    }

    .ro-relationSingle__itemTitle,
    .ro-relationSingle__itemSubtitle {
        text-align: left;
    }

    .ro-relationSingle__imageWrapper {
        margin-inline: 0;
    }

    .ro-relationSingle__fieldWrapper:has(.ro-relationSingle__fieldLabel) {
        display: grid;
        grid-template-columns: min(180px, 33%) 1fr;
        column-gap: clamp(1.2rem, 5vw, 2rem);
    }

    .ro-relationSingle__overviewLink {
        display: inline-block;
        margin-top: var(--marginMedium, 2rem);
    }
}