.hoogte-pagina{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.hoogte-pagina>*{margin:0!important}@media (width>=1024px){.hoogte-pagina{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);align-content:start;align-items:start;gap:20px}.hoogte-kaart-kader{grid-area:1/1/span 3}.hoogte-uitslag,.hoogte-uitleg,.hoogte-app{grid-column:2}.hoogte-kaart{height:min(74vh,700px)!important}}.hoogte-kaart-kader{border-radius:20px;padding:0;position:relative;overflow:hidden}.hoogte-kaart{background:var(--hz-bg0);width:100%;height:min(62vh,560px);min-height:360px}.hoogte-plekknop{z-index:2;border:.5px solid var(--hz-lijn);min-height:44px;color:var(--hz-t1);font:600 15px/1 var(--hz-font-tekst);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#07080dc7;border-radius:22px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:absolute;top:12px;left:12px}.hoogte-plekknop:hover{border-color:var(--hz-goud)}.hoogte-plekknop:focus-visible{outline:2px solid var(--hz-goud);outline-offset:2px}.hoogte-plekknop svg{color:var(--hz-goud)}.hoogte-kaart .maplibregl-ctrl-group{border:.5px solid var(--hz-lijn);box-shadow:none;background:#07080dc7}.hoogte-kaart .maplibregl-ctrl-group button+button{border-top:.5px solid var(--hz-lijn)}.hoogte-kaart .maplibregl-ctrl-group button span{filter:invert()}.hoogte-kaart .maplibregl-ctrl-attrib,.hoogte-kaart .maplibregl-ctrl-attrib.maplibregl-compact,.hoogte-kaart .maplibregl-ctrl-attrib.maplibregl-compact-show{color:var(--hz-t2);background:#07080dc7!important}.hoogte-kaart .maplibregl-ctrl-attrib a{color:var(--hz-t2)}.hoogte-kaart .maplibregl-ctrl-attrib-button{filter:invert()}.hoogte-kaart .maplibregl-canvas{cursor:crosshair}.hoogte-uitslag{gap:10px;padding:24px;display:grid}.hoogte-uitslag p{margin:0}.hoogte-getal{font-family:var(--hz-font-hero);color:var(--hz-t1);font-variant-numeric:tabular-nums;font-size:clamp(60px,8vw,88px);line-height:1}.hoogte-schuif{color:var(--hz-t1);gap:10px;margin-top:8px;font-weight:600;display:grid}.hoogte-schuif input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.hoogte-schuif input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #2e7cd6, var(--hz-goud));border-radius:2px;height:4px}.hoogte-schuif input[type=range]::-moz-range-track{background:linear-gradient(90deg, #2e7cd6, var(--hz-goud));border-radius:2px;height:4px}.hoogte-schuif input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ede6d6;border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 2px 10px #00000080}.hoogte-schuif input[type=range]::-moz-range-thumb{background:#ede6d6;border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #00000080}.hoogte-schuif input[type=range]:focus-visible{outline:2px solid var(--hz-goud);outline-offset:4px;border-radius:4px}.hoogte-droog{color:var(--hz-goed-tekst,#4fd08f);font-weight:600}.hoogte-nat{color:var(--hz-gevaar-tekst,#f2686b);font-weight:600}.hoogte-uitleg{margin:0}.hoogte-app{gap:12px;padding:24px;display:grid}.hoogte-app h2{font-family:var(--hz-font-titel);margin:0;font-size:26px}.hoogte-app p{color:var(--hz-t2);margin:0}@media (width<=600px){.hoogte-kaart{height:56vh;min-height:320px}.hoogte-uitslag,.hoogte-app{padding:18px}}.kk-rij{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:12px;display:flex}.kk-stijl{border:.5px solid var(--hz-lijn);background:#ffffff0a;border-radius:14px;flex:340px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.kk-knop{min-height:44px;color:var(--hz-t2);font:600 14px/1.15 var(--hz-font-tekst);cursor:pointer;background:0 0;border:.5px solid #0000;border-radius:10px;padding:0 10px}.kk-knop:hover{color:var(--hz-t1)}.kk-knop[aria-checked=true]{color:var(--hz-t1);background:color-mix(in srgb, var(--hz-goud) 16%, #07080ddb);border-color:color-mix(in srgb, var(--hz-goud) 60%, transparent)}.kk-papier{border:.5px solid var(--hz-lijn);min-height:52px;color:var(--hz-t1);text-align:left;cursor:pointer;font:inherit;background:#ffffff0a;border-radius:14px;flex:260px;align-items:center;gap:12px;padding:8px 16px;display:inline-flex}.kk-papier svg{color:var(--hz-goud);flex:none}.kk-papier:hover:not(:disabled){background:#ffffff12}.kk-papier:disabled{opacity:.6;cursor:progress}.kk-papier-tekst{gap:2px;display:grid}.kk-papier-tekst strong{font-size:15px}.kk-papier-tekst span{color:var(--hz-t2);font-size:13px}.kk-knop:focus-visible,.kk-papier:focus-visible{outline:2px solid var(--hz-goud);outline-offset:2px}.kk-uitleg{margin:8px 2px 0}html.rood-nachtlicht:before,html.rood-nachtlicht:after{content:"";pointer-events:none;z-index:2147483646;position:fixed;inset:0}html.rood-nachtlicht:before{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale()}html.rood-nachtlicht:after{mix-blend-mode:multiply;z-index:2147483647;background:#eb140d}@media (width<=600px){.kk-knop{padding:0 4px;font-size:13px}}