:root{--primair:#2aab28;--primair-tekst:#1c7d1b;--secundair:#000;--tekst:#565656;--wit:#fff;--azuur:#f2fbf2;--romp:#333;--slab:"Roboto Slab", Sans-serif;--schreefloos:"Roboto", Sans-serif;--titel-grootte:48px;--titel-regel:56px;--hero-grootte:48px;--hero-regel:56px;--held-grootte:48px;--quote-grootte:24px;--quote-regel:32px;--lopend-grootte:16px;--lopend-regel:22px;--accent-grootte:16px;--accent-regel:18px;--medium-grootte:24px;--medium-regel:32px;--meta-grootte:14px;--meta-regel:17px;--menu-grootte:16px;--menu-regel:18px;--copy-grootte:14px;--copy-regel:20px}@media (width<=1024px){:root{--titel-grootte:40px;--titel-regel:1.4em;--hero-grootte:40px;--held-grootte:40px;--hero-regel:48px;--quote-grootte:22px;--quote-regel:1.4em;--lopend-grootte:14px;--lopend-regel:21px;--accent-grootte:16px;--medium-grootte:22px;--medium-regel:1.4em;--meta-grootte:14px;--menu-grootte:16px;--copy-grootte:14px;--copy-regel:24px}}@media (width<=767px){:root{--titel-grootte:32px;--hero-grootte:32px;--held-grootte:32px;--hero-regel:1.2em;--quote-grootte:20px;--medium-grootte:20px;--copy-grootte:14px}}@font-face{font-family:eicons;src:url(/lettertypen/eicons-min.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Free";src:url(/lettertypen/fa-min.woff2)format("woff2");font-weight:900;font-style:normal;font-display:block}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--wit);color:var(--romp);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px;line-height:24px}img{border:0;max-width:100%;height:auto}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0 0 .9rem}li,ul{margin-block:0}a{color:#c36;text-decoration:none}.beeldvak{line-height:0}.baan{background:var(--azuur);border:0 solid var(--wit);border-left-width:24px;border-right-width:24px;position:relative}.baan>.binnen{flex-direction:column;width:100%;display:flex}@media (width<=1024px){.baan{border-left-width:18px;border-right-width:18px}}.alleen-scherm{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;top:-10000em;overflow:hidden}.kolom{display:flex}.kolom-vak{background:var(--wit);flex-direction:column;flex:1;justify-content:center;display:flex}.knop{background:var(--primair-tekst);color:var(--wit);fill:var(--wit);font-family:var(--slab);font-size:var(--accent-grootte);line-height:var(--accent-regel);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:44px;font-weight:300;transition:background .3s,color .3s;display:inline-flex}.knop:hover,.knop:focus{background:var(--wit);color:var(--primair-tekst);fill:var(--primair-tekst)}.knop:focus-visible{outline:3px solid var(--primair-tekst);outline-offset:2px}.knop-inhoud{justify-content:center;display:flex}.knop-tekst{flex-grow:1}.knop-vak,.producten-knop{line-height:0}.eicon{-webkit-font-smoothing:antialiased;font-family:eicons;font-style:normal;font-weight:400;display:block}.eicon-play:before{content:""}.eicon-menu:before{content:""}.eicon-chevron-links:before{content:""}.eicon-chevron-rechts:before{content:""}.fa-pijl,.fa-hoek-links,.fa-hoek-rechts,.fa-envelop,.fa-kaartspeld{-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;line-height:1;display:inline-block}.fa-pijl:before{content:""}.fa-hoek-links:before{content:""}.fa-hoek-rechts:before{content:""}.fa-envelop:before{content:""}.fa-kaartspeld:before{content:""}.producten-knop .knop-icoon{margin-right:8px}.kop{border-top-width:24px;border-radius:16px 16px 0 0;padding:0 4%}.kop-rij{align-items:center;width:100%;display:flex}.kop-logo{width:9.985%}.kop-menu{width:90.015%}.kop-logo-vak{text-align:left;padding:7% 0;line-height:0}.kop-menu-vak{padding-right:2%;display:flex}.merk{display:inline-block}.merk img{object-fit:contain;border-radius:12px;width:100%;height:7em;transition-duration:.3s}.merk:hover img{opacity:.8}.menu{width:100%}.menu ul{justify-content:flex-end;margin:0;padding:0;list-style:none;display:flex}.menu li{padding:0 30px}.menu li:first-child{padding-left:0}.menu li:last-child{padding-right:0}.menu-item{font-family:var(--slab);font-size:var(--menu-grootte);line-height:var(--menu-regel);color:var(--secundair);padding:3px 0;font-weight:400;display:block;position:relative}.menu-item.actief,.menu-item:hover,.menu-item:focus{color:var(--primair-tekst)}.menu-item:before,.menu-item:after{content:"";background:var(--primair);opacity:0;width:100%;height:1px;transition:all .3s cubic-bezier(.58,.3,.005,1);position:absolute;left:0}.menu-item:before{top:0}.menu-item:after{bottom:0}.menu-item.actief:before,.menu-item.actief:after,.menu-item:hover:before,.menu-item:hover:after,.menu-item:focus:before,.menu-item:focus:after{opacity:1}@media (prefers-reduced-motion:reduce){.menu-item:before,.menu-item:after{transition:none}}.menu-knop{width:50px;height:50px;color:var(--secundair);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;padding:8px;display:none}.menu-knop .eicon{width:34px;height:34px;font-size:34px;line-height:1}@media (width<=1024px){.menu.menu-open{background:var(--wit);z-index:20;width:100vw;margin-left:-50vw;display:block;position:absolute;top:142px;left:50%}.menu.menu-open ul{flex-direction:column;justify-content:flex-start}.menu.menu-open li{padding:0}.menu.menu-open li:not(:last-child){border-bottom:1px solid var(--azuur)}.menu.menu-open .menu-item{text-align:center;padding:17px 0}.menu.menu-open .menu-item.actief,.menu.menu-open .menu-item:hover{color:var(--primair-tekst)}.menu.menu-open .menu-item:before,.menu.menu-open .menu-item:after{content:none}.kop{border-top-width:18px;border-radius:16px 16px 0 0;padding:0 50px}.kop-rij{min-height:100px}.kop-logo{width:14%}.kop-menu{width:86%}.menu{display:none}.menu-knop{display:flex}}@media (width<=767px){.menu.menu-open{top:131px}.menu.menu-open .menu-item{padding:18px 0}.kop{border-width:0;border-radius:0;padding:0 18px}.kop-rij{min-height:0}.kop-logo{width:40%}.kop-menu{width:60%}.kop-menu-vak{margin-right:-5px}.kop-logo .merk img{width:77%}}.voet{border-bottom-width:24px;border-radius:0 0 16px 16px;padding:96px 4%}.voet-rij{align-items:stretch;width:100%;display:flex}.voet-links,.voet-rechts{flex-direction:column;justify-content:center;width:50%;display:flex}.voet-naam,.voet-regel{width:100%;display:flex}.voet-merk,.voet-titel{flex-direction:column;justify-content:center;padding:10px;display:flex}.voet-merk{width:14.088%}.voet-titel{width:85.912%}.voet-merk-vak{text-align:left;margin:-4px 0 0 -1px;line-height:0}.voet-naam-tekst{font-family:var(--slab);font-size:var(--medium-grootte);line-height:var(--medium-regel);letter-spacing:0;color:var(--primair-tekst);font-weight:500}.voet-rechts{align-items:flex-end}.voet-door,.voet-copy{width:50%;padding:10px}.voet-door p{text-align:center;color:var(--primair-tekst);font-family:var(--slab);font-size:var(--accent-grootte);line-height:var(--accent-regel);margin:0 0 .9rem;font-weight:300}.voet-copy-vak{margin-right:30px}.voet-copy p{text-align:right;color:var(--primair-tekst);font-family:var(--slab);font-size:var(--copy-grootte);line-height:var(--copy-regel);text-transform:none;margin:0;font-weight:300}@media (width<=1024px){.voet{border-bottom-width:18px;border-radius:0 0 16px 16px;padding:150px 50px 50px}.voet-rij{flex-wrap:wrap}.voet-links,.voet-rechts{align-items:stretch;width:100%}.voet-rechts{padding-top:10%}.voet-merk,.voet-titel{width:50%}.voet-titel{padding:0}.voet-naam-tekst{padding-left:7%}.voet-merk-vak{text-align:right;padding-right:8%}.voet-door p,.voet-copy p{text-align:center}.voet-copy-vak{width:100%;max-width:100%}}@media (width<=767px){.voet{border-bottom-width:14px;border-left-width:14px;border-right-width:14px;border-radius:0 0 16px 16px;padding:64px 6%}.voet-rij{flex-direction:column}.voet-links,.voet-rechts{align-items:stretch;width:100%}.voet-rechts{padding-top:20%}.voet-naam,.voet-regel{flex-direction:column}.voet-merk,.voet-titel,.voet-door,.voet-copy{width:100%}.voet-titel{padding:0}.voet-merk-vak{text-align:center;padding-right:0}.voet-merk-vak .merk img{width:99%}.voet-naam-tekst{text-align:center;padding-left:0}.voet-copy-vak{margin:0 0 6%}.voet-copy p{text-align:center}}.menu-knop:hover{color:var(--primair-tekst)}