.hpmap-collapse{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.3,.7,.3,1);display:grid}.hpmap-stage.open .hpmap-collapse{grid-template-rows:1fr}.hpmap-clip{min-height:0;overflow:hidden}.hpmap-sheet{--hpmap-ink:color-mix(in oklab, var(--foreground) 88%, transparent);background:var(--card);border:1px solid var(--zettel-rand);border-radius:var(--radius);box-shadow:var(--zettel-shadow);outline:1px solid var(--zettel-frame);outline-offset:-7px;position:relative}.hpmap-canvas{border-radius:var(--radius);position:relative;overflow:hidden}.hpmap-maplibre{aspect-ratio:1000/883;background:var(--card);width:100%}.hpmap-maplibre .maplibregl-canvas{outline:none}.hpmap-canvas .maplibregl-ctrl-group{background:var(--card);border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--hpmap-ink) 25%, transparent);overflow:hidden;box-shadow:0 3px 8px -3px oklch(25% .04 55/.4)}.hpmap-canvas .maplibregl-ctrl-group button{background:0 0}.hpmap-canvas .maplibregl-ctrl-group button+button{border-top:1px solid color-mix(in oklab, var(--hpmap-ink) 18%, transparent)}.dark .hpmap-canvas .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,.dark .hpmap-canvas .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{filter:invert()}.hpmap-canvas .maplibregl-ctrl-attrib{background:color-mix(in oklab, var(--card) 80%, transparent);color:var(--muted-foreground);font-size:10px}.hpmap-canvas .maplibregl-ctrl-attrib a{color:var(--muted-foreground)}.hpmap-falz{pointer-events:none;z-index:2;position:absolute;inset:0}.hpmap-falz i{display:block;position:absolute}.hpmap-falz .v1,.hpmap-falz .v2{background:linear-gradient(90deg,#0000,oklch(30% .03 55/.07) 50%,#0000);width:14px;top:0;bottom:0}.hpmap-falz .v1{left:calc(33.3% - 7px)}.hpmap-falz .v2{left:calc(66.6% - 7px)}.hpmap-falz .h1{background:linear-gradient(#0000,oklch(30% .03 55/.08) 50%,#0000);height:14px;top:calc(50% - 7px);left:0;right:0}.hpmap-fold{perspective:1400px;pointer-events:none;z-index:6;display:none;position:absolute;inset:0}.hpmap-stage.folding .hpmap-fold{display:block}.hpmap-stage.folding .hpmap-fade,.hpmap-stage.folding .hpmap-pin,.hpmap-stage.folding .hpmap-realpin,.hpmap-stage.folding .hpmap-cluster{opacity:0}.hpmap-flap{backface-visibility:hidden;background:var(--card);height:50%;position:absolute;left:0;right:0;overflow:hidden}.hpmap-flap:before{content:"";background:linear-gradient(90deg,#0000 calc(33.3% - 7px),oklch(30% .03 55/.07) 33.3%,#0000 calc(33.3% + 7px)),linear-gradient(90deg,#0000 calc(66.6% - 7px),oklch(30% .03 55/.07) 66.6%,#0000 calc(66.6% + 7px));position:absolute;inset:0}.hpmap-flap-top{transform-origin:top;animation:.42s cubic-bezier(.25,.7,.3,1) both hpmap-unfold;top:0}.hpmap-flap-bottom{transform-origin:top;animation:.42s cubic-bezier(.25,.7,.3,1) .4s both hpmap-unfold;top:50%}.hpmap-flap:after{content:"";background:linear-gradient(oklch(20% .02 55/.45),#0000 80%);position:absolute;inset:0}.hpmap-flap-top:after{animation:.42s ease-out both hpmap-shade}.hpmap-flap-bottom:after{animation:.42s ease-out .4s both hpmap-shade}@keyframes hpmap-unfold{0%{transform:rotateX(-86deg)}to{transform:none}}@keyframes hpmap-shade{0%{opacity:1}to{opacity:0}}.hpmap-fade{transition:opacity .25s}.maplibregl-marker{z-index:3;pointer-events:none}.hpmap-cluster,.hpmap-pin{transition:opacity .25s,transform .18s cubic-bezier(.3,.7,.3,1.4)}.hpmap-stage.zoomed .hpmap-cluster{pointer-events:none;opacity:0!important}.hpmap-pin,.hpmap-realpin{opacity:0;pointer-events:none}.hpmap-stage.zoomed .hpmap-pin,.hpmap-stage.zoomed .hpmap-realpin{opacity:1;pointer-events:auto}.hpmap-stage.zoomed .hpmap-pin{transition-delay:calc(min(var(--i,0) * 14, 300) * 1ms), 0s}.hpmap-stage.zoomed .hpmap-realpin{transition-delay:0s, calc(min(var(--i,0) * 14, 300) * 1ms)}.hpmap-cluster{pointer-events:auto;width:var(--s,38px);height:var(--s,38px);font-weight:700;font-size:calc(var(--s,38px) * .34);font-variant-numeric:tabular-nums;color:var(--card-foreground);background:var(--card);border:1.5px solid color-mix(in oklab, var(--hpmap-ink) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--card) 80%, transparent), 0 4px 10px -4px oklch(25% .04 55/.4);cursor:zoom-in;opacity:0;border-radius:999px;place-items:center;display:grid;position:relative;transform:scale(.6)}.hpmap-stage.unfolded .hpmap-cluster{opacity:1;transition-delay:calc(var(--i) * 28ms), calc(var(--i) * 28ms);transform:scale(1)}.hpmap-stage.unfolded .hpmap-cluster:hover{border-color:var(--primary);transition-delay:0s;transform:scale(1.12)}.hpmap-cluster-label{letter-spacing:.09em;text-transform:uppercase;color:color-mix(in oklab, var(--hpmap-ink) 75%, transparent);white-space:nowrap;pointer-events:none;text-shadow:0 0 4px var(--card), 0 0 8px var(--card);font-size:9px;font-weight:650;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.hpmap-pin{z-index:1;font-variant-numeric:tabular-nums;color:var(--card-foreground);background:var(--card);border:1px solid color-mix(in oklab, var(--hpmap-ink) 45%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:3px 9px 3px 7px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 3px 8px -3px oklch(25% .04 55/.45)}.maplibregl-marker.hpmap-marker--exact{z-index:4}.hpmap-realpin{cursor:pointer;filter:drop-shadow(0 3px 4px oklch(20% .04 40/.45));transform-origin:bottom;background:0 0;border:0;place-items:center;width:38px;height:38px;margin:0;padding:0;transition:transform .15s cubic-bezier(.3,.7,.3,1.4),opacity .25s;display:grid}.hpmap-realpin svg{width:100%;height:100%}.hpmap-realpin:hover{transform:scale(1.15)}.hpmap-realpin.aktiv{filter:drop-shadow(0 3px 6px oklch(20% .04 40/.7));transform:scale(1.15)}.hpmap-realpin--haus{color:var(--type-haus)}.hpmap-realpin--grund{color:var(--type-grund)}.hpmap-realpin--zv{color:var(--brand)}.hpmap-pin:hover{box-shadow:var(--zettel-shadow-hover);transform:scale(1.09)}.hpmap-pin.aktiv{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 45%, transparent), var(--zettel-shadow-hover)}.maplibregl-marker:has(.hpmap-fokus){z-index:5}.hpmap-pin.hpmap-fokus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 45%, transparent), var(--zettel-shadow-hover);transform:scale(1.09)}.hpmap-realpin.hpmap-fokus{filter:drop-shadow(0 3px 6px oklch(20% .04 40/.7));transform:scale(1.15)}.hpmap-stage.unfolded .hpmap-cluster.hpmap-fokus{border-color:var(--primary);transition-delay:0s;transform:scale(1.12)}.hpmap-dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.hpmap-dot-haus{background:var(--type-haus)}.hpmap-dot-grund{background:var(--type-grund)}.hpmap-dot-zv{background:var(--brand)}.hpmap-exact{color:var(--muted-foreground);flex:none;display:inline-flex}.hpmap-exact svg{width:12px;height:12px}.hpmap-exact-haus{color:var(--type-haus)}.hpmap-exact-grund{color:var(--type-grund)}.hpmap-exact-zv{color:var(--brand)}.hpmap-pin--zv{background:var(--brand);color:var(--brand-foreground);border-color:var(--brand)}.hpmap-pin--zv .hpmap-dot-zv{background:var(--brand-foreground)}.hpmap-pin--zv .hpmap-exact-zv{color:var(--brand-foreground)}.hpmap-back{z-index:5;color:var(--foreground);background:var(--card);border:1px solid color-mix(in oklab, var(--hpmap-ink) 35%, transparent);cursor:zoom-out;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.8rem;font-weight:600;display:none;position:absolute;top:12px;right:12px;box-shadow:0 3px 8px -3px oklch(25% .04 55/.4)}.hpmap-stage.zoomed .hpmap-back{display:inline-flex}.hpmap-cartouche{z-index:3;background:color-mix(in oklab, var(--card) 88%, transparent);border:1px solid color-mix(in oklab, var(--hpmap-ink) 32%, transparent);pointer-events:none;border-radius:3px;padding:.5rem .75rem .55rem;position:absolute;top:4%;left:2.6%;box-shadow:0 2px 8px -4px oklch(25% .04 55/.3)}.hpmap-stage.zoomed .hpmap-cartouche{opacity:0}.hpmap-cartouche-title{letter-spacing:.16em;color:var(--hpmap-ink);font-size:.72rem;font-weight:750}.hpmap-cartouche-count{letter-spacing:.06em;color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:1px;font-size:.64rem}.hpmap-legend{gap:2px;margin-top:.45rem;display:grid}.hpmap-legend-row{color:var(--muted-foreground);align-items:center;gap:.4rem;font-size:.66rem;display:flex}.hpmap-glpopup{z-index:7}.hpmap-glpopup .maplibregl-popup-content{background:var(--card);width:200px;color:var(--card-foreground);border:1px solid var(--zettel-rand);border-radius:var(--radius);box-shadow:var(--zettel-shadow-hover);padding:0;font-size:.8rem;line-height:1.45;overflow:hidden;transform:translateZ(0)}.hpmap-glpopup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--card)}.hpmap-glpopup.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--card)}.hpmap-glpopup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--card)}.hpmap-glpopup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--card)}.hpmap-popup-foto{object-fit:cover;background:var(--muted);width:100%;height:72px;display:block}.hpmap-popup-inner{padding:.5rem .7rem .65rem}.hpmap-popup-title{margin:0;font-size:.82rem;font-weight:700;line-height:1.3}.hpmap-popup-ort{color:var(--muted-foreground);margin:0;font-size:.72rem}.hpmap-popup-preis{color:var(--price);margin:.2rem 0 0;font-weight:750}.hpmap-popup-zv{color:var(--primary);margin:.15rem 0 0;font-size:.7rem;font-weight:700}.hpmap-popup-approx{color:var(--muted-foreground);margin:.15rem 0 0;font-size:.68rem}.hpmap-popup-fotolink{line-height:0;text-decoration:none;display:block}.hpmap-popup-title a{color:inherit;text-decoration:none}.hpmap-popup-title a:hover{text-decoration:underline}.hpmap-popup-zeile{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.hpmap-popup-infos{min-width:0}.hpmap-popup-open{background:var(--primary);width:36px;height:36px;color:var(--primary-foreground);border-radius:999px;flex:none;place-items:center;margin-top:.2rem;transition:transform .15s cubic-bezier(.3,.7,.3,1.4);display:grid;box-shadow:0 3px 8px -3px oklch(25% .04 55/.45)}.hpmap-popup-open:hover{transform:scale(1.1)}.hpmap-popup-open svg{width:18px;height:18px}.hpmap-popup-close{z-index:1;color:#fff;cursor:pointer;background:oklch(20% .02 55/.55);border:none;border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.hpmap-status{z-index:5;text-align:center;color:var(--muted-foreground);background:color-mix(in oklab, var(--card) 85%, transparent);margin:0;padding:.5rem 1rem;font-size:.8rem;position:absolute;inset:auto 0 0}.hpmap-note{text-align:center;color:var(--muted-foreground);margin:.6rem 0 0;font-size:.78rem}.hpmap-close{right:12px;top:max(12px, env(safe-area-inset-top));z-index:6;background:var(--card);width:40px;height:40px;color:var(--foreground);border:1px solid color-mix(in oklab, var(--hpmap-ink) 35%, transparent);cursor:pointer;border-radius:999px;place-items:center;display:none;position:absolute;box-shadow:0 3px 8px -3px oklch(25% .04 55/.4)}.hpmap-bottomsheet{z-index:60;background:var(--card);color:var(--card-foreground);padding-bottom:env(safe-area-inset-bottom);visibility:hidden;border-radius:14px 14px 0 0;transition:transform .3s cubic-bezier(.3,.7,.3,1),visibility .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -12px 34px -12px oklch(0% 0 0/.5)}.hpmap-bottomsheet.sichtbar{visibility:visible;transform:none}.hpmap-bottomsheet:before{content:"";background:color-mix(in oklab, var(--foreground) 25%, transparent);border-radius:999px;width:42px;height:4px;margin:.5rem auto 0;display:block}.hpmap-bottomsheet .hpmap-popup-foto{height:150px}.hpmap-bottomsheet .hpmap-popup-inner{padding:.75rem 1.1rem 1rem;font-size:.9rem}.hpmap-bottomsheet .hpmap-popup-title{font-size:1rem}.hpmap-bottomsheet .hpmap-popup-ort{font-size:.8rem}.hpmap-bottomsheet .hpmap-popup-preis{font-size:1.05rem}.hpmap-bottomsheet .hpmap-popup-open{width:48px;height:48px}.hpmap-bottomsheet .hpmap-popup-open svg{width:24px;height:24px}.hpmap-bottomsheet .hpmap-popup-close{width:26px;height:26px;font-size:13px;top:12px;right:12px}.hpmap-lock{overflow:hidden}@media (width>=1024px){.hpsplit{--hpsplit-top:7rem;grid-template-columns:minmax(0,1fr) minmax(0,0fr);transition:grid-template-columns .5s cubic-bezier(.3,.7,.3,1);display:grid}.hpsplit:has(.hpmap-stage.open){grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.hpsplit>.hpmap-stage{min-width:0;overflow:clip}.hpsplit .hpmap-collapse{grid-template-rows:1fr;height:100%;transition:none}.hpsplit .hpmap-clip{overflow:visible}.hpsplit .hpmap-frame{max-width:none;margin:0;padding:1rem 1.25rem 1.25rem 0}.hpsplit:has(.hpmap-stage.open) .hpmap-frame{top:var(--hpsplit-top);height:calc(100vh - var(--hpsplit-top));height:calc(100dvh - var(--hpsplit-top));flex-direction:column;display:flex;position:sticky}.hpsplit .hpmap-sheet{flex-direction:column;min-height:0;display:flex}.hpsplit:has(.hpmap-stage.open) .hpmap-sheet{flex:auto}.hpsplit .hpmap-canvas{flex:auto;min-height:0}.hpsplit:has(.hpmap-stage.open) .hpmap-maplibre{aspect-ratio:auto;height:100%}.hpsplit .hpmap-note{flex:none}}@media (width<=1023.98px){.hpmap-close{display:grid}.hpmap-stage.open .hpmap-collapse{z-index:50;background:var(--background);grid-template-rows:1fr;transition:none;position:fixed;inset:0}.hpmap-stage.open .hpmap-frame{max-width:none;height:100%;padding:0}.hpmap-stage.open .hpmap-sheet{height:100%;box-shadow:none;border:0;border-radius:0;outline:none}.hpmap-stage.open .hpmap-canvas{border-radius:0;height:100%}.hpmap-stage.open .hpmap-maplibre{aspect-ratio:auto;height:100%}.hpmap-stage.open .hpmap-note{display:none}.hpmap-stage.open .hpmap-back{left:12px;right:auto;top:max(12px, env(safe-area-inset-top))}}@media (width<=640px){.hpmap-legend,.hpmap-cluster-label{display:none}}@media (prefers-reduced-motion:reduce){.hpmap-collapse{transition:none}.hpmap-flap-top,.hpmap-flap-bottom,.hpmap-flap-top:after,.hpmap-flap-bottom:after{animation:none}.hpmap-fold{display:none!important}.hpmap-cluster,.hpmap-stage.unfolded .hpmap-cluster,.hpmap-pin,.hpmap-fade{transition:none}}