/**
 * search form
 */

label[for='search'] {
    display: none;
}

#search {
    padding: .5em 3em .5em 1em;
    border-radius: 2em;
    background: url('search.svg') no-repeat center right 15px;
    background-size: 1.4rem;
}

@media (max-width: 600px) {
    #search {
        width: calc(100% - 2px);
    }
}

/**
 * relationList
 */

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

.relationList__relationTitle {
    display: block;
    font-weight: 600;
    line-height: 1.2;
    font-size: 0.8em;
}

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

.relationList__itemLink {
    width: 100%;
    padding: .8em .3em .6em .3em;
}

.relationList__head {
    display: none;
    text-align: left;
    color: #fff;
    font-weight: 600;
    background-color: #646464;
}

.relationList__itemLink {
    text-decoration: none;
    color: #282828;
    box-shadow: inset 0 0 0 1px #f1f1f1;
}

.relationList__itemLink:nth-child(odd) {
    background-color: #f1f1f1;
    box-shadow: none;
}

.relationList__itemLink:hover {
    text-decoration: none;
    color: #282828;
    background-color: rgba(176, 204, 64, 0.3);
}

@media (min-width: 768px) {
    .fe-checkboxgroup {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }

    .relationList__head,
    .relationList__itemLink {
        display: flex;
    }

    .relationList__itemLink {
        padding: .3em 0;
    }

    .relationList__relationTitle {
        display: none;
    }

    .relationList__relation--name {
        flex: 0 0 25%;
    }

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

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