@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,300;1,500&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}:root{font-size:62.5%}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}@font-face{font-family:QueensThin;src:url(/assets/Queens_W-Thin-cQ7zSO9_.woff2) format("woff2"),url(/assets/Queens_W-Thin-DOoZTlfi.woff) format("woff"),url(/assets/Queens-Thin-rde5iECf.ttf) format("truetype");font-weight:400;font-style:normal}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.ico{display:block;position:relative}.ico--hartebeestLogo{width:27rem;height:5rem;-webkit-mask-image:url(/assets/hartebeestText-C32ho3ZE.svg#icon-hartebeest);mask-image:url(/assets/hartebeestText-C32ho3ZE.svg#icon-hartebeest);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:#000}.ico--hartebeest{width:27rem;height:40rem;-webkit-mask-image:url(/assets/hartebeest-COqvHC-J.svg#icon-hartebeest);mask-image:url(/assets/hartebeest-COqvHC-J.svg#icon-hartebeest);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:#000}.ico--linkedin{background-color:brown;width:3rem;height:3rem;-webkit-mask-image:url(/assets/icons-BgbOiGMR.svg#icon-linkedin);mask-image:url(/assets/icons-BgbOiGMR.svg#icon-linkedin);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:#000}.ico--menu{width:5rem;height:5rem;-webkit-mask-image:url(/assets/icons-BgbOiGMR.svg#icon-menu);mask-image:url(/assets/icons-BgbOiGMR.svg#icon-menu);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:#000;display:none}.contact-button{font-family:".roboto-light";font-size:2.1rem;line-height:2.1rem;display:block;text-transform:capitalize;text-decoration:none;padding:1.5rem 2.9rem;background-color:#d64550;color:#fff;max-width:fit-content;margin-inline:auto}.mobilenav{background-color:#faf5f0;width:100%;position:absolute;left:100vw;top:0;height:100vh;transition:left .15s;z-index:999}.mobilenav.open{left:0}.mobilenav .top div{font-size:2rem;font-weight:600;text-align:right;padding:2rem 2rem 0 0;cursor:pointer}.mobilenav .content{padding:3rem}.mobilenav .content ul{font-size:2.1rem;color:#000;text-transform:uppercase;gap:5rem}.mobilenav .content ul li{margin-top:3rem}.mobilenav .content ul li a{color:#000;text-decoration:none}.mobilenav .content ul li a:hover{text-decoration:underline}.mobilenav .content ul li a:visited{color:#000}.formcontrol{display:flex;flex-direction:row}.formcontrol #email,.formcontrol #name,.formcontrol #message{font-family:QUEENSTHIN;font-size:2.5rem;font-weight:800;letter-spacing:.1rem}.formcontrol input{border:1px solid black}div.just-validate-error-label{font-size:2rem;margin-top:1rem;font-weight:400}input.just-validate-error-field{border-color:red}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:300;font-style:normal;color:#000;position:relative;overflow-x:hidden}h2{font-family:QueensThin;font-size:16rem;margin:0 auto;text-align:center}#app{max-width:1920px;margin:0 auto}header{padding:7rem 10rem 5rem;max-width:1720px;width:100%;display:flex;justify-content:space-between}header nav ul{font-size:2.1rem;color:#000;text-transform:uppercase;display:flex;gap:5rem}header nav ul li a{color:#000;text-decoration:none}header nav ul li a:hover{text-decoration:underline}header nav ul li a:visited{color:#000}#intro{padding:10rem 19.5rem 10rem 10rem;display:grid;grid-template-columns:1fr 1.54fr;gap:10rem}#intro div:first-child img{width:100%;height:auto;display:block;border-bottom-left-radius:18rem}#intro div:first-child img.rectan,#intro div:first-child img.square{display:none}#intro div:last-child h1{font-family:QueensThin;font-size:12rem;font-weight:400;line-height:14.5rem;letter-spacing:-.01rem;margin-bottom:2.6rem}#intro div:last-child p{font-size:2.4rem;line-height:3.2rem;margin-bottom:2.8rem}#aanbod{background-color:#c8d7fa;padding-top:10rem;padding-bottom:10rem}#aanbod h2{margin-bottom:6.2rem}#aanbod .card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(40.3rem,1fr));gap:10rem;padding:0 10rem;margin-bottom:5rem}#aanbod .card-row .card{padding:4.3rem 5rem 3.7rem;background-color:#fff;border-bottom-left-radius:6rem}#aanbod .card-row .card h3{font-family:QueensThin;font-size:5rem;text-align:center;margin-bottom:3.8rem}#aanbod .card-row .card p{font-size:2rem;line-height:2.4rem;text-align:center}#over{background-color:#faf5f0;padding:10rem}#over div{margin:0 auto 3rem}#over h2{margin-bottom:4.2rem}#over p{font-size:2.4rem;line-height:3.2rem;margin-bottom:2.8rem;text-align:center;padding:0 31rem}#over p span{font-style:italic}#contact{padding-top:10rem;background-color:#371e28}#contact h2{margin-bottom:4.2rem;color:#fff}#contact p{font-size:2.4rem;color:#fff;line-height:3.2rem;margin-bottom:2.8rem;text-align:center;padding:0 39rem}#contact p.tel{font-family:QueensThin;font-size:3.2rem;line-height:3.7rem}#contact form{text-align:center;padding:0 15%}#contact form .formcontrol{display:flex;flex-direction:column;text-align:left;margin-bottom:1rem}#contact form .formcontrol label{font-size:2.4rem;color:#fff;width:150px;margin-bottom:1rem}#contact form .formcontrol>div{margin-bottom:3.5rem}#contact form .formcontrol>div input,#contact form .formcontrol>div textarea{height:10rem;background-color:#fff;width:100%}#contact form .formcontrol #email,#contact form .formcontrol #name{height:6rem}#contact form .formcontrol #message{height:18rem}#contact form input[type=submit]{font-family:".roboto-light";font-size:2.1rem;line-height:2.1rem;display:block;text-transform:uppercase;text-decoration:none;padding:2.3rem 9rem;background-color:#d64550;color:#fff;max-width:fit-content;margin-inline:auto;margin-top:7rem;border:none}footer{background-color:#371e28;padding-top:7rem;padding-bottom:10rem;text-align:center;color:#fff}footer p.mobile{display:none}footer p:nth-child(2){font-size:2.6rem;margin-top:2.5rem;margin-bottom:3rem}footer p:nth-child(n+3){font-size:2rem}footer p:nth-child(n+3) span{color:#d64550}footer a{color:#fff}footer a:visited{color:#fff}@media screen and (max-width: 1920px){#intro{padding-right:10rem}}@media screen and (max-width: 1825px){#intro div:last-child h1{font-size:11rem}}@media screen and (max-width: 1750px){:root{font-size:52%}#intro div:last-child h1{font-size:12rem}}@media screen and (max-width: 1536px){h2{font-size:11.5rem}#intro{padding-top:10rem;grid-template-columns:1fr 1.2fr}#intro div:last-child h1{font-size:9rem;line-height:10.5rem}}@media screen and (max-width: 1436px){#aanbod .card-row{gap:4rem}#over p{padding:0 25rem}}@media screen and (max-width: 1330px){#intro{grid-template-columns:1fr 1fr;padding-top:10rem}#intro div:last-child h1{font-size:8rem;line-height:8.5rem}#aanbod .card-row{gap:10rem}#aanbod .card-row .card p{font-size:2.4rem;line-height:2.8rem}#over p{padding:0 15rem}#contact p{padding:0 24rem}}@media screen and (max-width: 1024px){#intro{display:block;padding-top:5rem}#intro div:first-child img.rectan{display:block;margin-bottom:4rem}#intro div:first-child img.full,#intro div:first-child img.square{display:none}div:last-child h1{text-align:center}#aanbod{padding-top:7rem}#aanbod .card-row .card h3{font-size:4rem}#over p{padding:0 10rem}#contact{padding-top:7rem}#contact p{padding:0 20rem}}@media screen and (max-width: 925px){header{padding-left:5rem;padding-right:5rem}#intro{padding-left:5rem;padding-right:5rem}#aanbod .card-row{padding-left:5rem;padding-right:5rem;gap:4rem}#aanbod .card-row .card h3{font-size:4.5rem}#over{padding-left:5rem;padding-right:5rem}#over p{padding:0 8rem}#contact p{padding:0 12rem}#contact form{text-align:center;padding:0 10%}}@media screen and (max-width: 790px){header nav{display:none}.ico--menu{display:block}}@media screen and (max-width: 640px){:root{font-size:45%}#intro div:first-child img.square{display:block;margin-bottom:4rem}#intro div:first-child img.full,#intro div:first-child img.rectan{display:none}#over h2{font-size:10.5rem}#over p{padding:0}footer p.desktop{display:none}footer p.mobile{display:block}}@media screen and (max-width: 400px){#intro{padding-left:3rem;padding-right:3rem}#aanbod .card-row{padding-left:3rem;padding-right:3rem;grid-template-columns:repeat(auto-fit,minmax(30.3rem,1fr))}#over{padding-left:3rem;padding-right:3rem}#over h2{font-size:8.5rem}#contact p{padding:0px 3rem}}