diff --git a/static/js/ui-status.js b/static/js/ui-status.js
index bf449bc..41c2fae 100644
--- a/static/js/ui-status.js
+++ b/static/js/ui-status.js
@@ -27,4 +27,10 @@ function showReconnect() {
 }
 
 window.updateStatus = updateStatus;
-window.showReconnect = showReconnect;
\ No newline at end of file
+window.showReconnect = showReconnect;
+
+// Am Ende
+window.initStatus = function() {
+  // Dein Status-Init-Code, falls vorhanden
+  console.log('ui-status.js → Status initialisiert');
+};
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index c135c67..449a998 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -86,18 +86,32 @@
           integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
           crossorigin="anonymous"></script>
 
-<!-- Globale JavaScript-Module (immer laden) -->
-<script src="{{ url_for('static', filename='js/config.js') }}"></script>
-<script src="{{ url_for('static', filename='js/ui-status.js') }}"></script>
-<script src="{{ url_for('static', filename='js/ui-connect.js') }}"></script>
-<script src="{{ url_for('static', filename='js/ui-channels.js') }}"></script>
-<script src="{{ url_for('static', filename='js/ui-soundboard.js') }}"></script>
-<script src="{{ url_for('static', filename='js/connection-check.js') }}"></script>
+{% block scripts %}
+  <!-- Module laden – Reihenfolge wichtig! -->
+  <script src="{{ url_for('static', filename='js/config.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/ui-status.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/ui-connect.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/ui-channels.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/ui-soundboard.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/connection-check.js') }}"></script>
 
-<!-- Einstiegspunkt – lädt und initialisiert alles -->
-<script src="{{ url_for('static', filename='js/app.js') }}"></script>
+  <!-- Einstiegspunkt -->
+  <script src="{{ url_for('static', filename='js/app.js') }}"></script>
 
-<!-- Seiten-spezifische Config setzen (nur wenn config existiert) -->
-{% block scripts %}{% endblock %}
+  <!-- Config setzen + Inits aufrufen -->
+  <script>
+    // Config global setzen (nur auf Seiten mit config)
+    window.mkConfig       = {{ config | tojson | safe }};
+    window.mkGlobalSounds = {{ global_sounds | tojson | safe }};
+
+    // Alle Inits aufrufen
+    initConfig();
+    initStatus();
+    initConnect();
+    initChannels();
+    initSoundboard();
+    // connection-check wird von connect/reconnect aufgerufen
+  </script>
+{% endblock %}
 </body>
 </html>
\ No newline at end of file
diff --git a/templates/control.html b/templates/control.html
index 42fcc7a..549d858 100644
--- a/templates/control.html
+++ b/templates/control.html
@@ -27,7 +27,7 @@
         </div>
         <div class="col-md-4 text-md-end">
           {% if config.image %}
-            <img src="{{ url_for('serve_config_file', filename=config.image) }}"
+            <img src="{{ url_for('main.serve_config_file', filename=config.image) }}"
                  alt="{{ config.name }}"
                  class="img-fluid rounded shadow"
                  style="max-height: 180px; object-fit: cover;">
diff --git a/templates/index.html b/templates/index.html
index cfeb591..acbda48 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,7 +13,7 @@
         <div class="col">
           <div class="card h-100 shadow-sm">
             {% if cfg.image %}
-              <img src="{{ url_for('main.serve_config_file', filename=cfg.image) }}"
+              <img src="{{ url_for('main.serve_config_file', filename=config.image) }}"
                    class="card-img-top" alt="{{ cfg.name }}"
                    style="height: 180px; object-fit: cover;">
             {% else %}