diff --git a/adventskalender/shared/js/glitter.js b/adventskalender/shared/js/glitter.js
index 61bb094..9d160c2 100644
--- a/adventskalender/shared/js/glitter.js
+++ b/adventskalender/shared/js/glitter.js
@@ -1,133 +1,132 @@
-// shared/js/door-open.js
-document.querySelectorAll(".door, .fluegel").forEach(elem => {
-  elem.addEventListener("click", () => {
-    const day = elem.dataset.day;
+// Bratonien Glitter Hover Effekt – für .door, .openfield und .fluegel
+document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
+  let canvas, ctx, particles = [], anim, hovering = false;
+  let cursorX = 0, cursorY = 0;
 
-    // === EINZELTÜR ===
-    if (elem.classList.contains("door")) {
-      if (elem.classList.contains("open")) return;
-      elem.classList.add("open");
+  const day = elem.dataset.day;
+  let partner = null;
+  let extraPartner = null; // neu: für das openfield bei flügeln
 
-      const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
-      if (openfield) openfield.classList.add("open");
-      return;
+  if (elem.classList.contains("door")) {
+    // door -> openfield
+    partner = document.querySelector(`.openfield[data-day="${day}"]`);
+  } else if (elem.classList.contains("openfield")) {
+    // openfield -> door
+    partner = document.querySelector(`.door[data-day="${day}"]`);
+  } else if (elem.classList.contains("fluegel")) {
+    const isLeft = elem.classList.contains("left");
+    const isRight = elem.classList.contains("right");
+
+    // fluegel -> gegenüberliegender flügel
+    if (isLeft) {
+      partner = document.querySelector(`.fluegel.right[data-day="${day}"]`);
+    } else if (isRight) {
+      partner = document.querySelector(`.fluegel.left[data-day="${day}"]`);
     }
 
-    // === FLÜGEL ===
-    if (elem.classList.contains("fluegel")) {
-      const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
-      const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
+    // fluegel -> zugehöriges openfield (das hat vorher gefehlt!)
+    extraPartner = document.querySelector(`.openfield[data-day="${day}"]`);
+  }
 
-      // bereits geöffnet?
-      if (left.classList.contains("rota") && right.classList.contains("rota")) return;
+  function setupCanvas() {
+    if (canvas) return;
+    canvas = document.createElement("canvas");
+    canvas.width = elem.offsetWidth * 1.4;
+    canvas.height = elem.offsetHeight * 1.4;
+    canvas.style.position = "absolute";
+    canvas.style.top = "-20%";
+    canvas.style.left = "-20%";
+    canvas.style.pointerEvents = "none";
+    canvas.style.zIndex = "10";
+    elem.appendChild(canvas);
+    ctx = canvas.getContext("2d");
+  }
 
-      if (left)  left.classList.add("rota");
-      if (right) right.classList.add("rota");
+  // Cursor in Element
+  elem.addEventListener("mousemove", e => {
+    const rect = elem.getBoundingClientRect();
+    cursorX = (e.clientX - rect.left) * 1.4 - (elem.offsetWidth * 0.2);
+    cursorY = (e.clientY - rect.top) * 1.4 - (elem.offsetHeight * 0.2);
+  });
+
+  function addParticles() {
+    const cx = cursorX || canvas.width / 2;
+    const cy = cursorY || canvas.height / 2;
+    for (let i = 0; i < 4; i++) {
+      const angle = Math.random() * Math.PI * 2;
+      const speed = Math.random() * 1.5 + 0.3;
+      particles.push({
+        x: cx,
+        y: cy,
+        r: Math.random() * 1.3 + 0.2,
+        alpha: Math.random() * 0.7 + 0.3,
+        vx: Math.cos(angle) * speed,
+        vy: Math.sin(angle) * speed,
+        life: Math.random() * 120 + 60,
+        decay: Math.random() * 0.015 + 0.008
+      });
+    }
+  }
+
+  function draw() {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    if (hovering) addParticles();
+
+    particles.forEach(p => {
+      ctx.beginPath();
+      const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 3);
+      // Bratonien-Gold
+      grad.addColorStop(0, `rgba(200, 170, 73, ${p.alpha})`);
+      grad.addColorStop(0.3, `rgba(255, 240, 200, ${p.alpha * 0.8})`);
+      grad.addColorStop(1, "transparent");
+      ctx.fillStyle = grad;
+      ctx.arc(p.x, p.y, p.r * 3, 0, Math.PI * 2);
+      ctx.fill();
+
+      p.x += p.vx;
+      p.y += p.vy + 0.05;
+      p.vx *= 0.98;
+      p.vy *= 0.98;
+      p.alpha -= p.decay;
+      p.life--;
+    });
+
+    particles = particles.filter(p => p.life > 0 && p.alpha > 0);
+    anim = requestAnimationFrame(draw);
+  }
+
+  // HOVER START
+  elem.addEventListener("mouseenter", () => {
+    setupCanvas();
+    hovering = true;
+    cancelAnimationFrame(anim);
+    draw();
+
+    // wichtigsten Teil: bestehenden Hover-Style beim Partner auslösen
+    if (partner) {
+      partner.classList.add("hover-proxy");
+    }
+    if (extraPartner) {
+      extraPartner.classList.add("hover-proxy");
     }
   });
-});
 
-// === HOVER LOGIK FÜR DOOR, FLÜGEL UND OPENFIELD ===
-const hoverGroups = {};
-document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
-  const day = elem.dataset.day;
-  if (!hoverGroups[day]) hoverGroups[day] = [];
-
-  hoverGroups[day].push(elem);
-});
-
-Object.values(hoverGroups).forEach(group => {
-  group.forEach(elem => {
-    let canvas, ctx, particles = [], anim, hovering = false;
-    let cursorX = 0, cursorY = 0;
-
-    function setupCanvas() {
-      if (canvas) return;
-      canvas = document.createElement("canvas");
-      canvas.width = elem.offsetWidth * 1.4;
-      canvas.height = elem.offsetHeight * 1.4;
-      canvas.style.position = "absolute";
-      canvas.style.top = "-20%";
-      canvas.style.left = "-20%";
-      canvas.style.pointerEvents = "none";
-      canvas.style.zIndex = "10";
-      elem.appendChild(canvas);
-      ctx = canvas.getContext("2d");
-    }
-
-    elem.addEventListener("mousemove", e => {
-      const rect = elem.getBoundingClientRect();
-      cursorX = (e.clientX - rect.left) * 1.4 - (elem.offsetWidth * 0.2);
-      cursorY = (e.clientY - rect.top) * 1.4 - (elem.offsetHeight * 0.2);
-    });
-
-    function addParticles() {
-      const cx = cursorX || canvas.width / 2;
-      const cy = cursorY || canvas.height / 2;
-      for (let i = 0; i < 4; i++) {
-        const angle = Math.random() * Math.PI * 2;
-        const speed = Math.random() * 1.5 + 0.3;
-        particles.push({
-          x: cx,
-          y: cy,
-          r: Math.random() * 1.3 + 0.2,
-          alpha: Math.random() * 0.7 + 0.3,
-          vx: Math.cos(angle) * speed,
-          vy: Math.sin(angle) * speed,
-          life: Math.random() * 120 + 60,
-          decay: Math.random() * 0.015 + 0.008
-        });
+  // HOVER ENDE
+  elem.addEventListener("mouseleave", () => {
+    hovering = false;
+    setTimeout(() => {
+      if (!hovering) {
+        cancelAnimationFrame(anim);
+        particles = [];
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
       }
+    }, 300);
+
+    if (partner) {
+      partner.classList.remove("hover-proxy");
     }
-
-    function draw() {
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-      if (hovering) addParticles();
-
-      particles.forEach(p => {
-        ctx.beginPath();
-        const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 3);
-        grad.addColorStop(0, `rgba(200, 170, 73, ${p.alpha})`);
-        grad.addColorStop(0.3, `rgba(255, 240, 200, ${p.alpha * 0.8})`);
-        grad.addColorStop(1, "transparent");
-        ctx.fillStyle = grad;
-        ctx.arc(p.x, p.y, p.r * 3, 0, Math.PI * 2);
-        ctx.fill();
-
-        p.x += p.vx;
-        p.y += p.vy + 0.05;
-        p.vx *= 0.98;
-        p.vy *= 0.98;
-        p.alpha -= p.decay;
-        p.life--;
-      });
-
-      particles = particles.filter(p => p.life > 0 && p.alpha > 0);
-      anim = requestAnimationFrame(draw);
+    if (extraPartner) {
+      extraPartner.classList.remove("hover-proxy");
     }
-
-    // Hover start
-    elem.addEventListener("mouseenter", () => {
-      setupCanvas();
-      hovering = true;
-      cancelAnimationFrame(anim);
-      draw();
-
-      group.forEach(p => p.classList.add("hover-proxy"));
-    });
-
-    // Hover end
-    elem.addEventListener("mouseleave", () => {
-      hovering = false;
-      setTimeout(() => {
-        if (!hovering) {
-          cancelAnimationFrame(anim);
-          particles = [];
-          ctx.clearRect(0, 0, canvas.width, canvas.height);
-        }
-      }, 300);
-
-      group.forEach(p => p.classList.remove("hover-proxy"));
-    });
   });
 });
\ No newline at end of file