diff --git a/.vs/JudoWeb/DesignTimeBuild/.dtbcache.v2 b/.vs/JudoWeb/DesignTimeBuild/.dtbcache.v2
index 046bbb8..0246481 100644
Binary files a/.vs/JudoWeb/DesignTimeBuild/.dtbcache.v2 and b/.vs/JudoWeb/DesignTimeBuild/.dtbcache.v2 differ
diff --git a/.vs/JudoWeb/v17/DocumentLayout.backup.json b/.vs/JudoWeb/v17/DocumentLayout.backup.json
index 20e51d2..a97d429 100644
--- a/.vs/JudoWeb/v17/DocumentLayout.backup.json
+++ b/.vs/JudoWeb/v17/DocumentLayout.backup.json
@@ -24,7 +24,7 @@
               "RelativeDocumentMoniker": "API\\Program.cs",
               "ToolTip": "D:\\Programmieren\\CSharp\\JudoWeb\\API\\Program.cs",
               "RelativeToolTip": "API\\Program.cs",
-              "ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAnAAAAAAAAAA==",
+              "ViewState": "AgIAAAAAAAAAAAAAAAAAABUAAAAAAAAAAAAAAA==",
               "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
               "WhenOpened": "2025-10-05T16:26:39.39Z",
               "EditorCaption": ""
diff --git a/GUI/src/Layout.vue b/GUI/src/Layout.vue
index 3145376..e91cd6c 100644
--- a/GUI/src/Layout.vue
+++ b/GUI/src/Layout.vue
@@ -1,8 +1,12 @@
 <script setup lang="ts">
-import { onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useTheme } from 'vuetify';
+import routesLayout from './plugins/routesLayout';
+import { useRoute } from 'vue-router';
 
 const theme = useTheme();
+const route = useRoute();
+const showDrawer = ref(false);
 
 function changeTheme() {
     theme.toggle();
@@ -23,20 +27,20 @@ onMounted(() => {
         />
       </template>
       <template v-slot:prepend>
-          <v-app-bar-nav-icon></v-app-bar-nav-icon>
-        </template>
+        <v-app-bar-nav-icon></v-app-bar-nav-icon>
+      </template>
+      
+      <v-app-bar-title class="title">
+          Judoteam - Stadtlohn
+      </v-app-bar-title>
 
-        <v-app-bar-title class="title">Judoteam - Stadtlohn</v-app-bar-title>
-
-        <v-btn icon>
-          <v-icon>mdi-magnify</v-icon>
-        </v-btn>
-
-        <v-btn icon>
-          <v-icon>mdi-heart</v-icon>
-        </v-btn>
-
-        <v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
+      <v-btn icon>
+        <v-icon>mdi-magnify</v-icon>
+      </v-btn>
+      <v-btn icon>
+        <v-icon>mdi-heart</v-icon>
+      </v-btn>
+      <v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
     </v-app-bar>
 
     <v-main>
@@ -45,4 +49,4 @@ onMounted(() => {
   </v-app>
 </template>
 
-<style scoped></style>
+<style scoped></style>
\ No newline at end of file
diff --git a/GUI/src/plugins/routesLayout.ts b/GUI/src/plugins/routesLayout.ts
new file mode 100644
index 0000000..eeb96a6
--- /dev/null
+++ b/GUI/src/plugins/routesLayout.ts
@@ -0,0 +1,8 @@
+export default [
+    {
+        path: "/",
+        name: "Startseite",
+        description: "Übersicht der Anwendung",
+        icon: "mdi-home",
+    },
+]
\ No newline at end of file