.relationList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.relationList__item {
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    font-size: .9em;
    background: #fff;
    box-shadow: 0 0 1rem rgba(78, 78, 78, 0.10)
}

.relationList__header {
    display: none;
    padding: 1em;
}

.relationList__header span {
    font-size: 1.5em;
    font-weight: 600;
}

.relationList__content {
    min-height: 80px;
}

.relation__name {
    margin: 0 0 .4rem 0;
    font-size: 1.2em;
}
.relation__image {
    display: none;
}

.relation__title {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
}

@media (min-width: 400px){

    .relation__image {
        position: absolute;
        overflow: hidden;
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        width: 3%;
    }

    .relation__image--hasImage {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 20%;
    }

    .relation__image img {
        position: absolute;
        left: 0;
        width: auto !important;
        height: 100% !important;
        max-width: none !important;
        margin-left: -16px;
        border-radius: 0;
    }

    .relation__information {
        margin-left: 5%;
    }

    .relation__image--hasImage .relation__information {
        margin-left: 22%;
    }
}

@media (min-width: 800px) {

    .relation__image img {
        margin-left: -40px;
    }
}

@media (min-width: 960px) {

    .relation__image img {
        margin-left: -16px;
    }
}

.relation__name {
    font-weight: 600;
}

.relationSpecializations__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.relationSpecializations__item {
    display: inline-block;
    margin: 0 .5em .7em 0;
    padding: .3em .5em;
    background: #e8e9ee;
}

.relation__detailPageUrl {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.relation__detailPageUrl:hover::after {
    margin-right: 0.5em;
    opacity: 1;
}

@media (min-width: 800px) {

    .relation__detailPageUrl::after {
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -1.5rem;
        margin-right: 1em;
        display: inline-block;
        transform: translateY(50%);
        opacity: 0;
        text-shadow: none;
        font-size: .9em;
        font-family: 'fjell';
        content: '\27f6';
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }

}