Redesign nachgeschärft: lesbarer Hero, saubere Übergänge, stärkere Explosion, Speisekarte mit Farbbändern

- Körnung neutral und echte Überblendung (Abschnitte isoliert), keine harten Kanten mehr an Flammen/Wellen
- Hero: Burger kleiner, Wortmarke raus, KNOCKOUT wieder lesbar
- Fotoband durch Plakat-Abschnitt Crispy Tenders ersetzt, Wings-Freisteller nachgeschnitten
- Zutaten: korrekt zentriert, Schweben relativ (kein Pendeln), kräftigere Explosion, pausiert außerhalb des Bildes
- Speisekarte: Kategorie-Leiste klebt wieder (body overflow), Bänder in Rot/Gelb/Dunkel mit Flammen
- Kontrast auf Orange, Kopfleiste mit Hintergrund beim Scrollen, Menü sperrt das Scrollen, leeres lenis.min.js entfernt
- Flammen und Funken laufen nur, solange sie sichtbar sind

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rootandClaude Opus 5.5 committed 2026-10-02 01:30:14 +00:00
1 parent 12d8f41fd8
commit 08f687822f
16 files changed
+220 -131

No files matched your search

+8 -5
View File
@@ -27,7 +27,6 @@
</script>
<script src="assets/js/gsap.min.js" defer></script>
<script src="assets/js/ScrollTrigger.min.js" defer></script>
<script src="assets/js/lenis.min.js" defer></script>
<script src="assets/js/main.js" defer></script>
</head>
<body>
@@ -51,7 +50,7 @@
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
</a>
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
</button>
@@ -177,7 +176,8 @@
</section>
<!-- BEEF BURGER -->
<section class="menu-cat" id="beef-burger" aria-labelledby="h-bburger">
<section class="menu-cat menu-cat--band menu-cat--red" id="beef-burger" aria-labelledby="h-bburger">
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--red)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
<div class="menu-cat__head">
<h2 class="display x3d" id="h-bburger" data-pop>Beef Burger</h2>
<p>Alle Burger mit Rindfleisch-Patty, Cheddar, Tomaten, Salat, sauren Gurken und Zwiebeln.</p>
@@ -260,7 +260,8 @@
</section>
<!-- BEILAGEN -->
<section class="menu-cat" id="beilagen" aria-labelledby="h-beilagen">
<section class="menu-cat menu-cat--band menu-cat--yellow" id="beilagen" aria-labelledby="h-beilagen">
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--yellow)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
<div class="menu-cat__head">
<h2 class="display x3d" id="h-beilagen" data-pop>Beilagen</h2>
<p>Der perfekte Sidekick für Wings und Burger.</p>
@@ -316,7 +317,8 @@
</section>
<!-- GETRÄNKE -->
<section class="menu-cat" id="getraenke" aria-labelledby="h-getraenke">
<section class="menu-cat menu-cat--band menu-cat--ink" id="getraenke" aria-labelledby="h-getraenke">
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--ink)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
<div class="menu-cat__head">
<h2 class="display x3d" id="h-getraenke" data-pop>Getränke</h2>
<p>Kalt, groß und zum Teilen. Bier, Wein und Cocktails gibt’s bei uns an der Bar.</p>
@@ -359,6 +361,7 @@
<p>Informationen zu Allergenen und kennzeichnungspflichtigen Zusatzstoffen bekommst du jederzeit bei uns im Restaurant oder telefonisch unter <a href="tel:+496313107985">0631 3107985</a>. Alle Preise in Euro inklusive gesetzlicher Mehrwertsteuer. Stand: 09/2026.</p>
</div>
</div>
<div class="page-end" aria-hidden="true"><div class="torn torn--in"></div></div>
</main>
<footer class="footer on-dark" data-nav-dark>