diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 9ffa50c..0c6f04e 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -36,7 +36,9 @@ declare module '@vue/runtime-core' {
     KnotenLageForm: typeof import('./src/components/zaehlung/form/KnotenLageForm.vue')['default']
     KontaktForm: typeof import('./src/components/zaehlung/form/KontaktForm.vue')['default']
     LhmTextField: typeof import('./src/components/common/LhmTextField.vue')['default']
-    MessstelleInfo: typeof import('./src/components/MessstelleInfo.vue')['default']
+    MessquerschnittForm: typeof import('./src/components/messstelle/MessquerschnittForm.vue')['default']
+    MessstelleForm: typeof import('./src/components/messstelle/MessstelleForm.vue')['default']
+    MessstelleInfo: typeof import('./src/components/messstelle/MessstelleInfo.vue')['default']
     MiniMap: typeof import('./src/components/map/MiniMap.vue')['default']
     OpenZaehlungPanel: typeof import('./src/components/zaehlung/OpenZaehlungPanel.vue')['default']
     QuelleIcon: typeof import('./src/components/icons/QuelleIcon.vue')['default']
@@ -46,6 +48,8 @@ declare module '@vue/runtime-core' {
     TheSnackbar: typeof import('./src/components/common/TheSnackbar.vue')['default']
     TooltipWithIcon: typeof import('./src/components/icons/TooltipWithIcon.vue')['default']
     UnreadMessages: typeof import('./src/components/app/UnreadMessages.vue')['default']
+    UpdateMessstelleDialog: typeof import('./src/components/messstelle/UpdateMessstelleDialog.vue')['default']
+    UpdateMessstelleDialogForm: typeof import('./src/components/messstelle/UpdateMessstelleDialogForm.vue')['default']
     UpdateZaehlstelleDialog: typeof import('./src/components/zaehlstelle/UpdateZaehlstelleDialog.vue')['default']
     UpdateZaehlstelleForm: typeof import('./src/components/zaehlstelle/UpdateZaehlstelleForm.vue')['default']
     VApp: typeof import('vuetify/lib')['VApp']
diff --git a/frontend/src/api/service/MessstelleService.ts b/frontend/src/api/service/MessstelleService.ts
index 4fa0a71..5996db6 100644
--- a/frontend/src/api/service/MessstelleService.ts
+++ b/frontend/src/api/service/MessstelleService.ts
@@ -1,64 +1,30 @@
-import MessstelleDTO from "@/domain/dto/MessstelleDTO";
+import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
+import FetchService from "@/api/service/FetchService";
+import BackendIdDTO from "@/domain/dto/bearbeiten/BackendIdDTO";
+import MessstelleInfoDTO from "@/domain/dto/messstelle/MessstelleInfoDTO";
 
 export default class MessstelleService {
-    static getMessstelleById(id: string): MessstelleDTO {
-        switch (id) {
-            case "randomID":
-                return {
-                    createdTime: "heute",
-                    entityVersion: 0,
-                    id: "randomID",
-                    mstId: "MSTID1",
-                    name: "Messstelle 1",
-                    stadtbezirkNummer: 13,
-                    lat: 48.1887227,
-                    lng: 11.4290655,
-                    customSuchwoerter: ["suchwort1", "suchwort2"],
-                    kommentar: "string",
-                    sichtbarDatenportal: true,
-                };
-            case "randomID2":
-                return {
-                    createdTime: "heute",
-                    entityVersion: 0,
-                    mstId: "MSTID2",
-                    id: "randomID2",
-                    name: "Messstelle 2",
-                    stadtbezirkNummer: 13,
-                    lat: 48.1316995,
-                    lng: 11.6227731,
-                    customSuchwoerter: ["suchwort1", "suchwort2"],
-                    kommentar: "string",
-                    sichtbarDatenportal: true,
-                };
-            case "randomID3":
-                return {
-                    createdTime: "heute",
-                    entityVersion: 0,
-                    id: "randomID3",
-                    mstId: "MSTID3",
-                    name: "Messstelle 3",
-                    stadtbezirkNummer: 13,
-                    lat: 48.1315995,
-                    lng: 11.6217731,
-                    customSuchwoerter: ["suchwort1", "suchwort2"],
-                    kommentar: "string",
-                    sichtbarDatenportal: true,
-                };
-            default:
-                return {
-                    createdTime: "error",
-                    entityVersion: 0,
-                    id: "error",
-                    mstId: "error",
-                    name: "error",
-                    stadtbezirkNummer: 13,
-                    lat: 48.1315995,
-                    lng: 11.6217731,
-                    customSuchwoerter: ["error", "error2"],
-                    kommentar: "error",
-                    sichtbarDatenportal: true,
-                };
-        }
+    private static readonly ENDPOINT: string =
+        "api/dave-backend-service/messstelle";
+    static getMessstelleInfo(id: string): Promise<MessstelleInfoDTO> {
+        return FetchService.getData(
+            `${this.ENDPOINT}/info?id=${id}`,
+            "Beim Laden der Messstellen-Info ist ein Fehler aufgetreten."
+        );
+    }
+
+    static getMessstelleToEdit(id: string): Promise<MessstelleEditDTO> {
+        return FetchService.getData(
+            `${this.ENDPOINT}/edit?id=${id}`,
+            "Beim Laden der Messstellen ist ein Fehler aufgetreten."
+        );
+    }
+
+    static saveMessstelle(data: MessstelleEditDTO): Promise<BackendIdDTO> {
+        return FetchService.patchData(
+            data,
+            `${this.ENDPOINT}/update`,
+            "Beim Aktualisieren der Daten ist ein Fehler aufgetreten. Bitte Daten kontrollieren."
+        );
     }
 }
diff --git a/frontend/src/components/MessstelleInfo.vue b/frontend/src/components/MessstelleInfo.vue
deleted file mode 100644
index 479fb6a..0000000
--- a/frontend/src/components/MessstelleInfo.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-    <v-sheet
-        width="100%"
-        color="transparent"
-        class="pa-4"
-        :min-height="props.minheight"
-        :height="props.height"
-    >
-        <span class="text-caption">Messstelle</span><br />
-        <span class="text-h5">{{ props.id }}</span
-        ><br /><br />
-        <span class="text-caption"
-            >Stadtbezirk {{ props.stadtbezirkNummer }}</span
-        >
-    </v-sheet>
-</template>
-<script setup lang="ts">
-interface Props {
-    id: string;
-    stadtbezirkNummer: number;
-    height: string;
-    minheight: string;
-}
-
-const props = defineProps<Props>();
-</script>
-
diff --git a/frontend/src/components/map/ZaehlstelleMap.vue b/frontend/src/components/map/ZaehlstelleMap.vue
index f621cc5..e4871d7 100644
--- a/frontend/src/components/map/ZaehlstelleMap.vue
+++ b/frontend/src/components/map/ZaehlstelleMap.vue
@@ -177,7 +177,7 @@ import markerIconDiamondViolet from "@/assets/cards-diamond-violet.png";
 import markerIconDiamondRed from "@/assets/cards-diamond-red.png";
 import TooltipMessstelleDTO from "@/domain/dto/TooltipMessstelleDTO";
 import AnzeigeKarteDTO from "@/domain/dto/AnzeigeKarteDTO";
-import MessstelleKarteDTO from "@/domain/dto/MessstelleKarteDTO";
+import MessstelleKarteDTO from "@/domain/dto/messstelle/MessstelleKarteDTO";
 /* eslint-enable no-unused-vars */
 
 @Component({
@@ -490,7 +490,11 @@ export default class ZaehlstelleMap extends Vue {
         }
         let tooltip = "<div><b>";
         if (tooltipDto.mstId) {
-            tooltip = `${tooltip}Messstelle: ${tooltipDto.mstId}</b><br/>`;
+            tooltip = `${tooltip}Messstelle: ${tooltipDto.mstId}`;
+            if (tooltipDto.detektierteVerkehrsarten) {
+                tooltip = `${tooltip} (${tooltipDto.detektierteVerkehrsarten})`;
+            }
+            tooltip = `${tooltip}</b><br/>`;
         }
         if (tooltipDto.standort) {
             tooltip = `${tooltip}${tooltipDto.standort}<br/>`;
@@ -511,9 +515,6 @@ export default class ZaehlstelleMap extends Vue {
         if (tooltipDto.abbaudatum) {
             tooltip = `${tooltip}Abbau: ${tooltipDto.abbaudatum}<br/>`;
         }
-        if (tooltipDto.detektierteVerkehrsarten) {
-            tooltip = `${tooltip}Verkehrsarten: ${tooltipDto.detektierteVerkehrsarten}<br/>`;
-        }
         if (tooltipDto.datumLetztePlausibleMessung) {
             tooltip = `${tooltip}Letzte plausible Messung: ${tooltipDto.datumLetztePlausibleMessung}<br/>`;
         }
diff --git a/frontend/src/components/messstelle/MessquerschnittForm.vue b/frontend/src/components/messstelle/MessquerschnittForm.vue
new file mode 100644
index 0000000..066a852
--- /dev/null
+++ b/frontend/src/components/messstelle/MessquerschnittForm.vue
@@ -0,0 +1,141 @@
+<template>
+    <v-sheet
+        width="100%"
+        :height="height"
+        :max-height="height"
+        class="overflow-y-auto"
+    >
+        <v-card-text>
+            <v-form>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <v-autocomplete
+                            v-model="selectedMessquerschnitt"
+                            outlined
+                            :items="editMessstelle.messquerschnitte"
+                            item-text="mqId"
+                            return-object
+                            dense
+                            label="ID Messquerschnitt"
+                        ></v-autocomplete>
+                    </v-col>
+                    <v-spacer />
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="selectedMessquerschnitt.strassenname"
+                            caption="Straßenname"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="selectedMessquerschnitt.fahrtrichtung"
+                            caption="Fahrtrichtung"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="selectedMessquerschnitt.fahrzeugKlassen"
+                            caption="FZ-Klassen"
+                        />
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="selectedMessquerschnitt.lageMessquerschnitt"
+                            caption="Lage"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="`${selectedMessquerschnitt.anzahlFahrspuren}`"
+                            caption="Anzahl Fahrstreifen"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="`${selectedMessquerschnitt.anzahlDetektoren}`"
+                            caption="Anzahl Detektoren"
+                        />
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="12"
+                    >
+                        <v-textarea
+                            v-model="selectedMessquerschnitt.standort"
+                            label="Standort MQ"
+                            outlined
+                            dense
+                            rows="2"
+                            row-height="10"
+                            counter="255"
+                            maxlength="255"
+                        ></v-textarea>
+                    </v-col>
+                </v-row>
+            </v-form>
+        </v-card-text>
+    </v-sheet>
+</template>
+
+<script setup lang="ts">
+import { computed, ComputedRef, ref, Ref } from "vue";
+/* eslint-disable no-unused-vars */
+import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
+import LhmTextField from "@/components/common/LhmTextField.vue";
+import MessquerschnittEditDTO from "@/domain/dto/messstelle/MessquerschnittEditDTO";
+
+/* eslint-enable no-unused-vars */
+
+interface Props {
+    height: string;
+    value: MessstelleEditDTO;
+}
+
+const props = defineProps<Props>();
+
+const emits = defineEmits<{
+    (e: "input", v: MessstelleEditDTO): void;
+}>();
+
+const editMessstelle = computed({
+    get: () => props.value,
+    set: (v) => emits("input", v),
+});
+
+const model: Ref<string> = ref(editMessstelle.value.messquerschnitte[0].mqId);
+
+const selectedMessquerschnitt: Ref<MessquerschnittEditDTO> = ref(
+    editMessstelle.value.messquerschnitte[0]
+);
+
+const stadtbezirk: ComputedRef<string> = computed(() => {
+    return `${editMessstelle.value.stadtbezirkNummer} - ${editMessstelle.value.stadtbezirk}`;
+});
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/messstelle/MessstelleForm.vue b/frontend/src/components/messstelle/MessstelleForm.vue
new file mode 100644
index 0000000..655cc3f
--- /dev/null
+++ b/frontend/src/components/messstelle/MessstelleForm.vue
@@ -0,0 +1,267 @@
+<template>
+    <v-sheet
+        width="100%"
+        :height="height"
+        :max-height="height"
+        class="overflow-y-auto"
+    >
+        <v-card-text>
+            <v-form>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            caption="MessstellenId"
+                            :text="editMessstelle.mstId"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="editMessstelle.name"
+                            caption="Bezeichnung"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="detektierteFahrzeuge"
+                            caption="Detektierte Fahrzeuge"
+                        />
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="stadtbezirk"
+                            caption="Stadtbezirk"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="aufbaudatum"
+                            caption="Aufbau"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="abbaudatum"
+                            caption="Abbau"
+                        />
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="editMessstelle.status"
+                            caption="Status"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <lhm-text-field
+                            :text="hersteller"
+                            caption="Hersteller"
+                        />
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        md="4"
+                    >
+                        <v-checkbox
+                            v-model="editMessstelle.sichtbarDatenportal"
+                            color="grey darken-1"
+                            dense
+                            hide-details
+                        >
+                            <template #label>
+                                <v-icon
+                                    class="mr-1"
+                                    color="red darken-1"
+                                >
+                                    mdi-alert-outline
+                                </v-icon>
+                                <div>Sichtbarkeitsstatus Datenportal<br /></div>
+                            </template>
+                        </v-checkbox>
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="12"
+                    >
+                        <v-textarea
+                            v-model="editMessstelle.standort"
+                            label="Standort MS"
+                            outlined
+                            dense
+                            rows="2"
+                            row-height="10"
+                            counter="255"
+                            maxlength="255"
+                        ></v-textarea>
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="12"
+                    >
+                        <v-textarea
+                            v-model="editMessstelle.bemerkung"
+                            label="Bemerkung"
+                            outlined
+                            readonly
+                            dense
+                            rows="1"
+                            row-height="10"
+                        ></v-textarea>
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="12"
+                    >
+                        <v-combobox
+                            v-model="editMessstelle.customSuchwoerter"
+                            multiple
+                            label="Suchwörter"
+                            outlined
+                            dense
+                            small-chips
+                            deletable-chips
+                            class="tag-input"
+                            :search-input.sync="newSuchwort"
+                            append-icon="mdi-plus"
+                            @click:append="addSuchwortToList"
+                            @keyup.enter="addSuchwortToList"
+                            @blur="addSuchwortToList"
+                        >
+                        </v-combobox>
+                    </v-col>
+                </v-row>
+                <v-row dense>
+                    <v-col
+                        cols="12"
+                        md="12"
+                    >
+                        <v-textarea
+                            v-model="editMessstelle.kommentar"
+                            label="Kommentar"
+                            outlined
+                            dense
+                            rows="2"
+                            row-height="10"
+                            counter="255"
+                            maxlength="255"
+                        ></v-textarea>
+                    </v-col>
+                </v-row>
+            </v-form>
+        </v-card-text>
+    </v-sheet>
+</template>
+
+<script setup lang="ts">
+import { computed, ComputedRef, ref, Ref } from "vue";
+/* eslint-disable no-unused-vars */
+import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
+import LhmTextField from "@/components/common/LhmTextField.vue";
+import _ from "lodash";
+
+/* eslint-enable no-unused-vars */
+
+interface Props {
+    height: string;
+    value: MessstelleEditDTO;
+}
+
+const props = defineProps<Props>();
+
+const emits = defineEmits<{
+    (e: "input", v: MessstelleEditDTO): void;
+}>();
+
+const editMessstelle = computed({
+    get: () => props.value,
+    set: (v) => emits("input", v),
+});
+
+const detektierteFahrzeuge: ComputedRef<string> = computed(() => {
+    let result = "";
+    if (!_.isEmpty(editMessstelle.value.messquerschnitte)) {
+        result =
+            editMessstelle.value.messquerschnitte[0].detektierteVerkehrsarten;
+    }
+    return result;
+});
+
+const hersteller: ComputedRef<string> = computed(() => {
+    let result = "";
+    if (!_.isEmpty(editMessstelle.value.messquerschnitte)) {
+        result = editMessstelle.value.messquerschnitte[0].hersteller;
+    }
+    return result;
+});
+
+const stadtbezirk: ComputedRef<string> = computed(() => {
+    return `${editMessstelle.value.stadtbezirkNummer} - ${editMessstelle.value.stadtbezirk}`;
+});
+
+const aufbaudatum: ComputedRef<string> = computed(() => {
+    return formatDate(editMessstelle.value.realisierungsdatum);
+});
+
+const abbaudatum: ComputedRef<string> = computed(() => {
+    return formatDate(editMessstelle.value.abbaudatum);
+});
+
+function formatDate(date: string): string {
+    if (!date) {
+        return "";
+    }
+    const [year, month, day] = date.split("-");
+    return `${day}.${month}.${year}`;
+}
+
+const newSuchwort: Ref<string> = ref("");
+
+function addSuchwortToList(): void {
+    if (!editMessstelle.value.customSuchwoerter) {
+        editMessstelle.value.customSuchwoerter = [];
+    }
+
+    if (newSuchwort.value == null || newSuchwort.value.trim() === "") {
+        return;
+    }
+
+    if (!editMessstelle.value.customSuchwoerter.includes(newSuchwort.value)) {
+        editMessstelle.value.customSuchwoerter.push(
+            ...newSuchwort.value.split(",")
+        );
+    }
+    newSuchwort.value = "";
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/messstelle/MessstelleInfo.vue b/frontend/src/components/messstelle/MessstelleInfo.vue
new file mode 100644
index 0000000..c969d47
--- /dev/null
+++ b/frontend/src/components/messstelle/MessstelleInfo.vue
@@ -0,0 +1,34 @@
+<template>
+    <v-sheet
+        width="100%"
+        :height="height"
+        :min-height="minheight"
+        color="transparent"
+        class="pa-4"
+        @click="$emit('edit-messstelle')"
+    >
+        <span class="text-caption">Messstelle</span><br />
+        <span class="text-h5">{{ messstelle.mstId }}</span>
+        <br /><br />
+        <span class="text-caption"
+            >Stadtbezirk {{ messstelle.stadtbezirkNummer }},
+            {{ messstelle.stadtbezirk }}</span
+        >
+    </v-sheet>
+</template>
+<script setup lang="ts">
+import MessstelleInfoDTO from "@/domain/dto/messstelle/MessstelleInfoDTO";
+
+interface Props {
+    messstelle: MessstelleInfoDTO;
+    height: string;
+    minheight: string;
+}
+
+withDefaults(defineProps<Props>(), {
+    minheight: "160px",
+});
+
+defineEmits<(e: "edit-messstelle") => void>();
+</script>
+
diff --git a/frontend/src/components/messstelle/UpdateMessstelleDialog.vue b/frontend/src/components/messstelle/UpdateMessstelleDialog.vue
new file mode 100644
index 0000000..df2c52e
--- /dev/null
+++ b/frontend/src/components/messstelle/UpdateMessstelleDialog.vue
@@ -0,0 +1,49 @@
+<template>
+    <v-dialog
+        :key="props.value"
+        v-model="visible"
+        max-width="50%"
+        height="600px"
+    >
+        <v-card
+            width="100%"
+            flat
+        >
+            <v-card-title>
+                <v-icon left>mdi-pencil</v-icon>
+                {{ dialogtitle }}
+            </v-card-title>
+
+            <v-card-text>
+                <update-messstelle-dialog-form
+                    @cancel="$emit('cancel')"
+                    @saved="$emit('saved')"
+                />
+            </v-card-text>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script setup lang="ts">
+import UpdateMessstelleDialogForm from "@/components/messstelle/UpdateMessstelleDialogForm.vue";
+import { computed, ref, Ref } from "vue";
+
+const dialogtitle: Ref<string> = ref("Messstelle bearbeiten");
+
+interface Props {
+    value: boolean;
+}
+
+const props = defineProps<Props>();
+
+const emits = defineEmits<{
+    (e: "cancel"): void;
+    (e: "saved"): void;
+    (e: "input", v: boolean): void;
+}>();
+
+const visible = computed({
+    get: () => props.value,
+    set: (v) => emits("input", v),
+});
+</script>
diff --git a/frontend/src/components/messstelle/UpdateMessstelleDialogForm.vue b/frontend/src/components/messstelle/UpdateMessstelleDialogForm.vue
new file mode 100644
index 0000000..ff15f81
--- /dev/null
+++ b/frontend/src/components/messstelle/UpdateMessstelleDialogForm.vue
@@ -0,0 +1,122 @@
+<template>
+    <v-sheet
+        width="100%"
+        class="d-flex flex-column"
+    >
+        <v-tabs
+            v-model="activeTab"
+            fixed-tabs
+            background-color="grey darken-1"
+            dark
+            icons-and-text
+            slider-color="grey lighten-1"
+            slider-size="8"
+        >
+            <!-- Kopfzeile -->
+            <v-tab>
+                Messstelle
+                <v-icon>mdi-information-outline</v-icon>
+            </v-tab>
+            <v-tab>
+                Messquerschnitt
+                <v-icon>mdi-routes</v-icon>
+            </v-tab>
+        </v-tabs>
+        <v-tabs-items
+            v-model="activeTab"
+            class="d-flex flex-column align-stretch"
+        >
+            <!-- Inhalte -->
+            <v-tab-item ref="messstelleform">
+                <messstelle-form
+                    v-model="messstelle"
+                    :height="SHEETHEIGHT"
+                />
+            </v-tab-item>
+            <v-tab-item ref="messquerschnittform">
+                <messquerschnitt-form
+                    v-model="messstelle"
+                    :height="SHEETHEIGHT"
+                />
+            </v-tab-item>
+        </v-tabs-items>
+
+        <v-card-actions>
+            <v-spacer />
+            <v-btn
+                color="secondary"
+                @click="save()"
+            >
+                Speichern
+            </v-btn>
+            <v-btn
+                color="grey lighten-1"
+                @click="cancel()"
+            >
+                Abbrechen
+            </v-btn>
+        </v-card-actions>
+    </v-sheet>
+</template>
+
+<script setup lang="ts">
+import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
+import MessstelleForm from "@/components/messstelle/MessstelleForm.vue";
+import MessquerschnittForm from "@/components/messstelle/MessquerschnittForm.vue";
+import { onMounted, ref, Ref } from "vue";
+import MessstelleService from "@/api/service/MessstelleService";
+import { ApiError, Levels } from "@/api/error";
+import { useStore } from "@/util/useStore";
+import { useRoute } from "vue-router/composables";
+import DefaultObjectCreator from "@/util/DefaultObjectCreator";
+
+const SHEETHEIGHT: Ref<string> = ref("600px");
+const activeTab: Ref<number> = ref(0);
+const messstelle: Ref<MessstelleEditDTO> = ref(
+    DefaultObjectCreator.createDefaultMessstelleEditDTO()
+);
+
+const store = useStore();
+const route = useRoute();
+
+const emits = defineEmits<{
+    (e: "cancel"): void;
+    (e: "saved"): void;
+}>();
+
+onMounted(() => {
+    loadMessstelle();
+});
+
+function save(): void {
+    MessstelleService.saveMessstelle(messstelle.value)
+        .then(() => {
+            store.dispatch("snackbar/showToast", {
+                level: Levels.INFO,
+                snackbarTextPart1: `Die Messstelle ${messstelle.value.mstId} wurde erfolgreich aktualisiert.`,
+            });
+            emits("saved");
+        })
+        .catch((error: ApiError) => {
+            store.dispatch("snackbar/showError", error);
+        })
+        .finally(() => {
+            activeTab.value = 0;
+        });
+}
+
+function cancel(): void {
+    activeTab.value = 0;
+    messstelle.value = DefaultObjectCreator.createDefaultMessstelleEditDTO();
+    emits("cancel");
+}
+
+function loadMessstelle(): void {
+    const messstelleId = route.params.messstelleId;
+    MessstelleService.getMessstelleToEdit(messstelleId).then(
+        (messstelleById) => {
+            messstelle.value = messstelleById;
+        }
+    );
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/domain/dto/MessstelleDTO.ts b/frontend/src/domain/dto/MessstelleDTO.ts
deleted file mode 100644
index d39673a..0000000
--- a/frontend/src/domain/dto/MessstelleDTO.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import BaseEntity from "@/domain/BaseEntity";
-
-export default interface MessstelleDTO extends BaseEntity {
-    mstId: string;
-    name: string;
-    stadtbezirkNummer: number;
-    lat: number;
-    lng: number;
-    customSuchwoerter: string[];
-    kommentar: string;
-    sichtbarDatenportal: boolean;
-}
diff --git a/frontend/src/domain/dto/messstelle/MessquerschnittEditDTO.ts b/frontend/src/domain/dto/messstelle/MessquerschnittEditDTO.ts
new file mode 100644
index 0000000..f2cb5fd
--- /dev/null
+++ b/frontend/src/domain/dto/messstelle/MessquerschnittEditDTO.ts
@@ -0,0 +1,16 @@
+import BaseEntity from "@/domain/BaseEntity";
+
+export default interface MessquerschnittEditDTO extends BaseEntity {
+    mqId: string;
+    strassenname: string;
+    lageMessquerschnitt: string;
+    fahrtrichtung: string;
+    latitude: number;
+    longitude: number;
+    anzahlFahrspuren: number;
+    fahrzeugKlassen: string;
+    detektierteVerkehrsarten: string;
+    hersteller: string;
+    anzahlDetektoren: number;
+    standort: string;
+}
diff --git a/frontend/src/domain/dto/messstelle/MessstelleEditDTO.ts b/frontend/src/domain/dto/messstelle/MessstelleEditDTO.ts
new file mode 100644
index 0000000..a0e548f
--- /dev/null
+++ b/frontend/src/domain/dto/messstelle/MessstelleEditDTO.ts
@@ -0,0 +1,24 @@
+import BaseEntity from "@/domain/BaseEntity";
+import MessquerschnittEditDTO from "@/domain/dto/messstelle/MessquerschnittEditDTO";
+
+export default interface MessstelleEditDTO extends BaseEntity {
+    mstId: string;
+    name: string;
+    status: string;
+    stadtbezirk: string;
+    stadtbezirkNummer: string;
+    bemerkung: string;
+    latitude: number;
+    longitude: number;
+    realisierungsdatum: string;
+    abbaudatum: string;
+    datumLetztePlausibleMessung: string;
+
+    customSuchwoerter: string[];
+    kommentar: string;
+    standort: string;
+    geprueft: boolean;
+    sichtbarDatenportal: boolean;
+
+    messquerschnitte: Array<MessquerschnittEditDTO>;
+}
diff --git a/frontend/src/domain/dto/messstelle/MessstelleInfoDTO.ts b/frontend/src/domain/dto/messstelle/MessstelleInfoDTO.ts
new file mode 100644
index 0000000..cfc7154
--- /dev/null
+++ b/frontend/src/domain/dto/messstelle/MessstelleInfoDTO.ts
@@ -0,0 +1,9 @@
+import BaseEntity from "@/domain/BaseEntity";
+
+export default interface MessstelleInfoDTO extends BaseEntity {
+    mstId: string;
+    stadtbezirk: string;
+    stadtbezirkNummer: string;
+    latitude: number;
+    longitude: number;
+}
diff --git a/frontend/src/domain/dto/MessstelleKarteDTO.ts b/frontend/src/domain/dto/messstelle/MessstelleKarteDTO.ts
similarity index 100%
rename from frontend/src/domain/dto/MessstelleKarteDTO.ts
rename to frontend/src/domain/dto/messstelle/MessstelleKarteDTO.ts
diff --git a/frontend/src/util/DefaultObjectCreator.ts b/frontend/src/util/DefaultObjectCreator.ts
index b4129d2..d82dc42 100644
--- a/frontend/src/util/DefaultObjectCreator.ts
+++ b/frontend/src/util/DefaultObjectCreator.ts
@@ -8,6 +8,8 @@ import Status from "@/domain/enums/Status";
 import HochrechnungsfaktorDTO from "@/domain/dto/HochrechnungsfaktorDTO";
 import DienstleisterDTO from "@/domain/dto/DienstleisterDTO";
 import EmailAddressDTO from "@/domain/dto/EmailAddressDTO";
+import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
+import MessstelleInfoDTO from "@/domain/dto/messstelle/MessstelleInfoDTO";
 
 export default class DefaultObjectCreator {
     private static readonly MUNICH_CENTER_LATITUDE: number = 48.137227;
@@ -51,6 +53,18 @@ export default class DefaultObjectCreator {
         return zaehlstelle;
     }
 
+    public static createDefaultMessstelleEditDTO(): MessstelleEditDTO {
+        const messstelle: MessstelleEditDTO = {} as MessstelleEditDTO;
+        messstelle.sichtbarDatenportal = false;
+        messstelle.customSuchwoerter = [];
+        messstelle.messquerschnitte = [];
+        return messstelle;
+    }
+
+    public static createDefaultMessstelleInfoDTO(): MessstelleInfoDTO {
+        return {} as MessstelleInfoDTO;
+    }
+
     public static createDefaultHochrechnungsfaktor(): HochrechnungsfaktorDTO {
         const faktor: HochrechnungsfaktorDTO = {} as HochrechnungsfaktorDTO;
         faktor.matrix = "";
diff --git a/frontend/src/util/useStore.ts b/frontend/src/util/useStore.ts
new file mode 100644
index 0000000..6e96253
--- /dev/null
+++ b/frontend/src/util/useStore.ts
@@ -0,0 +1,9 @@
+import { getCurrentInstance } from "vue";
+
+export function useStore() {
+    const instance = getCurrentInstance();
+    if (!instance) {
+        throw new Error(`useStore should be called in setup().`);
+    }
+    return instance.proxy.$store;
+}
diff --git a/frontend/src/views/MessstelleView.vue b/frontend/src/views/MessstelleView.vue
index 1ae8bb0..82826f1 100644
--- a/frontend/src/views/MessstelleView.vue
+++ b/frontend/src/views/MessstelleView.vue
@@ -12,14 +12,14 @@
                     class="d-flex flex-column"
                 >
                     <!-- Basisinformation zur Messstelle -->
-                    <MessstelleInfo
-                        v-if="messstelle"
-                        :id="messstelle.mstId"
-                        :stadtbezirk-nummer="messstelle.stadtbezirkNummer"
+                    <messstelle-info
                         :height="headerHeightVh"
                         :minheight="headerHeightVh"
+                        :messstelle="messstelle"
+                        :style="{ cursor: 'pointer' }"
+                        @edit-messstelle="editMessstelle"
                     >
-                    </MessstelleInfo>
+                    </messstelle-info>
                 </v-sheet>
             </v-col>
             <v-col cols="9">
@@ -30,27 +30,38 @@
                     :height="headerHeightVh"
                     :minheight="headerHeightVh"
                     show-marker="true"
-                    :reload="reloadMessstelle"
+                    :reload="reloadMessstelleMap"
                     width="100%"
                 />
             </v-col>
         </v-row>
+
+        <update-messstelle-dialog
+            v-model="showUpdateMessstelleDialog"
+            @saved="reloadDataAndCloseDialog"
+            @cancel="cancelUpdateMessstelleDialog"
+        />
     </v-container>
 </template>
 <script setup lang="ts">
 import ZaehlstelleMap from "@/components/map/ZaehlstelleMap.vue";
-import { computed, ComputedRef, ref, Ref } from "vue";
+import { computed, ComputedRef, onMounted, ref, Ref } from "vue";
 import MessstelleService from "@/api/service/MessstelleService";
-import MessstelleDTO from "@/domain/dto/MessstelleDTO";
 import { useRoute } from "vue-router/composables";
-import MessstelleInfo from "@/components/MessstelleInfo.vue";
+import MessstelleInfo from "@/components/messstelle/MessstelleInfo.vue";
 import { useVuetify } from "@/util/useVuetify";
+import DefaultObjectCreator from "@/util/DefaultObjectCreator";
+import UpdateMessstelleDialog from "@/components/messstelle/UpdateMessstelleDialog.vue";
+import MessstelleInfoDTO from "@/domain/dto/messstelle/MessstelleInfoDTO";
 
-const reloadMessstelle = false;
-const messstelle: Ref<null | MessstelleDTO> = ref(null);
+const reloadMessstelleMap: Ref<boolean> = ref(false);
+const showUpdateMessstelleDialog: Ref<boolean> = ref(false);
+const messstelle: Ref<MessstelleInfoDTO> = ref(
+    DefaultObjectCreator.createDefaultMessstelleInfoDTO()
+);
 const vuetify = useVuetify();
+const route = useRoute();
 
-// eslint-disable-next-line no-undef
 onMounted(() => {
     loadMessstelle();
 });
@@ -74,22 +85,37 @@ const messstelleId: ComputedRef<string> = computed(() => {
 
 const latlng: ComputedRef<string[]> = computed(() => {
     if (
-        messstelle.value == null ||
-        messstelle.value.lng == undefined ||
-        messstelle.value.lat == undefined
+        messstelle.value.longitude == undefined ||
+        messstelle.value.latitude == undefined
     ) {
         return [];
     } else {
         return [
-            messstelle.value.lat.toString(),
-            messstelle.value.lng.toString(),
+            messstelle.value.latitude.toString(),
+            messstelle.value.longitude.toString(),
         ];
     }
 });
 
-function loadMessstelle() {
-    const route = useRoute();
+function loadMessstelle(): void {
     const messstelleId = route.params.messstelleId;
-    messstelle.value = MessstelleService.getMessstelleById(messstelleId);
+    MessstelleService.getMessstelleInfo(messstelleId).then((messstelleById) => {
+        messstelle.value = messstelleById;
+    });
+}
+
+function editMessstelle(): void {
+    showUpdateMessstelleDialog.value = true;
+}
+
+function reloadDataAndCloseDialog() {
+    loadMessstelle();
+    reloadMessstelleMap.value = !reloadMessstelleMap.value;
+    showUpdateMessstelleDialog.value = false;
+}
+
+function cancelUpdateMessstelleDialog() {
+    showUpdateMessstelleDialog.value = false;
+    loadMessstelle();
 }
 </script>