Fix mobile layout: Sprachauswahl überlappt nicht mehr mit Überschrift und korrigiere URL-Parameter für Sprachwechsel

app.py

@@ -20,7 +20,7 @@ app.config['BABEL_TRANSLATION_DIRECTORIES'] = 'translations'
 babel = Babel()
 
 # Version der App
-APP_VERSION = "1.4.2"
+APP_VERSION = "1.4.3"
 
 # HTML-Template wird jetzt aus templates/index.html geladen
 

templates/index.html

@@ -475,6 +475,7 @@ button:focus, .accordion-header:focus {
     }
     h1 {
         font-size: 1.3em;
+        margin-top: 3.5em; /* Abstand für Sprachauswahl */
     }
     .help-button-container {
         top: 1em;
@@ -618,7 +619,11 @@ footer br + a {
         function changeLanguage(language) {
             // Speichere Sprache in localStorage (datenschutzfreundlich)
             localStorage.setItem('preferred_language', language);
-            window.location.href = '/set_language/' + language;
+            
+            // Erstelle neue URL mit korrektem lang-Parameter
+            const currentUrl = new URL(window.location.href);
+            currentUrl.searchParams.set('lang', language);
+            window.location.href = currentUrl.toString();
         }
         function openAccordion(idx) {
             const headers = document.querySelectorAll('.accordion-header');