diff --git a/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue b/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
index f8c2f4e9..615ccc80 100644
--- a/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
+++ b/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
@@ -2,28 +2,38 @@
   <div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card">
     <it-icon-calendar class="w-[60px] grid-in-icon" />
     <h2 class="text-large font-bold grid-in-title">Datum</h2>
-    <p class="grid-in-value">
-      {{ attendanceCourse.start }} - {{ attendanceCourse.end }}
-    </p>
+    <p class="grid-in-value">{{ start }} - {{ end }}</p>
   </div>
   <div class="mb-12 grid grid-cols-icon-card gap-x-4 grid-areas-icon-card">
     <it-icon-location class="w-[60px] grid-in-icon" />
     <h2 class="text-large font-bold grid-in-title">Standort</h2>
-    <p class="grid-in-value">{{ attendanceCourse.location }}</p>
+    <p class="grid-in-value">{{ location }}</p>
   </div>
   <div class="grid grid-cols-icon-card content-between gap-x-4 grid-areas-icon-card">
     <it-icon-trainer class="w-[60px] grid-in-icon" />
     <h2 class="text-large font-bold grid-in-title">Trainer</h2>
-    <p class="grid-in-value">{{ attendanceCourse.trainer }}</p>
+    <p class="grid-in-value">{{ trainer }}</p>
   </div>
 </template>
 
 <script setup lang="ts">
 import type { CourseSessionAttendanceCourse } from "@/types";
+import dayjs from "dayjs";
+import "dayjs/locale/de";
+import LocalizedFormat from "dayjs/plugin/localizedFormat";
+import { computed } from "vue";
 
 export interface Props {
   attendanceCourse: CourseSessionAttendanceCourse;
 }
 
-defineProps<Props>();
+const props = defineProps<Props>();
+
+dayjs.extend(LocalizedFormat);
+dayjs.locale("de");
+const format = "LLLL [Uhr]";
+const start = computed(() => dayjs(props.attendanceCourse.start).format(format));
+const end = computed(() => dayjs(props.attendanceCourse.end).format(format));
+const location = computed(() => props.attendanceCourse.location);
+const trainer = computed(() => props.attendanceCourse.trainer);
 </script>
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 610f2bbf..5e3f6b1c 100644
--- a/server/vbv_lernwelt/course/management/commands/create_default_courses.py
+++ b/server/vbv_lernwelt/course/management/commands/create_default_courses.py
@@ -161,8 +161,8 @@ def create_course_uk_de():
                 "learningContentId": LearningContentAttendanceCourse.objects.get(
                     slug="überbetriebliche-kurse-lp-circle-fahrzeug-lc-präsenzkurs-fahrzeug"
                 ).id,
-                "start": "2022-05-23T13:07:23+0000",
-                "end": "2022-05-23T20:07:23+0000",
+                "start": "2023-05-23T08:30:00+0200",
+                "end": "2023-05-23T17:00:00+0200",
                 "location": "Handelsschule KV Bern, Zimmer 123, Eigerstrasse 16, 3012 Bern",
                 "trainer": "Roland Grossenbacher, roland.grossenbacher@helvetia.ch",
             }