.producten-hero{margin-top:1rem;width:97%;margin-left:1.5%;height:fit-content;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5rem}.producten-hero>img{width:100%;height:30vh;object-fit:cover}.producten-hero>div>div>h1{color:var(--secondary-color);margin-bottom:1rem}.producten-hero>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2rem;gap:8rem;width:90%;margin-left:auto;margin-right:auto}.producten-hero>div>div{width:100%;max-width:40rem;display:flex;flex-direction:column;gap:1rem}.producten-hero>div>div>a{width:30rem;display:flex;flex-direction:row;width:100%;height:100%;position:relative;transition:transform .3s ease-in-out,scale .3s ease-in-out;text-decoration:none}.producten-hero>div>div>div{width:30rem;display:flex;flex-direction:row;width:100%;height:100%;position:relative}.producten-hero>div>div>a>h2{color:#fff;padding:.5rem .5rem 1rem 1rem;align-self:flex-end;font-weight:400;font-size:2rem}.producten-hero>div>div>a>h2:after{bottom:10px;right:10px;content:"";background:url(../../../images/arrow_button_white.svg);background-repeat:no-repeat;background-position:center;width:30px;height:30px;position:absolute;background-color:var(--extra-color);padding:.5rem;border-radius:100px;transition:background-color .3s ease-in-out}.producten-hero>div>div>a:hover>h2:after{background-color:var(--secondary-color)}.producten-hero>div>div>a:hover{scale:1.05}.producten-hero>div>div>a{opacity:0;transform:translateY(30px);animation:fadeInUp .8s forwards}.producten-hero>div>div>a:nth-child(1){background:url(../../../images/zeegr.webp);background-size:cover;background-position:center;height:8rem;background-repeat:no-repeat;animation-delay:.2s}.producten-hero>div>div>a:nth-child(2){background:url(../../../images/riviergr.webp);background-size:cover;height:8rem;background-position:center;background-repeat:no-repeat;animation-delay:.5s}.producten-hero>div>div>a:nth-child(3){background:url(../../../images/diversegr.webp);background-size:cover;height:8rem;background-position:center;background-repeat:no-repeat;animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.granulaat{margin-bottom:10rem;width:87%;margin-left:auto;margin-right:auto;margin-top:2rem;display:flex;flex-direction:column;justify-content:flex-start}.granulaat>p,.granulaat_extra>div>div>p{max-width:50rem;margin-bottom:2rem}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;margin-top:1rem}li{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:space-between;justify-content:space-between}li>div{align-self:flex-end;display:flex;flex-direction:column}li>div>a{width:fit-content;height:fit-content}li>div>a>img{margin:.5rem .5rem 0rem;border-radius:50px;background-color:var(--extra-color);padding:.5rem;transition:background-color .3s ease-in-out}li>div>a>img:hover{background-color:var(--secondary-color)}li>h3{font-size:2rem;font-weight:500;color:#fff;padding:1rem 1rem .5rem;align-self:flex-start;margin-top:auto}.granulaat_extra>div{display:flex;flex-direction:row;gap:1rem;margin-top:2rem}@media (max-width: 1000px){.producten-hero{margin-top:10rem}.producten-hero>div>div{max-width:90vw!important}.granulaat_extra>div{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:2rem}}@media (max-width: 900px){.producten-hero{height:fit-content}.producten-hero>img{height:20vh;margin-bottom:5rem}.producten-hero>div{flex-direction:column;height:fit-content;align-items:center}.producten-hero>div>div{width:100%}.product-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.product-list{grid-template-columns:repeat(1,1fr)}}.info-download{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem}.info-download>div{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.info-download>div>img{background-color:var(--secondary-color);padding:.5rem;border-radius:50px}