.ge{--ge-bg:#fbfafd;--ge-surface:#fff;--ge-fg:#1c1427;--ge-muted:#665c73;--ge-line:#e7e1ee;--ge-schaduw:#1c14270f;--ge-paars:#9100b1;--ge-paars-8:#f6eafa;--ge-blauw:#3200cd;--ge-blauw-8:#eeebfc;--ge-groen:#008600;--ge-groen-8:#e8f5e8;--ge-geel:#a86a00;--ge-geel-8:#fff3de;--ge-display:"Kumbh Sans",ui-sans-serif,system-ui,sans-serif;--ge-body:"Mulish",ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){.ge{--ge-bg:#130d1b;--ge-surface:#221a2d;--ge-fg:#f3eef8;--ge-muted:#a99db8;--ge-line:#33283f;--ge-schaduw:#0000004d;--ge-paars:#d77ceb;--ge-paars-8:#2e1638;--ge-blauw:#9c8cff;--ge-blauw-8:#1e1940;--ge-groen:#5ccb5c;--ge-groen-8:#11281a;--ge-geel:#ffc56b;--ge-geel-8:#33240e;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.ge{background:var(--ge-bg);min-height:100vh;color:var(--ge-fg);font:400 17px/1.6 var(--ge-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap{flex-direction:column;gap:28px;max-width:720px;margin:0 auto;padding-block:40px 64px;display:flex}.wrap.breed{max-width:1240px}header{flex-direction:column;gap:10px;display:flex}.merk{font:700 13px/1 var(--ge-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ge-paars)}h1{font:800 clamp(30px,6vw,42px)/1.1 var(--ge-display);text-wrap:balance;margin:0}.intro{color:var(--ge-muted);max-width:58ch;margin:0}.meta{color:var(--ge-muted);font-size:14px}nav{border-bottom:1px solid var(--ge-line);gap:6px;display:flex}nav a{font:700 15px/1 var(--ge-display);color:var(--ge-muted);border-bottom:3px solid #0000;margin-bottom:-1px;margin-right:14px;padding:12px 4px;text-decoration:none}nav a[aria-current=page]{color:var(--ge-fg);border-color:var(--ge-paars)}.ge :focus-visible{outline:2px solid var(--ge-paars);outline-offset:3px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 14px/1 var(--ge-body);border:1px solid var(--ge-line);background:var(--ge-surface);color:var(--ge-fg);cursor:pointer;border-radius:999px;padding:8px 12px}.chip[aria-pressed=true]{background:var(--ge-fg);color:var(--ge-bg);border-color:var(--ge-fg)}.ge button{font:inherit;color:inherit}.f-idee{--ge-fase:var(--ge-geel);--ge-fase-bg:var(--ge-geel-8)}.f-gepland{--ge-fase:var(--ge-blauw);--ge-fase-bg:var(--ge-blauw-8)}.f-in-uitvoering{--ge-fase:var(--ge-paars);--ge-fase-bg:var(--ge-paars-8)}.f-klaar,.f-nieuw{--ge-fase:var(--ge-groen);--ge-fase-bg:var(--ge-groen-8)}.f-verbeterd{--ge-fase:var(--ge-blauw);--ge-fase-bg:var(--ge-blauw-8)}.f-beta{--ge-fase:var(--ge-geel);--ge-fase-bg:var(--ge-geel-8)}.pil{font:700 12px/1 var(--ge-display);letter-spacing:.04em;white-space:nowrap;background:var(--ge-fase-bg);color:var(--ge-fase);border-radius:999px;padding:6px 10px;display:inline-block}.week{flex-direction:column;gap:12px;display:flex}.week h2{font:700 13px/1 var(--ge-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ge-muted);margin:8px 0 0}.lijst{border:1px solid var(--ge-line);background:var(--ge-surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.item{border:0;border-top:1px solid var(--ge-line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:118px 1fr;gap:16px;width:100%;padding:18px 20px;display:grid}.item:first-child{border-top:0}.item>div{min-width:0}.item .pil{justify-self:start;height:fit-content}.item h3{font:700 18px/1.3 var(--ge-display);text-wrap:balance;margin:0 0 4px}.item p{margin:0}.voet{color:var(--ge-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px;display:flex}.meer{font:700 13px/1 var(--ge-display);color:var(--ge-paars)}.leeg{border:1px dashed var(--ge-line);color:var(--ge-muted);text-align:center;border-radius:14px;padding:28px 20px}.leeg strong{color:var(--ge-fg);font:700 17px/1.3 var(--ge-display);margin-bottom:4px;display:block}.bord{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}.kolom{background:var(--ge-fase-bg);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.kolom-kop{align-items:center;gap:8px;padding:4px 4px 6px;display:flex}.kolom-kop h2{font:800 15px/1.2 var(--ge-display);color:var(--ge-fase);margin:0}.stip{background:var(--ge-fase);border-radius:50%;flex:none;width:10px;height:10px}.teller{font:700 12px/1 var(--ge-display);color:var(--ge-fase);background:var(--ge-surface);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:5px 9px}.kaartje{background:var(--ge-surface);text-align:left;cursor:pointer;box-shadow:0 1px 2px var(--ge-schaduw);border:0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;width:100%;padding:12px 12px 12px 14px;display:grid}.kaartje h3{font:700 15px/1.35 var(--ge-display);text-wrap:pretty;min-width:0;margin:0}.kaartje .tag{color:var(--ge-muted);grid-column:1;min-width:0;font-size:12.5px}.kaartje .pijl{color:var(--ge-muted);grid-area:1/2/span 2;font-size:18px;line-height:1;transition:color .15s,transform .15s}.kaartje:hover .pijl,.kaartje:focus-visible .pijl{color:var(--ge-fase)}.kolom-leeg{color:var(--ge-muted);border:1px dashed color-mix(in srgb,var(--ge-fase) 35%,transparent);background:color-mix(in srgb,var(--ge-surface) 55%,transparent);border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.idee-knop{text-align:center;font:700 14px/1 var(--ge-display);color:var(--ge-fase);border:1.5px dashed var(--ge-fase);background:var(--ge-surface);border-radius:12px;padding:12px;text-decoration:none;display:block}@media (prefers-reduced-motion:no-preference){.kaartje{transition:transform .15s,box-shadow .15s}.kaartje:hover{box-shadow:0 2px 4px var(--ge-schaduw),0 8px 20px var(--ge-schaduw);transform:translateY(-2px)}.item{transition:background .15s}}.item:hover{background:var(--ge-bg)}@media (width<=1000px){.bord{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.bord{grid-template-columns:1fr}.item{grid-template-columns:1fr;gap:10px}}.ge dialog{background:var(--ge-surface);color:var(--ge-fg);border:0;border-radius:20px;width:min(640px,100% - 24px);max-height:calc(100% - 48px);margin:auto;padding:0;box-shadow:0 20px 60px #00000040}.ge dialog::backdrop{background:#130d1b73}.d-kop{background:var(--ge-fase-bg);flex-direction:column;gap:10px;padding:22px 24px 20px;display:flex;position:relative}.d-meta{flex-wrap:wrap;align-items:center;gap:8px;padding-right:44px;display:flex}.d-cat{color:var(--ge-muted);font-size:13px;font-weight:700}.d-kop .pil{background:var(--ge-surface)}.d-kop h2{font:800 clamp(22px,4vw,28px)/1.15 var(--ge-display);text-wrap:balance;margin:0}.d-lead{margin:0;font-size:17px}.sluit{background:var(--ge-surface);cursor:pointer;width:36px;height:36px;color:var(--ge-fg);border:0;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.d-body{flex-direction:column;gap:22px;padding:22px 24px 26px;display:flex}.d-blok{flex-direction:column;gap:8px;display:flex}.d-blok h3{font:700 12px/1 var(--ge-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ge-muted);margin:0}.d-blok p{margin:0}.voorbeeld{border-left:3px solid var(--ge-fase);background:var(--ge-fase-bg);border-radius:0 12px 12px 0;padding:14px 16px}ol.stappen{counter-reset:s;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}ol.stappen li{counter-increment:s;grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}ol.stappen li:before{content:counter(s);background:var(--ge-fase-bg);width:28px;height:28px;color:var(--ge-fase);font:800 13px/28px var(--ge-display);text-align:center;border-radius:50%}ul.goed{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.spoor{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stap{color:var(--ge-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.stap i{background:var(--ge-line);border-radius:3px;height:6px;display:block}.stap.gedaan i{background:var(--ge-fase)}.stap.nu{color:var(--ge-fg);font-weight:700}.d-voet{color:var(--ge-muted);border-top:1px solid var(--ge-line);padding-top:14px;font-size:13px}.f-hulp{--ge-fase:var(--ge-paars);--ge-fase-bg:var(--ge-paars-8)}ol.stappen li div{flex-direction:column;gap:2px;min-width:0;display:flex}ol.stappen li strong{font:700 16px/1.35 var(--ge-display)}.gids-knop{text-align:left;border:1.5px solid var(--ge-paars);background:var(--ge-paars-8);width:100%;color:var(--ge-fg);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.gids-knop strong{font:700 15px/1.3 var(--ge-display)}.gids-knop span{color:var(--ge-paars);font-size:20px;line-height:1}.vraag{flex-direction:column;gap:2px;display:flex}.vraag strong{font-weight:700}.zoek{flex-direction:column;gap:6px;display:flex}.zoek label{font:700 13px/1 var(--ge-display);color:var(--ge-muted)}.zoek input{font:400 17px/1.4 var(--ge-body);color:var(--ge-fg);background:var(--ge-surface);border:1px solid var(--ge-line);box-sizing:border-box;border-radius:12px;width:100%;padding:13px 16px}.zoek input:focus{outline:2px solid var(--ge-paars);outline-offset:1px;border-color:#0000}.gidsen{flex-direction:column;gap:22px;display:flex}.gids-groep{flex-direction:column;gap:10px;display:flex}.gids-groep h2{font:700 13px/1 var(--ge-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ge-muted);margin:0}.gids{text-align:left;border:0;border-top:1px solid var(--ge-line);cursor:pointer;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;padding:15px 20px;display:grid}.gids:first-child{border-top:0}.gids:hover{background:var(--ge-bg)}.gids h3{font:700 16px/1.35 var(--ge-display);min-width:0;margin:0}.gids .sub{color:var(--ge-muted);grid-column:1;font-size:13px}.gids .pijl{color:var(--ge-muted);grid-area:1/2/span 2;font-size:18px}.gids:hover .pijl{color:var(--ge-paars)}.cta{background:var(--ge-paars-8);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.cta h2{font:700 20px/1.2 var(--ge-display);margin:0 0 4px}.cta p{color:var(--ge-muted);margin:0}.cta>div{flex:280px;min-width:0}.knop{font:700 15px/1 var(--ge-display);background:var(--ge-paars);color:#fff;white-space:nowrap;border-radius:10px;padding:14px 20px;text-decoration:none}@media (prefers-color-scheme:dark){.ge .knop{color:var(--ge-bg)}}.ge ul.goed{list-style:outside}.ge h1,.ge h2,.ge h3,.ge p,.ge h1,.ge .intro{margin:0}.ge [hidden]{display:none!important}.ge *{box-sizing:border-box}
