diff --git a/webapp/index.html b/webapp/index.html
index de6c40f..6994909 100644
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -1345,8 +1345,8 @@ function showPodcastSelector(podcasts) {
   selectorHtml += '<div id="compare-result"></div>';
   mindmap.innerHTML = selectorHtml;
 
-  // Panel: minimal welcome
-  panel.innerHTML = '<div class="welcome"><h2>Willkommen</h2><p>Wähle links einen Podcast.</p></div>';
+  // Panel: minimal welcome — ID beibehalten, init() referenziert sie
+  panel.innerHTML = '<div class="welcome" id="welcome-panel"><h2>Willkommen</h2><p>Wähle links einen Podcast.</p></div>';
 
   document.getElementById('app-title').textContent = 'Podcast';
   document.title = 'Podcast Mindmap';
@@ -1488,7 +1488,14 @@ function init() {
   const gapsBtn = ALL_PODCASTS.length > 1
     ? `<p style="margin-top:12px"><button class="transcript-toggle" onclick="GapsView.show()">Leerstellen anzeigen</button> <button class="transcript-toggle" onclick="ShiftsView.show()">Narrative Shifts</button></p>`
     : '';
-  document.getElementById('welcome-panel').innerHTML = `
+  // Panel kann von showPodcastSelector ueberschrieben worden sein — welcome-panel ggf. neu anlegen
+  let welcome = document.getElementById('welcome-panel');
+  if (!welcome) {
+    const panel = document.getElementById('panel');
+    panel.innerHTML = '<div class="welcome" id="welcome-panel"></div>';
+    welcome = document.getElementById('welcome-panel');
+  }
+  welcome.innerHTML = `
     <h2>${escHtml(name)}</h2>
     <p>${escHtml(DATA.description || '')}<br>
     ${DATA.episodes.length} Folgen, ${DATA.staffeln.length} Staffeln, ${DATA.quotes.length} Zitate</p>