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>

index.html

@@ -60,7 +60,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>
@@ -84,7 +83,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>
@@ -125,7 +124,6 @@
           <span class="hero__glow" aria-hidden="true"></span>
           <img class="shot blast__food" src="assets/img/menu/us-burger.webp" width="853" height="616" alt="US Burger von Chickago Boys mit Cheddar, Spiegelei und Bacon" fetchpriority="high">
         </div>
-        <div class="hero__wm" data-intro aria-hidden="true"><div class="wm-fill"><span class="wm-mask wm-mask--block"></span></div></div>
         <span class="sticker hero__st1" data-intro data-sticker>Knusprig<br>paniert</span>
         <span class="sticker sticker--ink hero__st2" data-intro data-sticker>Mild oder<br>scharf?</span>
         <img class="hero__rooster die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264" data-intro data-sticker>
@@ -195,7 +193,7 @@
           <span class="kicker kicker--ink" data-reveal>Round 1</span>
           <h2 class="wings__big puffy" id="wings-title" data-pop>Wings mit Punch</h2>
           <div class="wings__hero blast" data-blast="wings" data-reveal>
-            <img class="blast__food" src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="Ein Berg knuspriger Chicken Wings">
+            <img class="blast__food" src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="Ein Berg knuspriger Chicken Wings">
             <span class="burst" data-sticker><span>K.O.<br>Crunch</span></span>
           </div>
           <div class="wings__info" data-reveal>
@@ -243,18 +241,28 @@
       </div>
     </section>
 
-    <!-- ============ PHOTO BAND ============ -->
-    <div class="band" aria-hidden="true">
-      <div class="wave wave--top"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 0h1440v58c-150 40-330 62-540 30S470 20 300 44 70 96 0 80Z"/></svg></div>
-      <img src="assets/img/foto-menu-tenders.webp" width="1400" height="1400" loading="lazy" alt="" data-parallax>
-      <span class="band__shade"></span>
-      <span class="sticker band__tag" data-sticker>Crispy Tenders<br>ab 9,50 €</span>
-    </div>
+    <!-- ============ TENDERS ============ -->
+    <section class="section tenders" aria-labelledby="tenders-title">
+      <div class="torn" aria-hidden="true"></div>
+      <div class="fx" aria-hidden="true"><div class="tenders__rays"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
+      <div class="wrap tenders__grid">
+        <div class="tenders__text">
+          <span class="kicker" data-reveal>Round 2</span>
+          <h2 class="display h2 x3d tenders__title" id="tenders-title" data-pop>Crispy Tenders</h2>
+          <p class="lead" data-reveal>Zarte Hähnchenfilets, knusprig paniert – pur oder in Buffalo-, Chipotle-Honey-BBQ- oder Teriyaki-Sauce. Mild oder scharf.</p>
+          <a class="btn" href="speisekarte.html#chicken" data-reveal>Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></a>
+        </div>
+        <div class="tenders__food blast" data-blast="tenders" data-reveal>
+          <img class="blast__food" src="assets/img/menu/crispy-chicken-tenders-10-stueck.webp" width="848" height="502" loading="lazy" alt="Zehn knusprig panierte Crispy-Chicken Tenders">
+          <span class="sticker sticker--red tenders__tag" data-sticker>5 Stück<br>ab 9,50 €</span>
+        </div>
+      </div>
+    </section>
 
     <!-- ============ BUCKETS ============ -->
     <section class="section bg-ink on-dark buckets" data-nav-dark id="buckets" aria-labelledby="buckets-title">
       <div class="flames" aria-hidden="true" style="--flame-front: var(--ink)"><i></i><i></i><i></i></div>
-      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__embers"></div><div class="fx__sparks" data-sparks></div><div class="fx__grain"></div></div>
+      <div class="fx" aria-hidden="true"><div class="fx__swirl" data-swirl></div><div class="fx__spot"></div><div class="fx__embers"></div><div class="fx__sparks" data-sparks></div><div class="fx__grain"></div></div>
       <div class="wrap">
         <div class="buckets__head">
           <div>
@@ -273,7 +281,7 @@
             </ul>
             <div class="fight-card__foot">
               <span class="price">42,00 €</span>
-              <img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="">
+              <img src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="">
             </div>
           </article>
           <span class="vs" aria-hidden="true" data-sticker>VS</span>
@@ -285,7 +293,7 @@
             </ul>
             <div class="fight-card__foot">
               <span class="price">68,00 €</span>
-              <img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="">
+              <img src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="">
             </div>
           </article>
         </div>
@@ -296,7 +304,7 @@
     <!-- ============ TAKE AWAY ============ -->
     <section class="section bg-yellow takeaway" id="bestellen" aria-labelledby="takeaway-title">
       <div class="torn" aria-hidden="true"></div>
-      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
+      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="takeaway__burst"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
       <div class="wrap">
         <span class="kicker kicker--ink" data-reveal>Take away</span>
         <h2 class="display h2 stroke x3d" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
@@ -392,11 +400,13 @@
     <!-- ============ CTA ============ -->
     <section class="section bg-red on-red cta" aria-labelledby="cta-title">
       <div class="flames" aria-hidden="true" style="--flame-front: var(--red)"><i></i><i></i><i></i></div>
-      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__swirl" data-swirl></div><div class="fx__dots"></div><div class="fx__vignette"></div><div class="fx__grain"></div></div>
+      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__swirl" data-swirl></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
       <div class="wrap">
         <h2 class="display h2 x3d" id="cta-title" data-pop>Hunger?</h2>
         <div class="cta__fire">
+          <span class="cta__burst cta__burst--back" aria-hidden="true"></span>
           <span class="cta__burst" aria-hidden="true"></span>
+          <span class="cta__burst cta__burst--front" aria-hidden="true"></span>
           <img class="cta__rooster die-cut" src="assets/img/rooster.svg" width="179" height="264" alt="" data-sticker>
         </div>
         <p class="lead" data-reveal>Dann ab in den Ring: jetzt online bestellen oder direkt bei uns anrufen.</p>