.relation-list {
    margin: 0 0 1.5rem 0;
    padding: 0;
    list-style: none;
}

.relation-list > li {
    position: relative;
    width: 100%;
    min-height: calc(80px + 1em);
    margin: 0 0 .5rem 0;
    padding: .5em;
    font-size: .9em;
    text-decoration: none;
    vertical-align: middle;
    background: var(--neutralsWhite);
    box-shadow: 0 0 10px 0 rgba(28, 33, 81, 0.05);
}

.relationList--boardmembers li {
    padding: 1rem 1.5rem;
}

.relation-list#tns1 > .tns-item {
    width: 100%;
}

.relation-list#tns1.tns-horizontal.tns-subpixel > .tns-item {
    display: block;
}

.relationItem__image {
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 1em;
    background: #eee url('../../../img/profile-placeholder.png') no-repeat center;
    background-size: 80px;
}

.relationItem__content {
    margin: 0 3rem 0 .25rem;
}

.relationList--boardmembers .relationItem__content {
    margin: 0;
}

.relationItem__name {
    margin: 0 0 .4rem 0;
    padding-top: 1.4em;
    font-size: 1em;
    font-weight: 600;
}

.relationList--board .relationItem__name,
.relationList--employees .relationItem__name,
.relationList--boardmembers .relationItem__name {
    padding: 0;
    font-size: 1.5em;
}

.relationItem__function {
    font-size: 1.2em;
    font-weight: 600;
    color: var(--primaryBrandLight);
}

.relationItem__link,
.relationItem__email {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.relationItem__email:after {
    position: absolute;
    top: 1.7rem;
    right: 1.5rem;
    font-size: 1.9em;
    font-family: 'gsv';
    content: '\1f4e7';
}

.relationItem__link:after {
    position: absolute;
    top: 1.7rem;
    right: 1.5rem;
    font-size: 1.9em;
    font-family: 'gsv';
    content: '\1f50d';
}

@media (min-width: 768px) {
    .relation-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 0 -2.5rem;
    }

    .relation-list > li {
        display: inline-block;
        flex-basis: calc(50% - 2.5rem);
        max-width: calc(50% - 2.5rem);
        margin: 0 0 2.2rem 2.5rem;
    }
}

@media (min-width: 900px) {
    .relation-list > li {
        flex-basis: calc(33.33% - 2.5rem);
        max-width: calc(33.33% - 2.5rem);
    }

    .relationList--boardmembers > li {
        flex-basis: calc(25% - 2.5rem);
        max-width: calc(25% - 2.5rem);
    }
}

/**
 * Relation list for logos
 */

ul.relation-list--logos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
	margin-left: 0;
}

ul.relation-list--logos li {
	max-width: none !important;
    margin: 0;
}

ul.relation-list--logos .logo {
    text-align: center;
}