diff --git a/frontend/src/components/abfragevarianten/AbfragevarianteBaugenehmigungsverfahrenComponent.vue b/frontend/src/components/abfragevarianten/AbfragevarianteBaugenehmigungsverfahrenComponent.vue
index 48d1e3b81..5adab918f 100644
--- a/frontend/src/components/abfragevarianten/AbfragevarianteBaugenehmigungsverfahrenComponent.vue
+++ b/frontend/src/components/abfragevarianten/AbfragevarianteBaugenehmigungsverfahrenComponent.vue
@@ -23,9 +23,9 @@
       v-model="abfragevariante"
       :is-editable="isEditable"
     />
-    <geplante-anzahl-wohneinheiten-component
-      id="geplante_anzahl_wohneinheiten_component"
-      ref="geplanteAnzahlWohneinheitenComponent"
+    <geplante-anzahl-wohneinheiten-baugenehmigungsverfahren-component
+      id="geplante_anzahl_wohneinheiten_baugenehmigungsverfahren_component"
+      ref="geplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent"
       v-model="abfragevariante"
       :is-editable="isEditable"
     />
@@ -47,7 +47,7 @@
 import { Component, Vue, VModel, Prop } from "vue-property-decorator";
 import CommonBaugenehmigungsverfahrenComponent from "@/components/abfragevarianten/CommonBaugenehmigungsverfahrenComponent.vue";
 import GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent from "@/components/abfragevarianten/GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent.vue";
-import GeplanteAnzahlWohneinheitenComponent from "@/components/abfragevarianten/GeplanteAnzahlWohneinheitenComponent.vue";
+import GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent from "@/components/abfragevarianten/GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent.vue";
 import SachbearbeitungComponent from "@/components/abfragevarianten/SachbearbeitungComponent.vue";
 import BauratenAggregiertComponent from "@/components/bauraten/BauratenAggregiertComponent.vue";
 import BedarfsmeldungFachreferateComponent from "@/components/abfragevarianten/BedarfsmeldungFachreferateComponent.vue";
@@ -60,7 +60,7 @@ import { AnzeigeContextAbfragevariante } from "@/views/Abfrage.vue";
     FieldGroupCard,
     CommonBaugenehmigungsverfahrenComponent,
     GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent,
-    GeplanteAnzahlWohneinheitenComponent,
+    GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent,
     SachbearbeitungComponent,
     BedarfsmeldungFachreferateComponent,
     BauratenAggregiertComponent,
diff --git a/frontend/src/components/abfragevarianten/AbfragevarianteBauleitplanverfahrenComponent.vue b/frontend/src/components/abfragevarianten/AbfragevarianteBauleitplanverfahrenComponent.vue
index ec54f0942..451fad66c 100644
--- a/frontend/src/components/abfragevarianten/AbfragevarianteBauleitplanverfahrenComponent.vue
+++ b/frontend/src/components/abfragevarianten/AbfragevarianteBauleitplanverfahrenComponent.vue
@@ -23,9 +23,9 @@
       v-model="abfragevariante"
       :is-editable="isEditable"
     />
-    <geplante-anzahl-wohneinheiten-component
-      id="geplante_anzahl_wohneinheiten_component"
-      ref="geplanteAnzahlWohneinheitenComponent"
+    <geplante-anzahl-wohneinheiten-bauleitplanverfahren-component
+      id="geplante_anzahl_wohneinheiten_bauleitplanverfahren_component"
+      ref="geplanteAnzahlWohneinheitenBauleitplanverfahrenComponent"
       v-model="abfragevariante"
       :is-editable="isEditable"
     />
@@ -47,7 +47,7 @@
 import { Component, Vue, VModel, Prop } from "vue-property-decorator";
 import CommonBauleitplanverfahrenComponent from "@/components/abfragevarianten/CommonBauleitplanverfahrenComponent.vue";
 import GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent from "@/components/abfragevarianten/GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent.vue";
-import GeplanteAnzahlWohneinheitenComponent from "@/components/abfragevarianten/GeplanteAnzahlWohneinheitenComponent.vue";
+import GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent from "@/components/abfragevarianten/GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent.vue";
 import SachbearbeitungComponent from "@/components/abfragevarianten/SachbearbeitungComponent.vue";
 import BauratenAggregiertComponent from "@/components/bauraten/BauratenAggregiertComponent.vue";
 import BedarfsmeldungFachreferateComponent from "@/components/abfragevarianten/BedarfsmeldungFachreferateComponent.vue";
@@ -60,7 +60,7 @@ import { AnzeigeContextAbfragevariante } from "@/views/Abfrage.vue";
     FieldGroupCard,
     CommonBauleitplanverfahrenComponent,
     GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent,
-    GeplanteAnzahlWohneinheitenComponent,
+    GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent,
     SachbearbeitungComponent,
     BedarfsmeldungFachreferateComponent,
     BauratenAggregiertComponent,
diff --git a/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent.vue b/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent.vue
new file mode 100644
index 000000000..09fadf937
--- /dev/null
+++ b/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBaugenehmigungsverfahrenComponent.vue
@@ -0,0 +1,190 @@
+<template>
+  <field-group-card :card-title="geplanteAnzahlWohneinheitenTitle">
+    <v-row justify="center">
+      <v-col
+        cols="12"
+        md="4"
+      >
+        <num-field
+          id="we_gesamt_field"
+          ref="weGesamtField"
+          v-model="abfragevariante.weGesamt"
+          :disabled="!isEditable"
+          class="mx-3"
+          label="Gesamt"
+          integer
+        />
+      </v-col>
+      <v-col
+        cols="12"
+        md="4"
+      >
+        <num-field
+          id="we_baurechtlich_genehmigt_field"
+          ref="weBaurechtlichGenehmigtField"
+          v-model="abfragevariante.weBaurechtlichGenehmigt"
+          :disabled="!isEditable"
+          class="mx-3"
+          label="Baurechtlich genehmigt"
+          integer
+        />
+      </v-col>
+      <v-col
+        cols="12"
+        md="4"
+      >
+        <num-field
+          id="we_baurechtlich_festgesetzt_field"
+          ref="weBaurechtlichFestgesetztField"
+          v-model="abfragevariante.weBaurechtlichFestgesetzt"
+          :disabled="!isEditable"
+          class="mx-3"
+          label="Baurechtlich festgesetzt"
+          integer
+        />
+      </v-col>
+    </v-row>
+
+    <v-row justify="center">
+      <v-col
+        cols="12"
+        md="4"
+      >
+        <v-checkbox
+          id="we_sonderwohnformen_checkbox"
+          ref="weSonderwohnformenCheckbox"
+          v-model="abfragevariante.weSonderwohnformen"
+          :disabled="!isEditable"
+          class="mx-3"
+          label="Sonderwohnformen"
+          color="primary"
+        />
+      </v-col>
+      <!-- Space für Platzhalter -->
+      <v-col
+        cols="12"
+        md="8"
+      >
+      </v-col>
+    </v-row>
+    <v-expand-transition>
+      <div>
+        <v-row
+          v-if="abfragevariante.weSonderwohnformen"
+          justify="center"
+        >
+          <v-col
+            cols="12"
+            md="2"
+          />
+          <v-col
+            cols="12"
+            md="2"
+          >
+            <span>davon</span>
+          </v-col>
+          <v-col
+            cols="12"
+            md="4"
+          >
+            <num-field
+              id="we_studentenwohnungen_field"
+              ref="weStudentenwohnungenField"
+              v-model="abfragevariante.weStudentischesWohnen"
+              :disabled="!isEditable"
+              class="mx-3"
+              label="Studentierendenwohnungen"
+              integer
+            />
+          </v-col>
+          <v-col
+            cols="12"
+            md="4"
+          >
+            <num-field
+              id="we_seniorInnen_wohnungen_field"
+              ref="weSeniorInnenWohnungenField"
+              v-model="abfragevariante.weSeniorinnenWohnen"
+              :disabled="!isEditable"
+              class="mx-3"
+              label="Senior*innenwohnungen"
+              integer
+            />
+          </v-col>
+        </v-row>
+        <v-row
+          v-if="abfragevariante.weSonderwohnformen"
+          justify="center"
+        >
+          <v-col
+            cols="12"
+            md="4"
+          />
+          <v-col
+            cols="12"
+            md="4"
+          >
+            <num-field
+              id="we_genossenschaftswohnungen_field"
+              ref="weGenossenschaftswohnungenField"
+              v-model="abfragevariante.weGenossenschaftlichesWohnen"
+              :disabled="!isEditable"
+              class="mx-3"
+              label="Genossenschaftswohnungen"
+              integer
+            />
+          </v-col>
+          <v-col
+            cols="12"
+            md="4"
+          >
+            <num-field
+              id="we_nicht_infrastruktur_relevante_wohnungen_field"
+              ref="weNichtInfrastrukturRelevanteWohnungenField"
+              v-model="abfragevariante.weWeiteresNichtInfrastrukturrelevantesWohnen"
+              :disabled="!isEditable"
+              class="mx-3"
+              label="Weitere nicht-infrastrukturrelevante Wohnungen"
+              integer
+            />
+          </v-col>
+        </v-row>
+      </div>
+    </v-expand-transition>
+  </field-group-card>
+</template>
+
+<script lang="ts">
+import { Component, Mixins, VModel, Prop, Watch } from "vue-property-decorator";
+import AbfragevarianteBaugenehmigungsverfahrenModel from "@/types/model/abfragevariante/AbfragevarianteBaugenehmigungsverfahrenModel";
+import FieldValidationRulesMixin from "@/mixins/validation/FieldValidationRulesMixin";
+import FieldPrefixesSuffixes from "@/mixins/FieldPrefixesSuffixes";
+import FieldGroupCard from "@/components/common/FieldGroupCard.vue";
+import NumField from "@/components/common/NumField.vue";
+import SaveLeaveMixin from "@/mixins/SaveLeaveMixin";
+
+@Component({ components: { FieldGroupCard, NumField } })
+export default class GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent extends Mixins(
+  FieldPrefixesSuffixes,
+  FieldValidationRulesMixin,
+  SaveLeaveMixin,
+) {
+  @VModel({ type: AbfragevarianteBaugenehmigungsverfahrenModel })
+  abfragevariante!: AbfragevarianteBaugenehmigungsverfahrenModel;
+
+  @Prop({ type: Boolean, default: false })
+  private readonly isEditable!: boolean;
+
+  private geplanteAnzahlWohneinheitenTitle = "Geplante Anzahl Wohneinheiten";
+
+  @Watch("abfragevariante", { immediate: true, deep: true })
+  public clearSonderwohnformData(): void {
+    if (!this.abfragevariante.weSonderwohnformen) {
+      this.abfragevariante.weStudentischesWohnen = undefined;
+      this.abfragevariante.weSeniorinnenWohnen = undefined;
+      this.abfragevariante.weGenossenschaftlichesWohnen = undefined;
+      this.abfragevariante.weWeiteresNichtInfrastrukturrelevantesWohnen = undefined;
+    }
+  }
+}
+</script>
diff --git a/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenComponent.vue b/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent.vue
similarity index 96%
rename from frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenComponent.vue
rename to frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent.vue
index ef9fd37f2..970580906 100644
--- a/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenComponent.vue
+++ b/frontend/src/components/abfragevarianten/GeplanteAnzahlWohneinheitenBauleitplanverfahrenComponent.vue
@@ -36,7 +36,6 @@
           class="mx-3"
           label="Sonderwohnformen"
           color="primary"
-          @change="formChanged"
         />
       </v-col>
       <!-- Space für Platzhalter -->
@@ -123,7 +122,7 @@
               v-model="abfragevariante.weWeiteresNichtInfrastrukturrelevantesWohnen"
               :disabled="!isEditable"
               class="mx-3"
-              label="weitere nicht-infrastrukturrelevante Wohnungen"
+              label="Weitere nicht-infrastrukturrelevante Wohnungen"
               integer
             />
           </v-col>
@@ -143,7 +142,7 @@ import NumField from "@/components/common/NumField.vue";
 import SaveLeaveMixin from "@/mixins/SaveLeaveMixin";
 
 @Component({ components: { FieldGroupCard, NumField } })
-export default class GeplanteGeschossflaecheWohnenComponent extends Mixins(
+export default class GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent extends Mixins(
   FieldPrefixesSuffixes,
   FieldValidationRulesMixin,
   SaveLeaveMixin,
diff --git a/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent.vue b/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent.vue
index 06b48dddc..da58a9aeb 100644
--- a/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent.vue
+++ b/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBaugenehmigungsverfahrenComponent.vue
@@ -102,7 +102,6 @@
           class="mx-3"
           label="Sonderwohnformen"
           color="primary"
-          @change="formChanged"
         />
       </v-col>
       <!-- Space für Platzhalter -->
diff --git a/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent.vue b/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent.vue
index 4094cba7c..a6ab511cb 100644
--- a/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent.vue
+++ b/frontend/src/components/abfragevarianten/GeplanteGeschossflaecheWohnenBauleitplanverfahrenComponent.vue
@@ -74,7 +74,6 @@
           class="mx-3"
           label="Sonderwohnformen"
           color="primary"
-          @change="formChanged"
         />
       </v-col>
       <!-- Space für Platzhalter -->