Popchor Tuxedo Junction
Share This Story, Choose Your Platform!
Über den Autor:
document.addEventListener("DOMContentLoaded", function () {
const logo = document.querySelector(".custom-logo");
if (!logo) return;
const BIG = "125px";
const SMALL = "50px";
function resizeLogo() {
if (window.scrollY > 60) {
logo.style.height = SMALL;
} else {
logo.style.height = BIG;
}
}
resizeLogo(); // beim Laden
window.addEventListener("scroll", resizeLogo, { passive: true });
});
.st0{fill:var(--awb-color3)}
.st1{fill:var(--awb-color2)}
.st2{fill:var(--awb-color1)}
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);
}