#inhoud{ position:relative;z-index:4;}.page-footer-form-wrapper{ margin-top:0 !important;}.portfolio-items-holder{ position:relative;}.portfolio-filter-row{ width:650px;box-sizing:border-box;border:1px solid rgba(185,186,195,0.5);background-color:rgba(237,238,244,0.65);display:flex;align-items:center;gap:20px;border-radius:var(--border-radius);box-sizing:border-box;padding:15px;position:relative;z-index:5;position:-webkit-sticky;position:sticky;top:10px;}.portfolio-filter-tab{ margin:0 !important;flex:1;}.portfolio-filter-row.smart-forms .select,.portfolio-filter-row.smart-forms select{ background:var(--white);}.portfolio-items-holder .portfoliowrapper-row{ display:flex;flex-wrap:wrap;gap:40px;position:-webkit-sticky;position:sticky;top:140px;z-index:1;}.portfolio-items-holder .portfoliowrapper-row .portfoliowrapper{ transform:scale(1);transition:transform 0.3s ease-out;transform-origin:center top;margin-bottom:40px;}.portfoliowrapper{ width:calc(100% / 2 - 20px);display:block;height:auto;border-radius:var(--border-radius);position:relative;}.portfoliocontent{ display:block;width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden;}.portfoliofoto{ display:block;width:100%;height:520px;position:relative;}.portfoliofoto:before{ background:var(--gradient-foto-cover-bottom);opacity:0.6;content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:140px;}.portfoliofoto img{ transform:scale(1);transition:transform 300ms ease-in-out;}.portfoliowrapper:hover .portfoliofoto img{ transform:scale(1.02);}.portfolioinfo{ position:absolute;z-index:4;left:24px;top:24px;right:24px;transition:background-color 0.3s ease-in-out;border-radius:50px;box-sizing:border-box;display:flex;align-items:center;gap:15px;}.portfolioinfoicon{ flex:0 0 40px;width:40px;height:40px;border-radius:100%;}.portfolioinfotxt{ flex:1;}.portfolioinfotxt h3{ margin:0;font-size:20px;line-height:24px;height:24px;color:var(--white);transition:color 0.3s ease-in-out;}.portfoliowrapper:hover .portfolioinfotxt h3{ color:var(--white);}.portfolio-bekijkmeer-wrapper{ position:relative;z-index:10;overflow:hidden;margin:50px 0 0 0;}.portfolio-bekijkmeer-holder{ text-align:center;background-color:var(--second-color);padding:40px 0;width:100%;position:relative;z-index:5;}.portfolio-bekijkmeer-holder::after{ content:"";position:absolute;bottom:-245px;left:50%;transform:translateX(-50%);background-color:var(--third-color);-webkit-filter:blur(120px);filter:blur(120px);width:550px;height:550px;border-radius:100%;will-change:transform;}.portfolio-bekijkmeer-holder .portfolio-bekijkmeer-button{ border:0;background:transparent;color:var(--white);font-family:var(--first-font);font-weight:700;font-size:40px;line-height:48px;text-decoration:none;display:inline-flex;align-items:center;gap:20px;padding:0;position:relative;z-index:10;}.portfolio-bekijkmeer-holder .portfolio-bekijkmeer-button svg{ height:30px;width:auto;transition:transform 0.3s ease-in-out;}.portfolio-bekijkmeer-holder:hover .portfolio-bekijkmeer-button svg{ transform:translateY(10px);}@media (max-width:1500px){ .portfolio-items-holder .portfoliowrapper-row{ position:static;} .portfoliowrapper{ width:calc(100% / 2 - 20px);} .portfolio-items-holder .portfoliowrapper-row .portfoliowrapper{ transform:scale(1) !important;}}@media (max-width:1100px){ .portfolio-items-holder .portfoliowrapper-row{ gap:20px;} .portfolio-items-holder .portfoliowrapper-row .portfoliowrapper{ margin-bottom:30px;} .portfoliowrapper{ width:calc(100% / 2 - 10px);}}@media (max-width:999px){ .portfoliofoto{ height:400px;} .portfolioinfotxt h3{ font-size:18px;} .portfolioinfoicon{ flex:0 0 30px;width:30px;height:30px;}}@media (max-width:800px){ .portfoliofoto{ height:350px;}}@media (max-width:700px){ .portfolio-content-holder #inhoud{ padding-top:25px;} .portfolio-items-holder .portfoliowrapper-row .portfoliowrapper{ margin-bottom:15px;transform:scale(1) !important;} .portfoliowrapper{ width:100%;} .portfolio-items-holder .portfoliowrapper-row{ gap:0;} .portfolio-filter-row{ width:94%;flex-direction:column;gap:10px;position:relative;top:0;} .portfolio-filter-tab{ width:100%;} .portfolio-bekijkmeer-holder .portfolio-bekijkmeer-button{ font-size:24px;line-height:32px;} .portfolio-bekijkmeer-holder .portfolio-bekijkmeer-button svg{ height:20px;} .portfoliofoto{ height:450px;}}@media (max-width:600px){ .portfoliofoto{ height:400px;}}@media (max-width:550px){ .portfoliofoto{ height:350px;}}