diff --git a/app/templates/v2/screens/quellen.html b/app/templates/v2/screens/quellen.html
index a75dd93..9e35f57 100644
--- a/app/templates/v2/screens/quellen.html
+++ b/app/templates/v2/screens/quellen.html
@@ -196,7 +196,7 @@
     Wortunscharf — Endungen sind egal, verwandte Begriffe werden ebenfalls
     gefunden.
   </p>
-  <form id="quellen-search-form" class="search-box" onsubmit="return runSearch(event)">
+  <form id="quellen-search-form" class="search-box">
     <input type="text" id="quellen-q" name="q" placeholder="z.B. Klimaschutz, soziale Gerechtigkeit, Mietpreisbremse"
            autocomplete="off" minlength="2" maxlength="200">
     <button type="submit" id="quellen-q-btn">Suchen</button>
@@ -380,8 +380,21 @@ async function runSearch(ev) {
   return false;
 }
 
-// Re-Run bei Filter-Wechsel, wenn schon eine Query da ist
+// Form-Submit + Filter-Wechsel binden
 document.addEventListener('DOMContentLoaded', () => {
+  // Wichtig: `runSearch` ist async, returnt Promise<false>. Das ist truthy,
+  // also würde `onsubmit="return runSearch(event)"` das Default-Submit
+  // NICHT verhindern und der fetch würde mit "Failed to fetch" abbrechen,
+  // weil die Page navigiert. Stattdessen via addEventListener binden — da
+  // ist `event.preventDefault()` synchron geblieben, bevor der Promise
+  // resolvt.
+  const form = document.getElementById('quellen-search-form');
+  if (form) {
+    form.addEventListener('submit', (ev) => {
+      ev.preventDefault();
+      runSearch();
+    });
+  }
   document.querySelectorAll('input[name="qfilter"]').forEach(r => {
     r.addEventListener('change', () => {
       const q = (document.getElementById('quellen-q') || {}).value || '';