.mainSite .swiper-button-next,.mainSite .swiper-button-prev{display:none}.mainSite .swiper-button-next::after,.mainSite .swiper-button-prev::after{font-size:1.2em}.mainSite .swiper-button-prev{left:-45px}.mainSite .swiper-button-next{right:-45px}.mainSite .categorieswiper{overflow:hidden}.mainSite .swiper-slide{height:430px;cursor:pointer}.mainSite .categorieswiper .categorie{width:100%;height:430px;display:inline-block;background-color:var(--color-prim);border-radius:16px;overflow:hidden;position:relative;text-decoration:none;color:#fff;border:2px solid transparent}.mainSite .categorieswiper .categorie.active{border:2px solid #fff}.mainSite .categorieswiper .categorie .foto{width:100%;height:250px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--color-quad)}.mainSite .categorieswiper .categorie .inhoud{padding:1rem;width:100%;background-color:var(--color-prim);transition:height .4s ease-in-out;position:absolute;bottom:0;height:180px}.mainSite .categorieswiper .swiper-pagination{bottom:-30px}.mainSite .categorieswiper .swiper-pagination-bullet-active{background-color:var(--color-sec)}.mainSite .categorie .inhoud span{margin-bottom:.8rem;font-size:1.2em;display:block;text-align:center}.mainSite .categorie .inhoud p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mainSite .categorie:hover .inhoud p{-webkit-line-clamp:8;line-clamp:8}.mainSite .categorieswiper .swiper-slide:hover .categorie .inhoud{height:300px}.mainSite .categorieswiper .categorie .inhoud::after{content:"";top:-99px;left:0;background:linear-gradient(0deg,rgba(34,38,48,1) 2%,rgba(34,38,48,0) 46%);height:100px;width:100%;display:block;position:absolute}.mainSite .portfolioList{position:relative}.mainSite .portfolioList.loading::after{content:url(/image/loading.gif);display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:3}.mainSite .portfolioItem{background-color:#333;min-height:400px;max-height:450px;z-index:2;border-radius:16px;background-image:url(/image/stoel.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;display:flex;justify-content:center;align-items:center;text-decoration:none;cursor:pointer;position:relative}.mainSite .portfolioItem::after{content:"";background-color:var(--color-prim);bottom:0;left:0;width:100%;height:100%;position:absolute;opacity:0;transition:opacity .3s ease-in-out}.mainSite .itemOptions{position:relative}.mainSite .portfolioList .portfolioItem .content{z-index:1;position:relative;color:#fff;opacity:1;transition:opacity .8s ease;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.mainSite .portfolioList .portfolioItem .title{display:block;text-align:center;background:rgba(34,38,48,.8);padding:.5rem 2rem;border-radius:32px}.mainSite .portfolioList{margin-top:6rem}.mainSite .portfolioList #loading-gif{height:40px;display:block;margin:auto}.mainSite .grid-item{padding:1rem;width:100%;min-height:400px;max-height:700px}.mainSite .portfolioItemImg{background-color:grey;background-position:center;background-repeat:no-repeat;background-size:cover;min-width:100%;min-height:500px;border-radius:16px;position:relative}.mainSite .preFooter.portfolio{padding:6rem 0;overflow:hidden;margin-top:6rem}.mainSite .imageSwiper{width:100%}.mainSite .imageSwiper .swiper-slide .swiperItem{background-color:var(--color-prim);background-position:center;background-repeat:no-repeat;background-size:cover;height:420px;border-radius:16px}@media (min-width:768px){.mainSite .categorieen .categorie .foto{display:block;height:60%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:height .6s ease-in-out}.mainSite .grid-item{width:50%}.mainSite .grid-item.landscape{width:100%}.mainSite .portfolioItem:hover::after{opacity:.75}.mainSite .portfolioItem:hover{transform:scale(1.05);z-index:10;transition:all .8s ease-in-out}.mainSite .portfolioList .portfolioItem .title{background:0 0}.mainSite .portfolioList .portfolioItem .content{opacity:0}.mainSite .portfolioList .portfolioItem:hover .content{opacity:1}}@media (min-width:992px){.mainSite .grid-item.landscape{width:50%}.mainSite .portfolioItemImg{min-height:700px}}@media (min-width:1200px){.mainSite .swiper-wrapper:has(>:nth-child(5))~.swiper-button-next,.mainSite .swiper-wrapper:has(>:nth-child(5))~.swiper-button-prev{display:flex;background-color:var(--color-sec);color:#fff;padding:1.6rem;border-radius:50%}.mainSite .portfolioList{margin-left:-1rem;margin-right:-1rem}.mainSite .categorieswiper .swiper-pagination{display:none}.mainSite .categorieen .categorie{width:50%;min-height:430px}.mainSite .categorieen .categorie .inhoud{height:40%}.mainSite .categorieen .categorie:hover .inhoud{height:60%}.mainSite .categorieen .categorie .inhoud p{max-height:260px}.mainSite .categorieen .categorie:hover .inhoud p{-webkit-line-clamp:5;line-clamp:5}.mainSite .portfolioItem{max-height:650px}.mainSite .portfolioItemImg{min-height:800px}}@media (min-width:1400px){.mainSite .categorieen .categorie{width:calc(25% - 1.5rem)}}
/*# sourceMappingURL=portfolio.min.css.map */