document.addEventListener("DOMContentLoaded", function () { const btn = document.querySelector(".hamburger-toggle"); if (!btn) return; btn.addEventListener("click", function () { btn.classList.toggle("is-open"); }); }); .hamburger-toggle { background: none !important; width: 32px; height: 24px; padding: 0; position: relative; } /* Button-Inhalt ausblenden */ .hamburger-toggle .fusion-button-text, .hamburger-toggle i { display: none !important; } /* Linien (oben + unten, Mitte via box-shadow) */ .hamburger-toggle::before, .hamburger-toggle::after { content: ""; position: absolute; left: 0; width: 100%; height: 3px; background: var(--awb-color2); transition: transform 0.3s ease, top 0.3s ease, box-shadow 0.3s ease; } /* obere + mittlere Linie */ .hamburger-toggle::before { top: 0; box-shadow: 0 10px 0 var(--awb-color2); } /* untere Linie */ .hamburger-toggle::after { top: 20px; } /* ===== OFFEN (Kreuz) ===== */ .hamburger-toggle.is-open::before { top: 10px; transform: rotate(45deg); box-shadow: none; } .hamburger-toggle.is-open::after { top: 10px; transform: rotate(-45deg); }
Nach oben