@font-face{font-family:Recoleta;src:url(/fonts/recoleta-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/recoleta-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--zand: #faf7f3;--zand-diep: #f0eae4;--inkt: #212e51;--inkt-zacht: #5a6683;--navy-zacht: #e8ebf3;--koraal: #fe745a;--koraal-zacht: #ffe7e1;--lijn: #e7dfd7;--radius: 14px;--breedte: 44rem;--agenda-smal: 35rem;--agenda-breed: 28.5rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-titel: "Recoleta", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--inkt);background:var(--zand);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-titel);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}h3{font-weight:600;letter-spacing:0}h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.5rem,5.5vw,2rem)}h3{font-size:1.1875rem}p{margin:0 0 1rem;text-wrap:pretty}a{color:var(--inkt);text-underline-offset:3px}img{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:var(--breedte);margin-inline:auto;padding-inline:1.25rem}section{padding-block:3.75rem}.loader{display:none}.laadt .loader{display:grid;place-items:center;position:fixed;inset:0;z-index:100;background:var(--koraal)}.laadt,.laadt body{overflow:hidden}.loader__stapel{display:grid;width:min(52vw,14rem)}.loader__stapel img{grid-area:1 / 1;width:100%;height:auto;visibility:hidden}.kop{position:sticky;top:0;z-index:20;background:#faf7f3eb;backdrop-filter:blur(10px)}.kop__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;padding-block:.5rem}.merk{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:none}.merk img{height:1.75rem;width:auto}@media(min-width:34rem){.merk img{height:2rem}}.hamburger{display:none;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem .75rem .4rem .6rem;border:1.5px solid var(--lijn);border-radius:999px;background:transparent;font:inherit;font-size:.9375rem;font-weight:600;color:var(--inkt);cursor:pointer}.hamburger__streepjes{display:grid;gap:4px;width:18px}.hamburger__streepjes span{display:block;height:2px;border-radius:2px;background:var(--inkt);transform-origin:center}.menu-js .hamburger{display:inline-flex}@media(min-width:34rem){.menu-js .hamburger{display:none}}.nav{display:flex;flex-wrap:wrap;gap:0 .25rem;width:100%;margin-inline:-.6rem;padding-bottom:.25rem}@media(max-width:33.999rem){.menu-js .nav{height:0;overflow:hidden;visibility:hidden;padding-bottom:0}.menu-js .nav a{width:100%}}.nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem .6rem;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--inkt-zacht);text-decoration:none;white-space:nowrap}.nav a[aria-current=page]{color:var(--inkt);background:var(--navy-zacht)}@media(min-width:34rem){.kop__inner{flex-wrap:nowrap;min-height:3.5rem;padding-block:0}.nav{width:auto;margin-inline:0;padding-bottom:0}}.hero{padding-block:2.75rem 3rem}.hero p.lead{font-size:1.1875rem;color:var(--inkt-zacht);max-width:34rem}.knoppen{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.875rem;padding:.6rem 1.25rem;border-radius:999px;font-size:1rem;font-weight:600;text-decoration:none;border:1.5px solid transparent;transition:transform .12s ease,background-color .12s ease}.knop:active{transform:translateY(1px)}.knop--primair{background:var(--koraal);color:#fff}.knop--secundair{background:transparent;color:var(--inkt);border-color:var(--lijn)}.kaarten{display:grid;gap:1rem}.kaart{background:#fff;border:1px solid var(--lijn);border-radius:var(--radius);padding:1.25rem}.kaart h3{margin-bottom:.25rem}.kaart__meta{font-size:.875rem;color:var(--inkt-zacht);margin:0 0 .75rem}.kaart__editie{display:inline-block;font-size:.75rem;font-weight:600;color:var(--inkt);background:var(--navy-zacht);padding:.25rem .6rem;border-radius:999px;margin-top:.5rem}.stappen{list-style:none;counter-reset:stap;padding:0;margin:0;display:grid;gap:1.75rem}.stap{counter-increment:stap;position:relative;padding-left:3rem}.stap:before{content:counter(stap);position:absolute;left:0;top:0;width:2.125rem;height:2.125rem;display:grid;place-items:center;border-radius:999px;background:var(--koraal-zacht);color:var(--inkt);font-weight:700;font-size:.9375rem}.stap h3{margin-bottom:.35rem;padding-top:.15rem}.stap p{margin:0;color:var(--inkt-zacht)}.stap__link{margin-top:.6rem!important;font-size:.9375rem;font-weight:600}.voorbeeld{margin-top:.875rem;background:#fff;border:1px solid var(--lijn);border-radius:var(--radius)}.voorbeeld summary{display:flex;align-items:center;min-height:2.75rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;color:var(--inkt);cursor:pointer;list-style:none}.voorbeeld summary::-webkit-details-marker{display:none}.voorbeeld summary:before{content:"+";display:inline-grid;place-items:center;width:1.375rem;height:1.375rem;margin-right:.5rem;border-radius:999px;background:var(--koraal-zacht);font-size:1rem;line-height:1}.voorbeeld[open] summary:before{content:"–"}.voorbeeld__inhoud{padding:0 1rem 1rem}.voorbeeld__tekst{margin:0 0 1.25rem;padding:.875rem;background:var(--zand);border-radius:10px;font-family:inherit;font-size:.9375rem;line-height:1.6;color:var(--inkt-zacht);white-space:pre-wrap;overflow-wrap:break-word}.voorbeeld h4{font-family:var(--font-titel);font-size:1rem;font-weight:600;margin:0 0 .6rem}.vinklijst{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.625rem}.vinklijst li{position:relative;padding-left:1.75rem;color:var(--inkt-zacht)}.vinklijst li:before{content:"";position:absolute;left:.25rem;top:.6em;width:.45rem;height:.45rem;border-radius:999px;background:var(--koraal)}.agenda{border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden;background:#fff}.agenda iframe{display:block;width:100%;height:var(--agenda-smal);border:0}@media(min-width:26rem){.agenda iframe{height:var(--agenda-breed)}}.agenda__onder{font-size:.875rem;color:var(--inkt-zacht);margin-top:.75rem}.blok{background:var(--zand-diep);border-radius:var(--radius);padding:1.5rem}.blok h2{margin-top:0}.blok p:last-child{margin-bottom:0}.edities{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.editie{background:#fff;border:1px solid var(--lijn);border-radius:var(--radius);padding:1.25rem}.editie__wanneer{display:inline-block;font-size:.75rem;font-weight:700;color:var(--inkt);background:var(--koraal-zacht);padding:.2rem .55rem;border-radius:999px;margin:0 0 .5rem}.editie h3{margin-bottom:.15rem}.editie__waar{font-size:.875rem;color:var(--inkt-zacht);margin:0 0 .5rem}.editie__detail{margin:0;color:var(--inkt-zacht)}.doorsturen{font-size:.9375rem;color:var(--inkt-zacht);margin:1.25rem 0 0!important}.merkkaart{background:#fff;border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden}.merkkaart__beeld{background:var(--zand-diep);padding:1.75rem 1.25rem;display:grid;place-items:center}.merkkaart__beeld--licht{background:var(--zand)}.merkkaart__beeld img{max-height:6.5rem;width:auto}.merkkaart__tekst{padding:1.25rem}.merkkaart__tekst h3{margin-bottom:.35rem}.merkkaart__tekst p{color:var(--inkt-zacht);margin-bottom:0}.merkkaart__meta{font-size:.8125rem;margin-top:.75rem!important}.stickerraster{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stickerkaart{background:#fff;border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.stickerkaart__beeld{background:var(--zand-diep);padding:1rem;display:grid;place-items:center;min-height:5.5rem}.stickerkaart__beeld img{max-height:3.5rem;width:auto}.stickerkaart__tekst{padding:.75rem .875rem .875rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.stickerkaart__slogan{font-size:.875rem;font-weight:600;margin:0;color:var(--inkt)}.stickerkaart__link{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.875rem;font-weight:600;margin-top:auto}.stickerkaart__link span{font-weight:400;color:var(--inkt-zacht)}.kleuren{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.75rem}.kleur{display:grid;grid-template-columns:2.5rem 1fr;grid-template-areas:"vlak naam" "vlak hex" "vlak gebruik";align-items:center;gap:0 .875rem;background:#fff;border:1px solid var(--lijn);border-radius:var(--radius);padding:.875rem}.kleur__vlak{grid-area:vlak;width:2.5rem;height:2.5rem;border-radius:8px;border:1px solid rgba(0,0,0,.12);align-self:center}.kleur__naam{grid-area:naam;font-weight:600}.kleur__hex{grid-area:hex;font-size:.8125rem;color:var(--inkt-zacht)}.kleur__gebruik{grid-area:gebruik;font-size:.8125rem;color:var(--inkt-zacht)}@media(min-width:34rem){.stickerraster{grid-template-columns:1fr 1fr 1fr}.kleur{grid-template-columns:2.5rem 9rem 6rem 1fr;grid-template-areas:"vlak naam hex gebruik"}}.voet{padding-block:1rem 3rem;font-size:.9375rem;color:var(--inkt-zacht)}.voet__links{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:.75rem;margin-inline:-.5rem}.voet a{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.5rem;color:var(--inkt-zacht)}@media(min-width:45rem){.kaarten--twee{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}