
@font-face{ font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("/fonts/glw/plus-jakarta-sans-latin-ext-wght.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("/fonts/glw/plus-jakarta-sans-latin-wght.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root{
  --glw-f-tekst:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --glw-f-kop:var(--glw-f-tekst);
  --glw-nacht:#0b1a12;
  --glw-bos:#12301f;
  --glw-bos-2:#1b4a30;
  --glw-papier:#f3eee4;
  --glw-vlak:#fbf8f2;
  --glw-vlak-2:#f1ebdf;
  --glw-salie:#e3eadb;
  --glw-salie-rand:#cdd9c2;
  --glw-abrikoos:#f8dcc0;
  --glw-zand:#efe5d3;
  --glw-groen:#4f9f2a;
  --glw-oranje:#f4801f;
  --glw-oranje-d:#a44e17;
  --glw-inkt:#10271a;
  --glw-inkt-2:#3d5145;
  --glw-licht:#f6f2ea;
  --glw-licht-2:#d5ddd3;
  --glw-lijn:rgba(16,39,26,.14);
  --glw-lijn-sterk:rgba(16,39,26,.28);
  --glw-fout:#a3261b;
  --glw-fout-vlak:#fbe9e6;
  --glw-ok:#2f6b2a;
  --glw-ok-vlak:#e6f0df;
  --glw-h1:700 clamp(32px,4.2vw,56px)/1.06 var(--glw-f-kop);
  --glw-h2:700 clamp(26px,2.8vw,40px)/1.12 var(--glw-f-kop);
  --glw-h3:600 clamp(19px,1.45vw,22px)/1.3 var(--glw-f-tekst);
  --glw-h4:600 17px/1.35 var(--glw-f-tekst);
  --glw-kop-ls:-.022em;
  --glw-lead:400 clamp(17px,1.3vw,19px)/1.6 var(--glw-f-tekst);
  --glw-tekst:400 clamp(16px,1.15vw,17px)/1.6 var(--glw-f-tekst);
  --glw-klein:400 14.5px/1.5 var(--glw-f-tekst);
  --glw-label:600 13.5px/1.3 var(--glw-f-tekst);
  --glw-label-ls:0;
  --glw-maat:62ch;
  --glw-maat-intro:54ch;
  --glw-max:1200px;
  --glw-rand:clamp(20px,5vw,48px);
  --glw-sec:clamp(64px,8vw,112px);
  --glw-gap:clamp(16px,2vw,24px);
  --glw-knop:600 16px/1 var(--glw-f-tekst);
  --glw-knop-h:48px;
  --glw-veld-h:48px;
  --glw-r-knop:9px;
  --glw-r-veld:9px;
  --glw-r-kaart:18px;
  --glw-r-groot:24px;
  --glw-focus:2px solid var(--glw-oranje-d);
  --glw-schaduw:0 14px 32px -26px rgba(16,39,26,.55);
}

.glw-h1{ margin:0; font:var(--glw-h1); letter-spacing:var(--glw-kop-ls); text-wrap:balance; }
.glw-h2{ margin:0; font:var(--glw-h2); letter-spacing:var(--glw-kop-ls); text-wrap:balance; }
.glw-h3{ margin:0; font:var(--glw-h3); letter-spacing:-.005em; }
.glw-lead{ margin:0; font:var(--glw-lead); max-width:var(--glw-maat-intro); }
.glw-eyebrow{ margin:0; font:var(--glw-label); text-transform:none; letter-spacing:0; color:var(--glw-oranje-d); }
.glw-intro{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px; }
.glw-intro .glw-lead{ margin-inline:auto; }
.glw-knop{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:var(--glw-knop-h); padding:0 22px; border:1px solid transparent; border-radius:var(--glw-r-knop);
  background:var(--glw-bos); color:var(--glw-licht); font:var(--glw-knop); text-decoration:none; cursor:pointer; transition:background-color .2s ease, border-color .2s ease, color .2s ease; }
.glw-knop:hover{ background:var(--glw-bos-2); }
.glw-knop--rand{ background:transparent; color:var(--glw-bos); border-color:var(--glw-lijn-sterk); }
.glw-knop--rand:hover{ background:var(--glw-salie); }
.glw-knop--licht{ background:var(--glw-licht); color:var(--glw-bos); }
.glw-knop--licht:hover{ background:#fff; }
.glw-knop[disabled], .glw-knop[aria-disabled="true"]{ opacity:.5; cursor:not-allowed; }
.glw-veld{ min-height:var(--glw-veld-h); width:100%; padding:0 14px; border:1px solid var(--glw-lijn-sterk); border-radius:var(--glw-r-veld); background:var(--glw-vlak); color:var(--glw-inkt); font:400 16px/1.4 var(--glw-f-tekst); }
.glw-veld[aria-invalid="true"]{ border-color:var(--glw-fout); background:var(--glw-fout-vlak); }
.glw-veldlabel{ display:block; margin:0 0 6px; font:500 14.5px/1.3 var(--glw-f-tekst); color:var(--glw-inkt); }
.glw-fouttekst{ margin:6px 0 0; font:500 14px/1.4 var(--glw-f-tekst); color:var(--glw-fout); }
:is(.glw-knop,.glw-veld):focus-visible{ outline:var(--glw-focus); outline-offset:2px; }
.glw-kaart{ border-radius:var(--glw-r-kaart); background:var(--glw-vlak); box-shadow:inset 0 0 0 1px var(--glw-lijn), var(--glw-schaduw); }
.glw-afsluiting{ text-align:center; padding:var(--glw-sec) var(--glw-rand); }

.glw-merkteken{ display:block; width:auto; max-width:none; aspect-ratio:713 / 639; object-fit:contain; padding:0 !important; border-radius:0 !important;
  clip-path:none !important; -webkit-mask:none !important; mask:none !important; }

.glw-site{ font-family:var(--glw-f-tekst); --font-sans:var(--glw-f-tekst); --font-mono:var(--glw-f-tekst); --font-serif:var(--glw-f-tekst); }
:where(.glw-site, body:has(#glw-header)) :where(strong, b){ font-weight:600; }
.glw-site :is(input,select,textarea,button){ font-family:inherit; }

header[role="banner"] :is(a,button,span,strong,p), .glwh :is(a,button,span,strong,p){ font-family:var(--glw-f-tekst); }

.glwk-knop{ position:relative; display:inline-grid; place-items:center; box-sizing:border-box; width:44px; height:44px; min-width:44px; min-height:44px;
  margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; text-decoration:none; cursor:pointer;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.glwk-knop::before{ content:""; position:absolute; inset:0; border-radius:11px; background:transparent; pointer-events:none; transition:background-color .18s ease; }
.glwk-knop:hover::before{ background:rgba(18,61,36,.08); }
.glwk-knop:focus-visible{ outline:2px solid #a44e17; outline-offset:2px; }
.glwk-pakje{ position:relative; display:block; width:28px; height:30px; pointer-events:none; }
.glwk-pakje svg{ position:absolute; inset:0; width:28px; height:30px; overflow:visible; }
.glwk-knop .glwk-icoon.glw-merkteken{ position:absolute; left:5px; top:16.5px; height:9px; width:auto; }
.glwk-rand{ stroke:rgba(255,255,255,.16); stroke-width:.75; }
.glwk-deksel, .glwk-kaart{ transform-box:fill-box; }
.glwk-deksel{ transform-origin:6% 100%; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .glwk-deksel, .glwk-kaart{ transition:transform .35s cubic-bezier(.2,.7,.2,1); }
  .glwk-knop:hover .glwk-deksel{ transform:translateY(-1.5px) rotate(-3deg); }
  .glwk-knop:hover .glwk-kaart{ transform:translateY(-1px); }
}
@keyframes glwk-nudge{
  0%, 100%{ transform:translateY(0); }
  16%{ transform:translateY(-6px); }
  34%{ transform:translateY(0); }
  52%{ transform:translateY(-4px); }
  70%{ transform:translateY(0); }
}
.glwk-knop.is-nudge .glwk-pakje{ animation:glwk-nudge .9s cubic-bezier(.33,.66,.4,1) 1 both; }
@media (prefers-reduced-motion:reduce){
  .glwk-knop.is-nudge .glwk-pakje{ animation:none; }
}
.glwk-vlieger{ z-index:2147483000; margin:0; will-change:transform; }
.glwk-vlieger .glwk-rand{ stroke:rgba(255,255,255,.34); }
.glwk-vlieger .glwk-pakje svg{ filter:drop-shadow(0 0 7px rgba(255,255,255,.3)); }
.glwk-vlieger.is-geland{ z-index:990; will-change:auto; }
.glwk-vlieger .glwk-pakje{ will-change:transform; }
.glwk-schaduw{ position:fixed; z-index:2147482999; width:50px; height:12px; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(10,20,12,.55), rgba(10,20,12,0)); opacity:0; transform-origin:50% 50%; }
@media (prefers-reduced-motion:no-preference){
  .glwk-knop.is-open .glwk-deksel, .glwk-knop.is-open .glwk-kaart{ transition:transform .34s cubic-bezier(.2,.8,.25,1.15); }
  .glwk-knop.is-open .glwk-deksel{ transform:translate(-1px,-3.5px) rotate(-32deg); }
  .glwk-knop.is-open .glwk-kaart{ transform:translateY(-5.5px) rotate(-3deg); }
  .glwk-vlieger .glwk-deksel, .glwk-vlieger .glwk-kaart{ transition:transform .42s cubic-bezier(.4,0,.2,1); }
}
