.opdrachtgevers{width:100%;height:90px;overflow:hidden;max-width:1380px;margin:0 auto;background:#fff;padding-top:20px}.opdrachtgevers ul{float:left;list-style:none;overflow:hidden;padding:0;margin:0}.opdrachtgevers ul img{width:240px;height:70px;margin:0;display:inline-block;margin-left:55px;margin-right:55px}.opdrachtgevers ul li{float:left;width:auto}.opdrachtgevers ul li a img{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:url(#greyscale);filter:gray;opacity:.2}.opdrachtgevers ul li a:hover img{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0%);filter:grayscale(0%);filter:url(#greyscale);filter:gray;opacity:1}
.kleur_onder {
    display: block;
    text-align: center;
    font-style: italic;
    color: #aeaeae;
    margin-top: -5px;
    margin-bottom: 5px;
    position: relative;
}
.afwerkingtekst {
    margin-bottom: 10px !important;
    display: inline-block;
}
.afwerkingafbeelding {
    margin-top 10px !important;
    border: 5px solid transparent;
    display: inline-block;
}
.afwerkingafbeelding.active{
    border: 5px solid #c0a989;
}

.afwerkingselecteren {
    display: inline-block;
    margin-bottom:20px !important;
    background: #ccc;
    padding: 5px;
    margin-top:10px !important;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    cursor:pointer;
}
.afwerkingselecteren.active, .afwerkingselecteren:hover{
    display: inline-block;
    background: #a18a72;
    color: #fff;
}
.afwerkingselecteren:hover{
    background: #876745 !important;
}
.afwerkingselecteren.active:hover{
    background: #876745 !important;
}

.omschrijving.afwerking ul li {
    min-width: 160px !important;
}

/* @media only screen and (min-width: 560px) { */
    .omschrijving.afwerking ul li {
       display: inline-block !important;
    }
    .selectbox.safwerking {
        display: none !important;
    }
    .omschrijving.afwerking {
        background: #fff !important;
        display: block !important;
    }
    h3 .afwerkingmobiel {
        display: none !important;
    }
    h3 .afwerkingdesktop {
        font-size: 14px;
        text-transform: uppercase;
        /* background: #6a6538; */
        background-color: #a18a72;
        padding: 5px 10px;
        color: #fff !important;
        display: inline-block;
        margin-left: 10px;
        float: right;
        border-radius: 5px;
        text-decoration: none !important;
        cursor: pointer;
    }

    h3 .afwerkingdesktop:hover {
        background-color: #876745;
        /* color: #6A6538; */
        color: #666666 !important;
        cursor: pointer;
    }
/*} */

/*
@media only screen and (max-width: 560px) {

    .omschrijving.afwerking ul li.geenafwerking{
        display: none !important;
    }   
    .afwerkingselecteren {
        display: none !important;
    }
    h3 .afwerkingdesktop {
        display: none !important;
    }
    .afwerkingafbeelding.active{
        border: 5px solid transparent;
    }
}*/

.sfeerimages {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}

.omtapijtkeuze img {
    height: 340px !important;
    object-fit: cover;
}