.relationListGroupsAndRegions .Article__title {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

.RelationList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
    grid-gap: 3rem;
}

.relationListGroupsAndRegions .RelationList {
    grid-template-columns: repeat(auto-fill, minmax(min(47%, 100%), 1fr));
    grid-gap: 2rem;
}

.Relation {
    position: relative;
    margin-bottom: 1.5rem;
    transition: all ease-in .5s;
}

.relationListGroupsAndRegions .Relation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 7rem;
    margin: 0;
}

.Relation * {
    margin-bottom: .5rem;
}

.Relation:hover {
    -webkit-filter: url(#knviBlue);
    filter: url(#knviBlue);
    transition: all ease-in .5s;
}

.Relation__image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    background: no-repeat 50% #eee;
    background-size: cover;
}

.relationListBoardMembers .Relation__image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.relationListGroupsAndRegions .Relation__image {
    position: absolute;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0;
    padding-bottom: 0;
}

.relationListGroupsAndRegions .Relation__contentWrapper {
    height: fit-content;
    padding-left: 7.35rem;
    margin: auto 0;
}

.Relation__name {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
}

.relationListGroupsAndRegions .Relation__name {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: var(--primary);
}

.Relation__role {
    color: #6f6f6f;
}

.relationListGroupsAndRegions .Relation__role {
    color: var(--primary);
}

.Relation__linkedIn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.relationListGroupsAndRegions .Relation__linkedIn {
    bottom: -10px;
    left: -5px;
    margin: 0;
}

.Relation__linkedIn .icon-linkedin:before {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 2.5rem;
    color: var(--primary);
    background-color: var(--white);
}

.relationListGroupsAndRegions .Relation__linkedIn .icon-linkedin:before {
    font-size: 2rem;
}

.Relation__link {
    color: #6f6f6f;
}

@media (min-width: 992px) {
    .relationListBoardMembers .RelationList {
        padding: 0 6rem;
    }

    .relationListGroupsAndRegions .RelationList {
        grid-template-columns: repeat(auto-fill, minmax(min(25%, 100%), 1fr));
        grid-gap: 3rem;
    }
}