diff --git a/src/lib/components/WindAreaPanel.svelte b/src/lib/components/WindAreaPanel.svelte
index 4ea71c8..98cd4b6 100644
--- a/src/lib/components/WindAreaPanel.svelte
+++ b/src/lib/components/WindAreaPanel.svelte
@@ -36,7 +36,7 @@
     <div class="flex items-start justify-between gap-3 border-b border-stein-200 px-5 py-4">
       <div class="min-w-0">
         <div class="flex items-center gap-2 flex-wrap">
-          <span class="text-xl font-semibold text-stein-800">{area.name}</span>
+          <span class="text-xl font-semibold text-stein-800">{area.gebiets_nr}</span>
           {#if area.status}
             <span class="rounded-full px-2 py-0.5 text-xs font-medium {STATUS_CLASS[area.status] ?? 'bg-stein-100 text-stein-600'}">
               {STATUS_LABEL[area.status] ?? area.status}
diff --git a/src/lib/components/WindkarteMap.svelte b/src/lib/components/WindkarteMap.svelte
index 99e2b1c..ca19e49 100644
--- a/src/lib/components/WindkarteMap.svelte
+++ b/src/lib/components/WindkarteMap.svelte
@@ -73,7 +73,7 @@
       maxZoom: 16,
     }).addTo(map);
 
-    const byName = Object.fromEntries(areas.map((a) => [a.name, a]));
+    const byNr = Object.fromEntries(areas.map((a) => [a.gebiets_nr, a]));
 
     try {
       const geoRes = await fetch(geojsonUrl);
@@ -85,7 +85,7 @@
           return style(s, false);
         },
         onEachFeature: (feature, layer) => {
-          const cmsArea = byName[feature.properties?.name] ?? null;
+          const cmsArea = byNr[feature.properties?.name] ?? null;
           if (cmsArea) feature.properties.cms = cmsArea;
 
           layer.on("click", async () => {
diff --git a/src/lib/windkarte.ts b/src/lib/windkarte.ts
index b1ee75b..0f1e470 100644
--- a/src/lib/windkarte.ts
+++ b/src/lib/windkarte.ts
@@ -1,6 +1,6 @@
 export type WindArea = {
   _slug: string;
-  name: string;
+  gebiets_nr: string;
   bezeichnung?: string;
   status?: "rechtskraeftig" | "entwurf_2" | "entwurf_3";
   flaeche_ha?: number;