.foreningsfilter{
    background-color: #103554;
    border-color: #103554 !important;
    padding: 5px 15px;
    color: #ec6a5a;
}

.foreningsfilter:hover{
    opacity: 0.7;
}
.bogstaver{
    display: block;
    clear: both;
    margin-top: 10px;
}

.bogstav{
    background-color: #ec6a5a;
    border-color: #ec6a5a;
    padding: 5px 15px;
    color: #103554;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.bogstav.aktiv{
    background-color: #103554;
    border-color: #103554;
    padding: 5px 15px;
    color: #ec6a5a;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.form-group.soeg{
    clear: both;
    margin-top: 10px;
}

.navn{
    display: flex;
    flex: 0 0 50%;
    width: 50%;
}

.hjemmeside{
    display: flex;
    flex: 0 0 50%;
    width: 50%;
}

.medlem{
    border: none;
}

/* .medlemmer div.bogstavGruppe:nth-child(odd){
    background-color: #ccc;
}

.medlemmer div.bogstavGruppe:nth-child(even){
    background-color: #fff;
} */

.outbound{
    background-color: #ec6a5a;
    color: #fff !important;
    padding: 0 15px;
    width: auto !important;
}

@media screen and (max-width: 992px){
    .foreningsfilter{
        width: 100%;
        margin-bottom: 5px;
    }

    .bogstav{
        width: 15%;
    }

    .medlem{
        padding: 0;
    }
    
    .medlem summary{
        margin-bottom: 5px;
    }
}