From 35d58165881a72c1ccc73d48aafffd092e26a7f7 Mon Sep 17 00:00:00 2001
From: Serverlele30 <46974281+Serverlele30@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:51:27 +0200
Subject: [PATCH] Add files via upload

---
 CHANGELOG.md |  2 +-
 js/extras.js | 27 ++-------------------------
 2 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f14bca6..30ed22f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -28,7 +28,7 @@ und dieses Projekt folgt [Semantic Versioning](https://semver.org/lang/de/).
 - **Code in 5 Module aufgeteilt** (`js/api.js`, `app.js`, `livemap.js`, `changelog.js`, `extras.js`); geteilter Zustand zentral in api.js deklariert.
 - **Live-Map-Marker werden bewegt statt neu erzeugt** (per tripId wiederverwendet): flüssigere Karte, offene Popups bleiben beim Update offen.
 - **Radar-Ergebnisanzahl an Zoom gekoppelt** (80/140/200): kleinere API-Responses bei hohem Zoom.
-- **Parallax-Effekt mit requestAnimationFrame gedrosselt** (max. 1 Update pro Frame statt pro Mausbewegung).
+- **Parallax-Effekt komplett entfernt**: Der Header inkl. Menü-Button bewegte sich mit der Maus mit - wirkte unruhig und hatte keinen Nutzen.
 - **Alle console.log-Ausgaben entfernt** (Fehler/Warnungen bleiben).
 
 ## [32.0.0] - 2026-07-02
diff --git a/js/extras.js b/js/extras.js
index 0541159..948e9fe 100644
--- a/js/extras.js
+++ b/js/extras.js
@@ -375,31 +375,8 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 });
 
-// Parallax-Effekt für Header
-document.addEventListener('DOMContentLoaded', () => {
-    if (window.matchMedia('(hover: hover)').matches) {
-        const header = document.querySelector('.header');
-        if (header) {
-            // Mit requestAnimationFrame gedrosselt: max. 1 Update pro Frame
-            // statt bei jeder einzelnen Mausbewegung (weniger Layout-Arbeit)
-            header.style.transition = 'transform 0.3s ease-out'; // einmalig statt pro Event
-            let parallaxPending = false;
-            let lastX = 0, lastY = 0;
-            document.addEventListener('mousemove', (e) => {
-                lastX = e.clientX;
-                lastY = e.clientY;
-                if (parallaxPending) return;
-                parallaxPending = true;
-                requestAnimationFrame(() => {
-                    const x = (lastX / window.innerWidth - 0.5) * 10;
-                    const y = (lastY / window.innerHeight - 0.5) * 10;
-                    header.style.transform = `translate(${x}px, ${y}px)`;
-                    parallaxPending = false;
-                });
-            }, { passive: true });
-        }
-    }
-});
+// (Parallax-Effekt entfernt: Der Header inkl. Menü-Button bewegte sich
+//  mit der Maus mit - wirkte unruhig und hatte keinen Nutzen.)
 
 // Smooth Scroll bei Navigation
 document.querySelectorAll('a[href^="#"]').forEach(anchor => {