#Article--31989 .Article__content {
    display: block;
}

#Article--31989 .pbuic-pager-container {
    flex-basis: 100%;
}

@media (min-width: 768px) {
    #Article--31989 .Article__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #Article--31989 .Form {
        width: 33%;
    }

    #Article--31989 .relationList {
        width: 66%;
    }
}

.has-js #Article--31989 .Form .checkboxGroup__hasShowMoreButton {
    max-height: 185px;
    overflow: hidden;
}

#Article--31989 .Form ul.checkboxGroup__hasShowMoreButton.checkboxGroup--expand {
    max-height: unset;
    overflow: visible;
}

#Article--31989 .checkboxGroup__showMore {
    cursor: pointer;
    color: red;
}

/**
 * relationList
 */

.relationList__head,
.relationList__itemLink {
    display: block;
    font-size: 0.85em;
}

.relationList__head .relationList__relation,
.relationList__itemLink .relationList__relation {
    padding: 2px 8px;
}

.relationList__itemLink {
    width: 100%;
}

.relationList__head {
    text-align: left;
    color: #fff;
    background-color: #105540;
}

.relationList__relation--name {
    font-weight: 700;
}

.relationList__itemLink:nth-child(odd) {
    background-color: #f2f2f2;
}

.relationList__itemLink {
    text-decoration: none;
}

.relationList__itemLink:hover {
    text-decoration: none;
    background-color: #fdb92f;
}

@media (min-width: 768px) {
    .relationList__head,
    .relationList__itemLink {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .relationList__relation--name {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        font-weight: 400;
    }

    .relationList__relation--company {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .relationList__relation--town {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}