.wg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#e7efe9;position:relative;overflow:hidden}.wg.slepen{cursor:grabbing}.wg-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.wg-land{fill:color-mix(in srgb,var(--mint-zacht) 55%,var(--doek))}.wg-sloot{stroke:color-mix(in srgb,var(--mint-zacht) 60%,var(--staal));stroke-width:.008px;opacity:.55}.wg-stad{fill:var(--vlak);stroke:color-mix(in srgb,var(--lijn) 70%,var(--staal));stroke-width:1px}.wg-water{stroke:color-mix(in srgb,var(--blauw) 34%,#fff)}.wg-water,.wg-weg-rand{fill:none;stroke-linecap:round;stroke-linejoin:round}.wg-weg-rand{stroke:var(--staal)}.wg-weg{fill:none;stroke:#fff;stroke-linecap:round}.wg-stadnaam,.wg-weg{stroke-linejoin:round}.wg-stadnaam{letter-spacing:.22em;fill:var(--muts);paint-order:stroke;stroke:var(--vlak);stroke-width:5px;font-size:17px;font-weight:800}.wg-waternaam{fill:color-mix(in srgb,var(--blauw) 80%,#fff);paint-order:stroke;stroke:color-mix(in srgb,var(--mint-zacht) 55%,var(--doek));stroke-width:4px;font-size:16px;font-style:italic;font-weight:600}.wg-schild{fill:var(--navy);stroke:var(--mint);stroke-width:1.5px}.wg-schildtekst{fill:#fff;letter-spacing:.04em;font-size:14px;font-weight:800}.wg-stip{cursor:pointer;outline:none}.wg-stip .rondje{stroke:#fff;stroke-width:3px;fill:var(--staal)}.wg-stip.rood .rondje{fill:var(--rood)}.wg-stip.amber .rondje{fill:var(--amber)}.wg-stip.bezig .rondje{fill:var(--navy)}.wg-stip.blauw .rondje{fill:var(--blauw)}.wg-stip.groen .rondje{fill:var(--groen)}.wg-stip.grijs .rondje{fill:var(--staal)}.wg-stip.bundel .rondje{stroke-width:4px}.wg-stip:focus-visible .rondje,.wg-stip:hover .rondje{stroke:var(--nacht)}.wg-stip .ring{fill:none;stroke:var(--nacht);stroke-width:3px}.wg-stip .benadering{fill:none;stroke:var(--muts);stroke-width:2px;stroke-dasharray:4 3}.wg-stip .puls{fill:var(--mint);transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:2.4s ease-out infinite wg-puls}.wg-stip .getal{fill:#fff;pointer-events:none;font-size:15px;font-weight:800}.wg-stip.amber .getal{fill:var(--nacht)}.wg-stip .naam{fill:var(--inkt);font-size:18px;font-weight:800}.wg-stip .naam,.wg-stip .sub{paint-order:stroke;stroke:var(--vlak);stroke-width:5px;stroke-linejoin:round}.wg-stip .sub{fill:var(--body);font-size:16px;font-weight:700}.wg-stip.rood .sub{fill:var(--rood)}.wg-stip.amber .sub{fill:var(--amber-donker)}.wg-stip.blauw .sub{fill:var(--blauw)}.wg-stip.groen .sub{fill:var(--groen)}@keyframes wg-puls{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.7)}}@media (prefers-reduced-motion:reduce){.wg-stip .puls{opacity:.35;animation:none;transform:scale(1.6)}}.wg-knoppen{z-index:5;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:20px}.wg-knop{border:1px solid var(--lijn);background:var(--vlak);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 18px #04231c1a}.wg-knop:hover{background:var(--mint-zacht)}.wg-schaal{color:var(--muts);flex-direction:column;align-items:flex-start;gap:3px;margin-right:8px;font-size:15px;font-weight:800;display:flex}.wg-schaal i{border:2px solid var(--muts);border-top:0;height:6px;display:block}.ks{background:var(--doek);position:fixed;inset:0;overflow:hidden}.ks-kaart{position:absolute;inset:0}.ks-links{z-index:10;flex-direction:column;gap:12px;width:min(540px,100vw - 40px);display:flex;position:absolute;top:20px;left:20px}.ks-balk,.ks-kaartje,.ks-lagen,.ks-rechts{background:var(--vlak);border:1px solid var(--lijn);border-radius:16px;box-shadow:0 10px 28px #04231c1a}.ks-balk{gap:8px;padding:8px}.ks-balk,.ks-merk{align-items:center;display:flex}.ks-merk{flex:none;padding:4px 6px 4px 8px}.ks-knop{border:1px solid var(--lijn);background:var(--vlak-2);color:var(--inkt);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:8px;min-height:46px;padding:8px 12px;font-size:20.4px;font-weight:800;display:inline-flex}.ks-knop:hover{background:var(--mint-zacht)}.ks-knop.aan{background:var(--navy);border-color:var(--navy);color:#fff}.ks-knop .menu-teller{margin-left:2px}.ks-zoek{background:var(--doek);border:1px solid var(--lijn);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;min-height:46px;padding:0 12px;display:flex;position:relative}.ks-zoek:focus-within{border-color:var(--knop);background:var(--vlak)}.ks-zoek input{min-width:0;color:var(--inkt);background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-size:20.4px}.ks-zoek input::placeholder{color:var(--dim)}.ks-zoek .zoek-uit{top:54px;left:-1px;right:-1px}.ks-kaartje{max-height:calc(100vh - 300px);padding:16px 18px;overflow:auto}.ks-aandacht{text-align:left;background:var(--vlak);border:1px solid var(--lijn);border-left:4px solid var(--staal);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:0 12px 12px 0;align-items:center;gap:12px;margin-top:8px;padding:8px 12px 8px 10px;display:flex}.ks-aandacht.gekozen,.ks-aandacht:hover{background:var(--mint-zacht)}.ks-aandacht.rood{border-left-color:var(--rood)}.ks-aandacht.amber{border-left-color:var(--amber)}.ks-aandacht b{font-size:21.2px;font-weight:800}.ks-aandacht .groei>span,.ks-aandacht b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ks-aandacht .groei>span{color:var(--muts);font-size:18.7px}.ks-aandacht.rood .groei>span{color:var(--rood)}.ks-aandacht.amber .groei>span{color:var(--amber-donker)}.ks-rustig{color:var(--body);gap:8px;margin-top:10px;font-size:20.4px}.ks-rechts,.ks-rustig{align-items:center;display:flex}.ks-rechts{z-index:10;gap:14px;padding:8px 10px 8px 16px;position:absolute;top:20px;right:20px}.ks-wie{border-left:1px solid var(--lijn);align-items:center;gap:10px;padding-left:14px;display:flex}.ks-offline{z-index:11;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ks-lagen{z-index:10;flex-direction:column;gap:10px;max-width:calc(100vw - 40px);padding:10px;display:flex;position:absolute;bottom:20px;left:20px}.ks-lagenknoppen{gap:6px;display:flex}.ks-lagenknoppen button{border:1px solid var(--lijn);background:var(--vlak);color:var(--body);cursor:pointer;border-radius:11px;align-items:center;gap:8px;min-height:46px;padding:8px 16px;font-size:19.5px;font-weight:800;display:inline-flex}.ks-lagenknoppen button:hover{background:var(--mint-zacht)}.ks-lagenknoppen button.aan{background:var(--navy);border-color:var(--navy);color:#fff}.ks-legenda{color:var(--body);flex-wrap:wrap;gap:6px 16px;max-width:760px;padding:0 4px 2px;font-size:17.8px;display:flex}.ks-legenda span.nul{color:var(--dim)}.ks-legenda i{vertical-align:-1px;background:var(--staal);border-radius:50%;width:14px;height:14px;margin-right:7px;display:inline-block}.ks-legenda i.rood{background:var(--rood)}.ks-legenda i.amber{background:var(--amber)}.ks-legenda i.bezig{background:var(--navy);box-shadow:0 0 0 3px var(--mint)}.ks-legenda i.blauw{background:var(--blauw)}.ks-legenda i.groen{background:var(--groen)}.ks-legenda b{color:var(--inkt);margin-left:2px;font-weight:800}.ks-legenda span.nul b{color:var(--dim)}.ks-paneel{z-index:12;background:var(--vlak);border:1px solid var(--lijn);border-radius:18px;width:min(600px,42vw);position:absolute;top:20px;bottom:20px;right:20px;overflow:auto;box-shadow:0 18px 44px #04231c29}.ks-paneelfoto{background:var(--navy);flex:none;height:230px;position:relative}.ks-paneelfoto img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ks-paneelfoto .sluier{background:linear-gradient(#04231c61,#04231c05 34%,#04231cc7);position:absolute;inset:0}.ks-code{position:absolute;top:14px;left:16px}.ks-sluit{cursor:pointer;background:#04231c8c;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:12px;right:12px}.ks-sluit:hover{background:#04231ccc}.ks-paneeltitel{color:#fff;position:absolute;bottom:16px;left:20px;right:20px}.ks-paneeltitel h2{font-size:32.3px;line-height:1.15}.ks-paneeltitel .sub{color:#ffffffdb;margin-top:4px;font-size:19.5px}.ks-paneelbinnen{flex-direction:column;gap:20px;padding:16px 20px 22px;display:flex}.ks .cijferrail .w.blauw{color:var(--blauw)}.ks .cijferrail .w.navy{color:var(--navy)}.ks-feiten{margin-top:0}.ks-feiten .w.klein{white-space:normal;font-size:21.2px;line-height:1.25}.ks-meting{border:1px solid var(--lijn);border-radius:var(--radius-kaart);padding:12px 14px}.ks-meting b{color:var(--groen);font-size:32.3px;font-weight:800}.ks-meting.amber b{color:var(--amber-donker)}.ks-metingbalk{background:var(--vlak-2);border-radius:5px;height:10px;margin-top:8px;position:relative}.ks-metingbalk i{background:var(--groen);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.ks-meting.amber .ks-metingbalk i{background:var(--amber)}.ks-metingbalk em{background:var(--nacht);border-radius:2px;width:3px;position:absolute;top:-4px;bottom:-4px}.ks-knoppenrij{flex-wrap:wrap;gap:8px;display:flex}.ks-sluier{z-index:20;cursor:pointer;background:#04231c4d;position:absolute;inset:0}.ks-op-vel .wg-knoppen{display:none}.ks-vel{z-index:21;background:var(--doek);border:1px solid var(--lijn);border-radius:18px;width:min(1600px,100vw - 150px);position:absolute;top:16px;bottom:16px;left:16px;overflow:auto;box-shadow:0 24px 60px #04231c47}.ks-velkop{z-index:20;background:var(--doek);border-bottom:1px solid var(--lijn);gap:12px;padding:12px 24px;position:sticky;top:0}.ks-kruimel,.ks-velkop{align-items:center;display:flex}.ks-kruimel{color:var(--muts);white-space:nowrap;gap:8px;min-width:0;font-size:20.4px;overflow:hidden}.ks-kruimel i{border-radius:3px;flex:none;width:10px;height:10px}.ks-kruimel b{color:var(--inkt);text-overflow:ellipsis;font-weight:800;overflow:hidden}.ks-kruimel b:before{content:"›";color:var(--dim);margin-right:8px;font-weight:400}.ks-menu{z-index:40;background:var(--vlak);border:1px solid var(--lijn);border-radius:18px;width:min(1180px,100vw - 40px);max-height:calc(100vh - 116px);padding:18px 20px 8px;position:absolute;top:90px;left:20px;overflow:auto;box-shadow:0 24px 60px #04231c38}.ks-menu.op-vel{top:84px;left:40px}.ks-menugroepen{-moz-columns:320px 3;columns:320px 3;-moz-column-gap:28px;column-gap:28px}.ks-menugroep{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.ks-menugroep .menu-kop{padding-left:12px}.ks-paneel-enter-active,.ks-paneel-leave-active{transition:transform .24s,opacity .24s}.ks-paneel-enter-from,.ks-paneel-leave-to{opacity:0;transform:translate(32px)}.ks-vel-enter-active,.ks-vel-leave-active{transition:transform .22s,opacity .22s}.ks-vel-enter-from,.ks-vel-leave-to{opacity:0;transform:translate(-32px)}.ks-sluier-enter-active,.ks-sluier-leave-active{transition:opacity .22s}.ks-sluier-enter-from,.ks-sluier-leave-to{opacity:0}.ks-menu-enter-active,.ks-menu-leave-active{transition:transform .16s,opacity .16s}.ks-menu-enter-from,.ks-menu-leave-to{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.ks-menu-enter-active,.ks-menu-leave-active,.ks-paneel-enter-active,.ks-paneel-leave-active,.ks-sluier-enter-active,.ks-sluier-leave-active,.ks-vel-enter-active,.ks-vel-leave-active{transition:none}}@media (width<=900px){.ks-legenda,.ks-rechts .ks-wie{display:none}.ks-vel{width:calc(100vw - 32px)}.ks-paneel{width:calc(100vw - 40px)}}@media (width<=700px){.ks-links{width:calc(100vw - 24px);top:12px;left:12px}.ks-merk{display:none}.ks-kaartje{max-height:36vh}.ks-rechts{display:none}.ks-lagen{bottom:12px;left:12px;right:12px}.ks-lagenknoppen button{flex:1;justify-content:center;padding:8px}.ks-vel{width:calc(100vw - 16px);top:8px;bottom:8px;left:8px}.ks-velkop{flex-wrap:wrap;padding:10px 12px}.ks-velkop .demoklok,.ks-velkop .stand{display:none}.ks-paneel{width:auto;max-height:62vh;inset:auto 12px 12px}}