@media screen and (max-width: 768px){#collectie{--bs-gutter-x: 0.3125rem;overflow:hidden}#collectie .row{--bs-gutter-x: 0.3125rem}#collectie .row .shuffle-item{margin-bottom:.3125rem}}.shuffle-item{margin-bottom:1.5rem;transition:opacity 300ms ease;opacity:1}.shuffle-item.sale .imageBox .foto1{top:-2.1875rem;left:-1.875rem;right:-1.875rem;bottom:-3.3125rem;background-size:cover;transform:scale(1) !important}@media screen and (max-width: 992px){.shuffle-item.sale .imageBox .foto1{left:-0.625rem;right:-0.625rem}}.shuffle-item.shuffle-actions .grey-bx{background-color:var(--bs-white);position:relative}.shuffle-item.shuffle-actions .grey-bx:hover #back_to{transform:scale(1.1)}.shuffle-item.shuffle-actions .imageBox #view_all{transition:all 200ms ease;color:var(--bs-white);font-weight:bold}@media screen and (max-width: 992px){.shuffle-item.shuffle-actions .imageBox #view_all{font-size:1.25rem}}.shuffle-item.shuffle-actions #back_to{transform:scale(1);position:absolute;padding:.8rem 1rem;text-align:center;background-color:var(--basis-kleur-2-darkest);color:var(--basis-kleur-2);font-size:1.3rem;font-family:var(--bs-font-secondary);bottom:0;left:0;right:0;display:flex;padding:1.7rem;text-decoration:none;font-weight:bold;transition:all 1s ease;overflow:hidden}.shuffle-item.shuffle-actions #back_to svg{position:absolute;top:50%;transform:translateY(-50%);left:-35px;width:33px;height:33px;transition:all 1s ease;color:var(--basis-kleur-2)}.shuffle-item.shuffle-actions #back_to span{transition:all 1s ease;display:inline-block;width:100px;margin-left:calc(50% - 50px);text-align:center}@media screen and (min-width: 1199.98px){.shuffle-item.shuffle-actions #back_to:hover span{margin-left:calc(100% - 100px)}.shuffle-item.shuffle-actions #back_to:hover svg{left:20px}}@media screen and (max-width: 992px){.shuffle-item.shuffle-actions #back_to{font-size:1.125rem;padding:.7rem 1rem}}@media screen and (max-width: 1600px){.shuffle-item.shuffle-actions #back_to{font-size:1.7rem}}@media screen and (max-width: 1400px){.shuffle-item.shuffle-actions #back_to{font-size:1.3rem;padding:.6rem 1rem}}@media screen and (max-width: 1338px){.shuffle-item.shuffle-actions #back_to{font-size:1.2rem}}@media screen and (max-width: 992px){.shuffle-item.shuffle-actions #back_to{font-size:1.1rem}}.shuffle-item.shuffle-actions .imageBox #view_all{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%) scale(1);font-size:1.7rem;font-family:var(--bs-font-secondary);line-height:1.2;color:var(--basis-kleur-2-darkest);transition:color 1s ease}@media screen and (max-width: 992px){.shuffle-item.shuffle-actions .imageBox #view_all{font-size:1.1rem}}.shuffle-item.shuffle-actions .imageBox.has-back #view_all{top:calc(50% - 50px)}@media screen and (max-width: 1400px){.shuffle-item.shuffle-actions .imageBox.has-back #view_all{top:calc(50% - 25px)}}@media screen and (max-width: 1338px){.shuffle-item.shuffle-actions .imageBox.has-back #view_all{font-size:1.2rem}}@media screen and (max-width: 992px){.shuffle-item.shuffle-actions .imageBox.has-back #view_all{padding:.7rem 1rem;font-size:1.3rem}}#subkop{display:block;overflow:hidden;max-height:0;opacity:0;padding-bottom:0;transition:all 300ms ease;font-size:17px;font-weight:400}#subkop.is-active{max-height:none;opacity:1;padding-bottom:2rem}#collectie_shuffle:not(.shuffle){max-height:31.25rem;overflow:hidden}#collectie_shuffle:not(.shuffle) .shuffle-item{opacity:0}.collectie-product{min-height:5rem;display:block;transition:background 1s ease}.collectie-product .imageBox{padding-bottom:100%;position:relative;display:inline-block;vertical-align:top;width:100%;overflow:hidden}.collectie-product .imageBox img{position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;z-index:0;transition:transform 1s ease}.collectie-product .imageBox .cat-name{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem;font-size:1.1rem;font-weight:bold;font-family:var(--bs-font-secondary);z-index:3;color:var(--bs-black);background:linear-gradient(45deg, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.44) 100%)}@media screen and (max-width: 992px){.collectie-product .imageBox .cat-name{font-size:.9rem;background:linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.77) 100%);padding:.3rem .5rem}}@media screen and (min-width: 1199.98px){.collectie-product .imageBox:hover img{transform:scale(1.03)}.collectie-product .imageBox:hover::before{opacity:1}}.collectie-product.all{background-color:var(--basis-kleur-2)}.collectie-product.all .imageBox::before{display:none}@media screen and (min-width: 1199.98px){.collectie-product.all:hover{background-color:var(--basis-kleur-2-darkest)}.collectie-product.all:hover #view_all{color:var(--basis-kleur-2)}.collectie-product.all:hover #back_to{background-color:var(--basis-kleur-2);color:var(--basis-kleur-2-darkest)}.collectie-product.all:hover #back_to svg{color:var(--basis-kleur-2-darkest)}}/*# sourceMappingURL=collectie.css.map */