.projecten .highlightName{position:relative;box-shadow:0 0 0 0 rgba(68,87,110,.25),0 2px 6px 0 rgba(68,87,110,.25);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:all .3s ease-in-out}.projecten .highlightName img{width:100%!important}.projecten .highlightName .title{left:2rem!important;white-space:nowrap}.projecten .highlightName span{position:absolute;z-index:3;left:.3rem!important;bottom:.2rem;color:var(--color_special)!important;font-weight:600;opacity:1;transition:all .3s ease-in-out}.projecten .highlightName::after{content:'';position:absolute;z-index:2;width:100%;height:40px;left:0;bottom:0;background-color:var(--color_white);border-top:1px solid var(--color_text);opacity:.75;transition:all .3s ease-in-out}.projecten .page .highlightName::after{display:none!important}.projecten .highlight1200,.projecten .highlight992{display:none}@media(min-width:767px){.projecten .highlightName{height:27.5rem!important}.projecten .highlightName img{min-height:27.5rem!important}.projecten .highlightName:hover::after{height:0!important}.projecten .highlightName:hover span{opacity:0}.rdWebdesign .highlightName:hover::after{height:40px!important}.rdWebdesign .highlightName:hover span{opacity:1}}@media (min-width:1200px){.projecten .highlight992{display:block}}@media (min-width:1800px){.projecten .highlight1200{display:block}}.projecten #itemButtons{display:block!important}.projecten #itemLinks{position:relative;margin-bottom:1rem}.projecten #itemButtons button{display:inline-block;background-color:var(--color_white)!important;color:var(--color_text_lighter)!important;margin-right:1rem;font-size:.75rem;min-width:unset!important}.projecten #itemButtons button:hover{background-color:var(--color_special)!important;color:var(--color_white)!important}.projecten #itemButtons button.active{background-color:var(--color_special)!important;color:var(--color_white)!important;outline:1px solid var(--color_special)!important}.projecten #items .gallery-container{width:100%;display:grid;grid-template-columns:auto auto;left:1rem}.projecten #items .item{position:relative;width:100%;outline:0 solid var(--color_text);overflow:hidden;border-radius:.13rem}.projecten #items img{position:relative;-o-object-fit:cover;object-fit:cover;width:inherit!important;-o-object-position:center center;object-position:center center;min-height:17rem;width:100%!important;min-width:100%!important;outline:unset!important;border:unset!important}.projecten .page #items .item{outline:0!important}.projecten #items .gallery-container{grid-template-columns:auto auto;grid-gap:1.5rem;padding:0 .5rem}.projecten .cta-button.itemButton{display:inline!important;font-size:18px!important}.projecten #itemLinkButton{display:none!important}.projecten #btnRealisaties{margin-top:2rem;float:right}.projecten #items .item:hover img{transform:scale(1.07)}.projecten #items .item.portfolio2:hover .dateCreated,.projecten #items .item.portfolio2:hover h3{opacity:0!important}.projecten #items .item.portfolio2 .item:hover::before{height:0;width:0;top:calc(50%);left:calc(50%);border-radius:100%}.projecten #items .item.portfolio2{position:relative!important;margin-top:0!important;margin-bottom:2rem!important}.projecten #items .item.portfolio2 .item{margin-top:0!important}.projecten #items .item.portfolio2 .item a{z-index:1;position:relative}.projecten .portfolio2 h3{position:absolute!important;bottom:1rem!important;left:.5rem;color:var(--color_white)!important;z-index:999;opacity:1!important;-webkit-text-decoration-color:var(--color_white)!important;text-decoration-color:var(--color_white)!important;transition:all .3s ease-in-out}.projecten .portfolio2 .dateCreated{position:absolute!important;top:.5rem!important;right:.5rem;color:var(--color_white)!important;font-weight:600;font-style:italic;z-index:999;transition:all .3s ease-in-out}.projecten #items .item.portfolio2 .item::before{position:absolute;content:"";height:100%;width:100%;left:0;right:0;background-color:var(--color_text);opacity:.2;z-index:1;transition:all .2s ease-in-out;cursor:pointer}@media (max-width:767px){.projecten #items .item{left:0;width:calc(100%);margin-top:2.5rem}.projecten #items .gallery-container{grid-template-columns:auto!important;grid-gap:1.5rem;padding:0 .5rem}}@media (min-width:1200px){.projecten #items .gallery-container{grid-template-columns:auto auto auto;grid-gap:2rem}.projecten .cta-button.itemButton{font-size:20px!important}}@media (min-width:1800px){.projecten #items .gallery-container{grid-template-columns:auto auto auto auto;grid-gap:1.5rem;width:calc(100% + 4.8%)}.projecten .page.gallery-container{width:calc(102%)!important}.projecten #btnRealisaties{margin-right:-4.5rem!important}}