diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b292c5b..757609b 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -391,6 +391,7 @@ onUnmounted(() => {
       :previewGuide="previewGuide"
       :dark="darkMode"
       :provider="provider"
+      :elementsOpen="elementsOpen"
       @progressChanged="loadStats(); loadBausteine()"
       @openElements="elementsOpen = true"
     />
diff --git a/frontend/src/components/TopicDetail.vue b/frontend/src/components/TopicDetail.vue
index 49cbc25..4240ed4 100644
--- a/frontend/src/components/TopicDetail.vue
+++ b/frontend/src/components/TopicDetail.vue
@@ -7,6 +7,7 @@ const props = defineProps({
   previewGuide: { type: Object, default: null },
   dark: { type: Boolean, default: false },
   provider: { type: String, default: 'claude' },
+  elementsOpen: { type: Boolean, default: false }, // Element-Sidebar offen → Chat nach links
 })
 
 const emit = defineEmits(['progressChanged', 'openElements'])
@@ -216,10 +217,10 @@ async function send() {
       <p>Guide-Format anklicken um zu generieren oder Vorschau zu öffnen.</p>
     </div>
 
-    <button v-if="previewGuide && !chatOpen" class="chat-fab" title="Fragen zum Guide" @click="openChat">💬</button>
-    <button v-if="previewGuide && !chatOpen" class="chat-fab elements-fab" title="Elemente öffnen" @click="emit('openElements')">🗂</button>
+    <button v-if="previewGuide && !chatOpen" class="chat-fab" :class="{ shifted: elementsOpen }" title="Fragen zum Guide" @click="openChat">💬</button>
+    <button v-if="previewGuide && !chatOpen && !elementsOpen" class="chat-fab elements-fab" title="Elemente öffnen" @click="emit('openElements')">🗂</button>
 
-    <div v-if="previewGuide && chatOpen" ref="panelEl" class="chat-panel">
+    <div v-if="previewGuide && chatOpen" ref="panelEl" class="chat-panel" :class="{ shifted: elementsOpen }">
       <header class="chat-header">
         <span>Fragen zum Guide</span>
         <button class="chat-close" title="Chat beenden" @click="closeChat">×</button>
@@ -607,6 +608,15 @@ async function send() {
   right: 5.25rem;
 }
 
+/* Element-Sidebar (320px) offen → Chat links daneben anzeigen */
+.chat-fab.shifted {
+  right: calc(1.5rem + 320px);
+}
+
+.chat-panel.shifted {
+  right: calc(1.5rem + 320px);
+}
+
 .chat-panel {
   position: fixed;
   right: 1.5rem;