{#if block.title || block.subtitle}
{#if block.title}
{block.title}
{/if} {#if block.subtitle}
{block.subtitle}
{/if}
{/if}
{#if resetMap}
{ resetMap?.(); handleSelect(null); }} class="pointer-events-auto absolute top-2.5 right-2.5 z-[500] rounded-md bg-white/90 p-1.5 shadow-md text-stein-500 hover:text-stein-800 hover:bg-white transition-colors" aria-label={t(T.windkarte_reset_aria)} title={t(T.windkarte_reset_aria)} >
{/if} {#if browser && MapComponent && mapReady} {#await MapComponent then Map}
{ resetMap = ctrl.reset; }} /> {/await} {:else}
{t(T.windkarte_loading)}
{/if} {#if !mapActive}
{ mapActive = true; }} class="map-activate-overlay" aria-label={t(T.windkarte_tap_to_activate)} >
{t(T.windkarte_tap_to_activate)}
{/if}
handleSelect(null)} />
{#each [ { status: "rechtskraeftig", color: "#2d7a45", label: t(T.windkarte_legend_rechtskraeftig) }, { status: "entwurf_2", color: "#b08a52", label: t(T.windkarte_legend_entwurf_2) }, ] as item}
toggleStatus(item.status)} class="flex items-center gap-1.5 transition-opacity cursor-pointer select-none {hiddenStatuses.includes(item.status) ? 'opacity-35' : 'opacity-100'}" title={hiddenStatuses.includes(item.status) ? 'Einblenden' : 'Ausblenden'} >
{item.label}
{/each}
{t(T.windkarte_legend_distances)}
{#each [{ color: "#e35651", label: "200 m" }, { color: "#b08a52", label: "600 m" }, { color: "#436e85", label: "1 km" }] as ring}
{ring.label}
{/each} {#each [{ key: "2km", color: "#5e6fa3", label: "2 km" }, { key: "5km", color: "#8a567a", label: "5 km" }] as ring}
toggleRing(ring.key)} class="flex items-center gap-1.5 cursor-pointer select-none transition-opacity {hiddenRings.includes(ring.key) ? 'opacity-35' : 'opacity-100'}" title={hiddenRings.includes(ring.key) ? 'Einblenden (alle Gebiete)' : 'Ausblenden'} >
{ring.label}
{/each}