diff --git a/src/lib/block-types.ts b/src/lib/block-types.ts
index 7f09f5a..f0c555f 100644
--- a/src/lib/block-types.ts
+++ b/src/lib/block-types.ts
@@ -430,4 +430,5 @@ export interface WindMapBlockData {
   subtitle?: string;
   /** Explizite Auswahl von wind_area-Slugs. Leer/null = alle published areas. */
   areas?: (string | { _slug: string;[key: string]: unknown })[];
+  layout?: BlockLayout;
 }
diff --git a/src/lib/components/blocks/WindkarteBlock.svelte b/src/lib/components/blocks/WindkarteBlock.svelte
index bb74436..ba41edf 100644
--- a/src/lib/components/blocks/WindkarteBlock.svelte
+++ b/src/lib/components/blocks/WindkarteBlock.svelte
@@ -6,11 +6,14 @@
   import type { WindArea } from "$lib/windkarte";
   import WindAreaPanel from "$lib/components/WindAreaPanel.svelte";
   import { useTranslate, T } from "$lib/translations";
+  import { getBlockLayoutClasses } from "$lib/block-layout";
 
   const t = useTranslate();
 
   let { block }: { block: WindMapBlockData } = $props();
 
+  const layoutClasses = $derived(getBlockLayoutClasses(block.layout));
+
   const CMS_BASE = (
     env.PUBLIC_CMS_URL || "http://localhost:3000"
   ).replace(/\/$/, "");
@@ -87,7 +90,12 @@ let areas = $state<WindArea[]>([]);
   });
 </script>
 
-<div class="wind-map-block">
+<div
+  class="wind-map-block {layoutClasses}"
+  data-block="WindMap"
+  data-block-type="wind_map"
+  data-block-slug={block._slug}
+>
   {#if block.title || block.subtitle}
     <div class="mb-4">
       {#if block.title}