/* Home */
#div_home_categorieen{
    /* margin: -1rem -1rem 1rem -1rem; */
    padding: 1rem 1rem 1rem 1rem;
    background-color: #e9ebee;
}
#div_home_categorieen > .home-categorie{
    font-weight: 300;
}

.home-categorie.selected{
    font-weight: 500 !important;
}
@media (max-width: 767px) {
    .home-categorie {
        display: block;
        width: 100%;
        text-align: center;
        float: none !important;
    }
}
/* Home - Producten */ /* Home - Dealers */
.producten-subcategorieen > .producten-subcategorie,
.dealers-regios > .dealers-regio{
    font-weight: 300;
}
.producten-subcategorieen > .producten-subcategorie.selected,
.dealers-regios > .dealers-regio.selected{
    font-weight: 500 !important;
    background-color: #db3644;
    color: white;
}
.card-product{
    font-size: 90% !important;
}

/* Product */
.product-view{
    margin-top: -1rem;
    height: 100vh;
}
.product-uitvoeringen-eigenschappen{
    text-align: center;
    padding-top: 53px;
    margin-right: 1rem!important;
}
.product-uitvoeringen-eigenschappen > div{
    padding: .5rem .65rem .5rem .65rem;
}
.product-uitvoeringen{
    display: flex;
    overflow-x: scroll;
}
.product-uitvoeringen > .product-uitvoering{
    text-align: center;
    margin-right: .5rem!important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.product-uitvoeringen > .product-uitvoering > div{
    padding: .5rem .65rem .5rem .65rem;
}
.product-uitvoeringen > .product-uitvoering > .product-uitvoering-eigenschap{
    font-size: 90%;
    font-weight: 300;
}
.product-uitvoeringen > .product-uitvoering > .product-uitvoering-prijs{
    border-radius: inherit;
    background-color: #e9ebee;
    font-size: 100%;
    font-weight: 500;
}

.product-gallery{
    text-align: center;
}
.product-gallery > .product-image-active{
    max-height: 50vh;
}
.product-gallery > .image-list{
    display: flex;
    margin-top: 1rem;
    padding: 0;
    overflow-x: scroll;
    list-style: none;
}
.product-gallery > .image-list > .image-item{
    width: 32%;
    height: 20vh;
    margin: 0 0.5rem;
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .product-view{
        margin-top: -1rem;
        height: auto;
    }
}