@import url("se.typekit.net/lsu2fqq.css");html{font-size:14px;scroll-behavior:smooth}body{overflow-x:hidden}.container{max-width:1364px}h1{font-family:acumin-pro, sans-serif;font-size:7.688rem;font-style:normal;font-weight:700;text-transform:uppercase}h2{font-family:acumin-pro, sans-serif;font-size:44px;font-style:normal;font-weight:700;text-transform:uppercase;margin-bottom:20px}.tagline{font-size:44px;letter-spacing:1rem;margin-top:1rem}p{font-size:18px}h3{font-family:acumin-pro, sans-serif;font-size:29px;text-transform:uppercase;font-weight:bold}.hex{background:#bb0051;border-radius:1em/.5em;height:17.32em;position:relative;transition:opacity .5s;width:10em}.hex::before{background:inherit;border-radius:inherit;content:'';height:inherit;position:absolute;transform:rotate(60deg);width:inherit}.hex::after{background:inherit;border-radius:inherit;content:'';height:inherit;position:absolute;transform:rotate(-60deg);width:inherit}.hex--orange{background-color:#f3800c}.hex--green{background-color:#31a381}.hex--blue{background-color:#33b4da}.scroll-downs{bottom:2rem;height:55px;margin:auto;position:absolute;right:15rem;width:34px}.mousey{border:2px solid #33b4da;border-radius:25px;box-sizing:content-box;height:35px;opacity:1;padding:7px 11px 0;width:3px}.mousey.light{border:2px solid #fff}.mousey.light .scroller{background-color:#fff !important}.scroller{-webkit-animation-duration:2.2s;animation-duration:2.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll;-webkit-animation-timing-function:cubic-bezier(0.15, 0.41, 0.69, 0.94);animation-timing-function:cubic-bezier(0.15, 0.41, 0.69, 0.94);background-color:#33b4da;border-radius:25%;height:10px;width:3px}@-webkit-keyframes scroll{0%{opacity:0}10%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}@keyframes scroll{0%{opacity:0}10%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}.background__top--green{background:#31a381;height:82.32em;left:-48rem;position:absolute;top:-44rem;width:48em}.background__top--orange{background:#f3800c;height:81.32em;position:absolute;right:-48rem;top:35rem;width:47em}.background__product{height:126.32em;position:absolute;width:73em}.background__product--green{background:#31a381}.background__product--orange{background:#f3800c}.background__product--blue{background:#33b4da}.button{position:relative;display:block;background:transparent;width:auto;text-align:center;font-size:15px;text-decoration:none;float:right;line-height:39px;transition-duration:.2s}.button.primary{color:#fff}.button.primary::before,.button.primary::after{border:3px solid #bb0051;background:#bb0051}.button.primary:hover{color:#bb0051}.button.primary:hover::before,.button.primary:hover::after{background:transparent}.button.design{color:#fff}.button.design::before,.button.design::after{border:3px solid #f3800c;background:#f3800c}.button.design:hover{color:#f3800c}.button.design:hover::before,.button.design:hover::after{background:transparent}.button.digital{color:#fff}.button.digital::before,.button.digital::after{border:3px solid #33b4da;background:#33b4da}.button.digital:hover{color:#33b4da}.button.digital:hover::before,.button.digital:hover::after{background:transparent}.button.fotografie{color:#fff}.button.fotografie::before,.button.fotografie::after{border:3px solid #31a381;background:#31a381}.button.fotografie:hover{color:#31a381}.button.fotografie:hover::before,.button.fotografie:hover::after{background:transparent}.button.light{color:#000}.button.light::before,.button.light::after{border:3px solid #fff;background:#fff}.button.light:hover{color:#fff}.button.light:hover::before,.button.light:hover::after{background:transparent}.button span{padding:10px}.button--center{float:none;z-index:100;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;left:50%;transform:translateX(-50%)}.button:before,.button:after{width:100%;left:0px;height:21px;z-index:-1;border-radius:7px}.button:before{position:absolute;content:'';border-bottom:none !important;transform:perspective(15px) rotateX(12deg)}.button:after{position:absolute;top:20px;content:'';border-top:none !important;transform:perspective(15px) rotateX(-12deg)}.button:hover{color:#fff}.navigation{position:fixed;transition:.4s;z-index:1}.navigation.hex{border-radius:.5rem/.2rem;height:3.32rem;position:fixed;right:5rem;top:3rem;width:2rem}.navigation__toggler{cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);transition:.4s;z-index:1}.navigation__toggler__line{background-color:#fff;border-radius:2rem;display:block;height:.25rem;margin:.4rem auto;opacity:1;transition:.4s;width:1.92rem}.navigation__toggler__line#first{margin-top:0}.navigation__toggler__line#third{margin-bottom:0}.navigation nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.navigation nav ul{list-style:none;padding:0}.navigation nav ul li{margin-bottom:4px}.navigation nav ul li.current-menu-item a{font-size:16px}.navigation nav ul li.current-menu-item::after{width:100%}.navigation nav ul li:hover::after{width:100%}.navigation nav ul li a{color:#fff;font-family:Acumin Pro;font-weight:bold;text-decoration:none;text-transform:uppercase}.navigation nav ul li::after{background:#fff;content:'';display:block;height:1px;transition:.2s;width:40%}.navigation.active{border-radius:2.3rem/.6rem;height:24.62rem;right:-1rem;top:0;width:14rem}.navigation.active nav{display:block}.navigation.active .navigation__toggler{right:3.5rem;top:10%;transform:translateY(-50%) rotate(90deg)}.navigation.active .navigation__toggler__line#first{transform:rotate(-45deg) translate(-20%, 200%)}.navigation.active .navigation__toggler__line#second{opacity:0;transform:translateX(100%)}.navigation.active .navigation__toggler__line#third{transform:rotate(45deg) translate(-20%, -200%)}.floatingcontact{position:fixed;right:5rem;top:50%;z-index:100}.floatingcontact img{padding:.25rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.floatingcontact__mail{background-color:#33b4da;border-radius:.5rem/.2rem;height:3.72rem;transition:.2s;width:2.3rem}.floatingcontact__mail:hover{transform:scale(1.1)}.floatingcontact__phone{background-color:#33b4da;border-radius:.5rem/.2rem;height:2.62rem;right:-1.5rem;top:.3rem;transition:.2s;width:1.6rem}.floatingcontact__phone:hover{transform:scale(1.1)}.footer--list{list-style:none}.footer--list--line{border-left:solid 1px;margin-left:10px}.footer--list li{color:#000;font-size:18px;margin-bottom:5px}.footer--list li a{color:#000;text-decoration:none;font-size:18px;margin-bottom:5px}.footer--list li a:hover{color:#bb0051}.footer--list li p{color:#000;text-decoration:none;font-size:18px;margin-bottom:5px}footer{padding:30px 50px 0px !important}#hexGrid{display:flex;flex-wrap:wrap;width:90%;margin:100px auto;padding-left:0;overflow:hidden;font-family:'Raleway', sans-serif;font-size:15px;list-style-type:none}.hexLid{position:relative;visibility:hidden;outline:1px solid transparent}.hexLid::after{content:'';display:block;padding-bottom:86.602%}.hexIn{position:absolute;width:96%;padding-bottom:110.851%;margin:0 2%;overflow:hidden;visibility:hidden;outline:1px solid transparent;transform:rotate3d(0, 0, 1, -60deg) skewY(30deg)}.hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.hexLink{display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;transform:skewY(-30deg) rotate3d(0, 0, 1, 60deg)}.hexLid img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto}.hexLid h2,.hexLid p{width:100%;padding:5%;box-sizing:border-box;background-color:rgba(187,0,81,0.8);font-weight:300;transition:.2s}.hexLid h2.green,.hexLid p.green{background-color:rgba(49,163,129,0.8)}.hexLid h2.orange,.hexLid p.orange{background-color:rgba(243,128,12,0.8)}.hexLid h2.blue,.hexLid p.blue{background-color:rgba(51,180,218,0.8)}.hexLid h2{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;margin-bottom:0}.hexLid h2::after{content:'';position:absolute;bottom:0;left:45%;width:10%;text-align:center;border-bottom:1px solid #fff}.hexLid p{top:50%;padding-bottom:50%}.hexLink:hover h2,.hexLink:focus h2,.hexLink:hover p,.hexLink:focus p{transform:translate3d(0, 0, 0);background-color:rgba(0,128,128,0)}@media (min-width: 1201px){#hexGrid{padding-bottom:7.5%}.hexLid{width:25%}.hexLid:nth-child(7n+5){margin-left:12.5%}.large{padding-bottom:7.4%}.large .hexLid{width:33.333%}.large .hexLid:nth-child(5n+4){margin-left:16.666%}.large .hexLid:nth-child(7n+5){margin-left:unset}}@media (max-width: 1200px) and (min-width: 601px){#hexGrid{padding-bottom:7.4%}.hexLid{width:33.333%}.hexLid:nth-child(5n+4){margin-left:16.666%}}@media (max-width: 600px){#hexGrid{padding-bottom:11.2%}.hexLid{width:50%}.hexLid:nth-child(3n+3){margin-left:25%}}@media (max-width: 400px){#hexGrid{font-size:13px}}.hexInf{opacity:0}.waarom{height:100vh}.waarom__images--first{margin-top:-15%;position:absolute;width:50%;z-index:0}.waarom__images--second{float:right;position:relative;width:75%}.waarom__images--third{bottom:-5%;left:9%;position:absolute;width:40%}.product__top__image--container{padding-top:7rem}.product__bottom{margin-top:-7rem;overflow:hidden;color:#fff}.product__bottom--container{padding-top:10rem;padding-bottom:10rem}.product__bottom--image{transform:translateX(30rem);transition:all 1.5s ease}.product__bottom--image.active{transform:translateX(0)}header{background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative}.header--color{content:'';display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.header__container{color:#fff}.contact--container{position:relative}.contact--container h2{color:#fff;font-size:43px;text-align:left}.contact--container h3{margin-bottom:20px;color:#fff}.contact--container .hex{position:absolute}.contact--container .hex--blue{background:#33b4da;height:46.32em;width:27em;left:124px;top:-268px;z-index:-1}.contact--container .hex--orange{background:#f3800c;height:79.32em;width:648px;right:-150px;top:-140px;z-index:-1}.contact--container .hex--orange .content{width:100%;position:absolute;z-index:1;bottom:100px}.contact--container .hex--orange .content iframe{width:100%;border-radius:50px;height:650px}.contact--container .hex--orange .content table{color:#fff;font-size:20px;width:100%;margin-top:20px}.contact--container .hex--orange .content table td{padding-left:10px;padding-right:11px}.contact--container .hex--orange .content table td.text-right{border-right:solid 1px}.contact--container .hex--green{background:#31a381;height:79.32em;width:648px;left:-150px;top:433px;z-index:-1}.contact--container .hex--green .content{width:100%;position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.contact--container .hex--green .content .cf7sg-container{width:100%;font-size:20px}.contact--container .hex--green .content .cf7sg-container input{border-radius:17px;min-height:50px;padding:0px 10px;border:0;margin-bottom:10px}.contact--container .hex--green .content .cf7sg-container textarea{border-radius:17px;min-height:250px;padding:15px 10px;border:0;margin-bottom:20px}.contact--container .hex--green .content .cf7sg-container .wpcf7-form-control.wpcf7-submit{background-color:transparent;border:solid 2px #fff}.contact--container .hex--green .content .cf7sg-container .wpcf7-form-control.wpcf7-submit:hover{background-color:#fff;color:#31a381}.contact--container .hex--pink{background:#bb0051;top:1039px;z-index:-1;right:298px;height:25.32em;width:15em}.cf7sg-container .cf7-smart-grid.has-grid .container{padding:0 !important}.aboutcontainer{position:relative}.aboutcontainer .hex{position:absolute;top:28px;width:500px;height:856px;right:-640px}.hexblock{position:relative;color:#fff;height:165vh;margin-top:150px}.hexblock .hex{height:69.32em;width:40em;right:243px;position:absolute;top:500px}.hexblock .hex--blue{top:0;left:230px;position:absolute}.hexblock .hex--green{top:1000px;left:511px;width:20em;height:34.32em;position:absolute}.hexblock .content{width:100%;position:absolute;z-index:1;top:50%;transform:translateY(-50%)}

/*# sourceMappingURL=style.css.map */