diff --git a/src/stories/atoms/Logo.vue b/src/stories/atoms/Logo.vue
index c5f320a..667ffb9 100644
--- a/src/stories/atoms/Logo.vue
+++ b/src/stories/atoms/Logo.vue
@@ -1,16 +1,22 @@
 <template>
-  <span class="font-bold text-white" @click="$emit('click')">
-    {{ long ? "Bergflix" : "Bf" }}<span class="text-primary-500">. <slot /></span>
+  <span class="font-bold text-white relative" @click="$emit('click')">
+    {{ long ? 'Bergflix' : 'Bf'
+    }}<span class="text-primary-500">. <slot /></span>
+    <a href="https://cdn.upload.systems/uploads/f9kaTj1Q.png"
+      ><span
+        v-if="canHaveSlogan"
+        class="absolute -right-4 -bottom-4 font-inception text-base text-indigo-500 -rotate-12 p-1"
+        >Jawohl!</span
+      ></a
+    >
   </span>
 </template>
-<script setup>
+<script setup lang="ts">
 // eslint-disable-next-line no-undef
-defineProps({
-  long: {
-    type: Boolean,
-    required: false,
-  },
-});
+defineProps<{
+  long?: boolean;
+  canHaveSlogan?: boolean;
+}>();
 // eslint-disable-next-line no-undef
-defineEmits(["click"]);
+defineEmits(['click']);
 </script>
diff --git a/src/stories/organisms/NavBar.vue b/src/stories/organisms/NavBar.vue
index df496f4..976cad4 100644
--- a/src/stories/organisms/NavBar.vue
+++ b/src/stories/organisms/NavBar.vue
@@ -2,7 +2,7 @@
   <nav
     class="w-full h-20 fixed bg-gradient-to-t md:bg-gradient-to-b via-black/50 from-black to-transparent z-50 md:top-0 md:bottom-0-auto bottom-0 top-auto flex flex-row items-center md:justify-start justify-around md:space-x-2 p-2"
   >
-    <Logo long class="hidden md:block text-3xl" />
+    <Logo long can-have-slogan class="hidden md:block text-3xl" />
     <NavLink v-for="item in navItems" :key="item.name" :name="item.name">
       <component
         :is="item.icon"