:root{--tree-0:#fff;--tree-1:#f3fbf7;--tree-2:#e6f6ee;--tree-3:#d3efe1;--tree-4:#0d6b4d;--tint:#ecf7f1;--fout:#a52e22;--inkt:#232b28;--zacht:#5c6763;--regel:#cfe7da;--groen:#0c6b4a;--fel:#0e9463;--op-vol:#f0fbf6;--display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--lees:"Newsreader", Georgia, serif;--hand:"Caveat", "Segoe Script", cursive;--rand:clamp(1.2rem, 6vw, 5rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tree-0:#0e1412;--tree-1:#131c18;--tree-2:#17241e;--tree-3:#1d2f27;--tree-4:#0d6b4d;--tint:#16241e;--fout:#ff9b8f;--inkt:#e9f0ec;--zacht:#9aa8a2;--regel:#294036;--groen:#58d6a0;--fel:#3ef0ab}}:root[data-theme=dark]{--tree-0:#0e1412;--tree-1:#131c18;--tree-2:#17241e;--tree-3:#1d2f27;--tree-4:#0d6b4d;--tint:#16241e;--fout:#ff9b8f;--inkt:#e9f0ec;--zacht:#9aa8a2;--regel:#294036;--groen:#58d6a0;--fel:#3ef0ab}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--tree-0);color:var(--inkt);font-family:var(--lees);-webkit-font-smoothing:antialiased;margin:0;font-size:1.08rem;font-weight:300;line-height:1.75}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--fel);outline-offset:3px}.tree{width:100%}.tree.t0{background:radial-gradient(70% 60% at 88% -8%, color-mix(in srgb, var(--fel) 16%, transparent), transparent 72%), radial-gradient(50% 50% at -5% 12%, color-mix(in srgb, var(--fel) 12%, transparent), transparent 74%), repeating-linear-gradient(to bottom, transparent 0 33px, color-mix(in srgb, var(--groen) 12%, transparent) 33px 34px), color-mix(in srgb, var(--tint) 60%, var(--tree-0))}.tree.t1{background:var(--tree-1)}.tree.t2{background:var(--tree-2)}.tree.t3{background:var(--tree-3)}.tree.t4{background:var(--tree-4);color:var(--op-vol)}.binnen{max-width:66rem;padding-inline:var(--rand);margin:0 auto}header.top{flex-wrap:wrap;align-items:center;gap:.6rem 2rem;padding-block:clamp(1.1rem,3vw,1.7rem);display:flex}.merk{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.merk .teken{flex:none;width:2.6rem;height:2.6rem}.merk .woordmerk{font-family:var(--display);letter-spacing:-.03em;font-size:1.45rem;font-weight:600;line-height:1}.merk .staart{display:inline-block;position:relative}.merk .staart svg{width:100%;height:.2em;position:absolute;bottom:-.18em;left:0;right:0;overflow:visible}.merk:hover .woordmerk{color:var(--groen)}.merk.om .woordmerk{color:var(--op-vol)}.sr-alleen{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}nav.top{font-family:var(--display);flex-wrap:wrap;gap:1.5rem;margin-left:auto;font-size:.93rem;font-weight:400;display:flex}nav.top a{color:var(--zacht);text-decoration:none}nav.top a:hover{color:var(--groen)}nav.top a[aria-current=page]{color:var(--inkt);border-bottom:2px solid var(--fel);padding-bottom:2px}.opening{padding-block:clamp(2.4rem,8vw,5.5rem) clamp(2.4rem,6vw,4rem)}h1{font-family:var(--display);letter-spacing:-.024em;text-wrap:balance;max-width:17ch;margin:0 0 1.1rem;font-size:clamp(2.1rem,5.8vw,4rem);font-weight:500;line-height:1.05}h1 .krijtlijn{white-space:nowrap;position:relative}h1 .krijtlijn svg{width:100%;height:.22em;position:absolute;bottom:-.14em;left:0;right:0;overflow:visible}h1 .krijtlijn path{fill:none;stroke:var(--fel);stroke-width:5px;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620px;animation:.9s cubic-bezier(.4,.1,.2,1) .3s forwards streep}@keyframes streep{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){h1 .krijtlijn path{stroke-dashoffset:0;animation:none}}.intro{color:var(--zacht);max-width:46ch;margin:0 0 2rem;font-size:clamp(1.08rem,1.7vw,1.28rem)}.doen{flex-wrap:wrap;align-items:baseline;gap:.7rem 1.6rem;display:flex}.knop{font-family:var(--display);background:var(--groen);color:#fff;border:1px solid var(--groen);border-radius:2px;padding:.64rem 1.3rem;font-size:.98rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s}.knop:hover{background:var(--tree-4);transform:translateY(-1px)}.kaal{font-family:var(--display);color:var(--zacht);border-bottom:1px solid var(--regel);font-size:.98rem;text-decoration:none}.kaal:hover{color:var(--groen);border-color:var(--groen)}section{padding-block:clamp(2.4rem,6vw,4rem)}.eyebrow{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--groen);margin:0 0 1rem;font-size:.74rem;font-weight:500}.tree.t4 .eyebrow{color:#9ff0cd}h2{font-family:var(--display);letter-spacing:-.018em;text-wrap:balance;max-width:22ch;margin:0 0 1rem;font-size:clamp(1.4rem,3vw,2.15rem);font-weight:500;line-height:1.13}h3{font-family:var(--display);margin:0 0 .2rem;font-size:1.04rem;font-weight:500}p{max-width:62ch}.twee{grid-template-columns:minmax(0,1fr);gap:clamp(1.2rem,4vw,3.5rem);display:grid}@media (width>=58rem){.twee{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}.lijst{gap:0;margin-top:1.6rem;display:grid}.lijst>div{border-top:1px solid var(--regel);grid-template-columns:minmax(0,1fr);gap:.1rem 1.5rem;padding:1.05rem 0;display:grid}@media (width>=46rem){.lijst>div{grid-template-columns:15rem minmax(0,1fr)}}.lijst>div:last-child{border-bottom:1px solid var(--regel)}.lijst p{color:var(--zacht);margin:0;font-size:1rem}.trap{border:1px solid var(--regel);border-radius:3px;gap:0;margin-top:1.6rem;display:grid;overflow:hidden}@media (width>=56rem){.trap{grid-template-columns:repeat(4,minmax(0,1fr))}}.trap>div{padding:1.2rem 1.3rem 1.4rem}.trap>div:first-child{background:var(--tree-0)}.trap>div:nth-child(2){background:var(--tree-1)}.trap>div:nth-child(3){background:var(--tree-2)}.trap>div:nth-child(4){background:var(--tree-3)}.trap .nr{font-family:var(--hand);color:var(--groen);margin-bottom:.1rem;font-size:2.3rem;line-height:1;display:block}.trap p{color:var(--zacht);margin:0;font-size:1rem}.prijsregel{flex-wrap:wrap;align-items:baseline;gap:.6rem 2.4rem;padding-block:clamp(1.6rem,4vw,2.4rem);display:flex}.prijsregel .bedrag{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2.1rem,4.6vw,3rem);font-weight:500;line-height:1}.prijsregel .per{font-family:var(--display);color:#c8e9da;font-size:.95rem}.prijsregel .rest{color:#dcf2e6}.prijsregel .note{font-family:var(--hand);color:#9ff0cd;margin-left:auto;font-size:1.4rem}.brussel{max-width:54ch}.contact{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.4rem clamp(2rem,5vw,3.5rem);display:grid}.label{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:#9ff0cd;margin-bottom:.35rem;font-size:.74rem;font-weight:500;display:block}.contact a.groot{font-family:var(--display);letter-spacing:-.02em;word-break:break-word;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:500;text-decoration:none}.contact a.groot:hover{color:#9ff0cd}.contact p{color:#dcf2e6;margin:0;font-size:1rem}footer{color:var(--zacht);border-top:1px solid var(--regel);flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;padding-block:1.4rem 3rem;font-size:.88rem;display:flex}.tree.t4 footer{color:#c8e9da;border-top-color:#f0fbf62e}footer .merk .teken{width:1.5rem;height:1.5rem}.themawissel{border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.themawissel button{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.28rem .62rem;font-size:.72rem;font-weight:500}.themawissel button:hover{opacity:.85}.themawissel button[aria-pressed=true]{opacity:1;background:color-mix(in srgb, currentColor 13%, transparent)}.themawissel button:focus-visible{outline-offset:2px;outline:2px solid}.overslaan{background:var(--tree-4);color:var(--op-vol);font-family:var(--display);z-index:10;padding:.7rem 1.2rem;position:absolute;top:0;left:-9999px}.overslaan:focus{top:.5rem;left:.5rem}.doen .knop.whatsapp{color:var(--groen);border-color:var(--groen);background:0 0;align-items:center;gap:.5rem;display:inline-flex}.doen .knop.whatsapp:hover{background:var(--groen);color:#fff}.doen .knop.whatsapp svg{fill:currentColor;width:1.05em;height:1.05em}.contact .kanalen{gap:.35rem;display:grid}.contact .kanalen a{color:#dcf2e6;border-bottom:1px solid #f0fbf64d;width:fit-content;font-size:1rem;text-decoration:none}.contact .kanalen a:hover{color:#fff;border-color:#fff}.mis{padding-block:clamp(3rem,10vw,7rem)}.mis p{color:var(--zacht)}.opening{position:relative;overflow:hidden}.opening>*{z-index:1;position:relative}.groot-merk{width:clamp(6rem,17vw,11.5rem);height:auto;margin-bottom:clamp(.8rem,2vw,1.4rem);display:block}.decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor svg{will-change:transform;position:absolute;overflow:visible}.decor .lijn{fill:none;stroke-linecap:round;stroke-linejoin:round}.decor .watermerk{opacity:.1;width:clamp(15rem,36vw,28rem);top:-8%;right:-7%}.decor .prent{opacity:.3}.decor .potlood{width:clamp(4rem,9vw,6.5rem);top:8%;right:30%}.decor .boek{width:clamp(4.5rem,11vw,8rem);bottom:6%;right:16%}.decor .bel{opacity:.24;width:clamp(3rem,7vw,5rem);top:52%;right:34%}.decor .klok{opacity:.2;width:clamp(3rem,7vw,4.6rem);bottom:16%;right:3%}@media (width<=52rem){.decor .bel,.decor .klok{display:none}.decor .prent{opacity:.16}.decor .watermerk{opacity:.05}}@media (prefers-reduced-motion:reduce){.decor svg{will-change:auto;transform:none!important}}.formulier{grid-template-columns:minmax(0,1fr);gap:1.1rem clamp(1rem,3vw,2rem);max-width:44rem;margin-top:1.6rem;display:grid}@media (width>=44rem){.formulier{grid-template-columns:repeat(2,minmax(0,1fr))}}.formulier .breed{grid-column:1/-1}.veld{gap:.35rem;display:grid}.veld label{font-family:var(--display);font-size:.95rem;font-weight:500}.veld .hint{font-family:var(--lees);color:var(--zacht);font-size:.9rem;font-weight:300}.veld input,.veld textarea{font-family:var(--lees);color:var(--inkt);background:var(--tree-0);border:1px solid var(--regel);border-radius:3px;width:100%;padding:.62rem .8rem;font-size:1rem;font-weight:300;transition:border-color .15s,box-shadow .15s}.veld textarea{resize:vertical;min-height:7rem;line-height:1.6}.veld input::placeholder,.veld textarea::placeholder{color:var(--zacht);opacity:.8}.veld input:focus-visible,.veld textarea:focus-visible{border-color:var(--groen);box-shadow:0 0 0 3px color-mix(in srgb, var(--fel) 28%, transparent);outline:none}.veld input:user-invalid,.veld textarea:user-invalid{border-color:#b8382c}.vangveld{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.veldfout{font-family:var(--display);color:var(--fout);gap:.4rem;margin:0;font-size:.9rem;display:flex}.veldfout:before{content:"!";font-weight:600}.veld input[aria-invalid=true],.veld textarea[aria-invalid=true]{border-color:var(--fout)}.veld input[aria-invalid=true]:focus-visible,.veld textarea[aria-invalid=true]:focus-visible{border-color:var(--fout);box-shadow:0 0 0 3px #a52e2238}.knoprij{flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;display:flex}.knoprij .hint{color:var(--zacht);max-width:42ch;margin:0;font-size:.95rem}.formulier button.knop{border:1px solid var(--groen);cursor:pointer}.formulier button.knop[disabled]{opacity:.6;cursor:progress}.formulier-status{grid-column:1/-1;margin:0;font-size:.98rem}.formulier-status:empty{display:none}.formulier-status[data-soort=goed]{color:var(--groen)}.formulier-status[data-soort=fout]{color:var(--fout)}.formulier-status[data-soort=bezig]{color:var(--zacht)}.appvragen{gap:.6rem;max-width:46rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.appvragen a{background:var(--tree-0);border:1px solid var(--regel);border-left:4px solid var(--fel);border-radius:3px;padding:.7rem .9rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.appvragen a:hover{border-color:var(--groen);border-left-color:var(--groen);transform:translate(2px)}
