diff --git a/client/src/components/ui/ItModal.vue b/client/src/components/ui/ItModal.vue
new file mode 100644
index 00000000..3e1a049d
--- /dev/null
+++ b/client/src/components/ui/ItModal.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { Dialog, DialogDescription, DialogPanel, DialogTitle } from "@headlessui/vue";
+import { ref } from "vue";
+
+interface Props {
+  modelValue: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: false,
+});
+
+const emits = defineEmits(["update:modelValue"]);
+
+function setIsOpen(value: boolean) {
+  emits("update:modelValue", value);
+}
+</script>
+
+<template>
+  <Dialog :open="modelValue" @close="setIsOpen" class="relative z-50">
+    <div class="fixed inset-0 bg-black/30" aria-hidden="true"></div>
+    <div class="fixed inset-0 flex items-center justify-center p-4">
+      <DialogPanel class="w-full max-w-2xl bg-white px-8 pt-8 pb-4">
+        <DialogTitle class="flex flex-row relative mb-8">
+          <slot name="title"></slot>
+          <button
+            type="button"
+            class="w-4 h-4 absolute right-4 cursor-pointer"
+            @click="setIsOpen(false)"
+          >
+            <it-icon-close></it-icon-close>
+          </button>
+        </DialogTitle>
+        <DialogDescription> </DialogDescription>
+
+        <slot name="body"></slot>
+      </DialogPanel>
+    </div>
+  </Dialog>
+</template>
diff --git a/client/src/stores/mediaLibrary.ts b/client/src/stores/mediaLibrary.ts
index 8eb28034..681fc6a2 100644
--- a/client/src/stores/mediaLibrary.ts
+++ b/client/src/stores/mediaLibrary.ts
@@ -17,7 +17,7 @@ export const useMediaLibraryStore = defineStore({
       selectedLearningPath: { id: 1, name: "Alle Lehrgänge" },
       availableLearningPaths: [
         { id: 1, name: "Alle Lehrgänge" },
-        { id: 2, name: "Versicherungsvermittler/in" },
+        { id: 2, name: "Versicherungsvermittler/-in" },
       ],
     } as MediaLibraryStoreState;
   },
diff --git a/cypress/e2e/learningPath.cy.js b/cypress/e2e/learningPath.cy.js
index 47a595ca..38d6c715 100644
--- a/cypress/e2e/learningPath.cy.js
+++ b/cypress/e2e/learningPath.cy.js
@@ -11,7 +11,7 @@ describe("learningPath page", () => {
 
     cy.get('[data-cy="learning-path-title"]').should(
       "contain",
-      "Versicherungsvermittler/in"
+      "Versicherungsvermittler/-in"
     );
   });
 
diff --git a/server/vbv_lernwelt/course/creators/versicherungsvermittlerin.py b/server/vbv_lernwelt/course/creators/versicherungsvermittlerin.py
index 7855bdde..c2f89551 100644
--- a/server/vbv_lernwelt/course/creators/versicherungsvermittlerin.py
+++ b/server/vbv_lernwelt/course/creators/versicherungsvermittlerin.py
@@ -10,7 +10,7 @@ def create_versicherungsvermittlerin_with_categories(
     apps=None,
     schema_editor=None,
     course_id=COURSE_VERSICHERUNGSVERMITTLERIN_ID,
-    title="Versicherungsvermittler/in",
+    title="Versicherungsvermittler/-in",
 ):
     if apps is not None:
         Course = apps.get_model("course", "Course")
diff --git a/server/vbv_lernwelt/course/factories.py b/server/vbv_lernwelt/course/factories.py
index 2931a070..a6e94a9a 100644
--- a/server/vbv_lernwelt/course/factories.py
+++ b/server/vbv_lernwelt/course/factories.py
@@ -8,12 +8,12 @@ class CourseFactory(DjangoModelFactory):
     class Meta:
         model = Course
 
-    title = "Versicherungsvermittler/in"
+    title = "Versicherungsvermittler/-in"
     category_name = "Handlungsfeld"
 
 
 class CoursePageFactory(wagtail_factories.PageFactory):
-    title = "Versicherungsvermittler/in"
+    title = "Versicherungsvermittler/-in"
 
     class Meta:
         model = CoursePage
diff --git a/server/vbv_lernwelt/course/management/commands/create_default_courses.py b/server/vbv_lernwelt/course/management/commands/create_default_courses.py
index 488fcb0c..f720a14f 100644
--- a/server/vbv_lernwelt/course/management/commands/create_default_courses.py
+++ b/server/vbv_lernwelt/course/management/commands/create_default_courses.py
@@ -63,7 +63,7 @@ def command():
     # course session Versicherungsvermittler/in
     cs = CourseSession.objects.create(
         course_id=COURSE_VERSICHERUNGSVERMITTLERIN_ID,
-        title="Versicherungsvermittler/in",
+        title="Versicherungsvermittler/-in",
     )
     for user_data in default_users:
         CourseSessionUser.objects.create(
diff --git a/server/vbv_lernwelt/learnpath/tests/learning_path_factories.py b/server/vbv_lernwelt/learnpath/tests/learning_path_factories.py
index fdd9222a..a70de2f5 100644
--- a/server/vbv_lernwelt/learnpath/tests/learning_path_factories.py
+++ b/server/vbv_lernwelt/learnpath/tests/learning_path_factories.py
@@ -24,7 +24,7 @@ from vbv_lernwelt.learnpath.models_learning_unit_content import (
 
 
 class LearningPathFactory(wagtail_factories.PageFactory):
-    title = "Versicherungsvermittler/in"
+    title = "Versicherungsvermittler/-in"
 
     class Meta:
         model = LearningPath