diff --git a/frontend/src/components/BausteinFokus.vue b/frontend/src/components/BausteinFokus.vue
index f444add..61b2e31 100644
--- a/frontend/src/components/BausteinFokus.vue
+++ b/frontend/src/components/BausteinFokus.vue
@@ -32,6 +32,7 @@ const standFarbe = computed(() => {
 </script>
 
 <template>
+  <Teleport to="body">
   <div class="fokus-overlay" :style="{ '--stand': standFarbe }">
     <div class="fokus-bar">
       <div class="fokus-bar-inner">
@@ -71,6 +72,7 @@ const standFarbe = computed(() => {
       </div>
     </div>
   </div>
+  </Teleport>
 </template>
 
 <style scoped>