Runde 2 der Speisenfotos aus GitHub KNSONWS/Chickago-Boys (5325608) ins Redesign übernommen

- 28 neue Freisteller in assets/img/menu/ (Tenders mit Sauce, Chicken/Beef Burger, Menüs, Buckets, Saucen, Getränke, Cheesecake)
- Speisekarte: alle diese Gerichte als Bildkarten, Buckets als breite Karte mit Fotos, Saucen und Getränke als kleine Papier-Karten
- Startseite: Bucket-Karten mit den echten Bucket-Fotos statt Wings
- Rohdateien Gemini_Generated_Image_*.jpeg aus dem Hauptordner entfernt (liegen einsortiert auf GitHub unter bilder-upscale/)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

assets/css/style.css

@@ -982,7 +982,7 @@ body.nav-visible .cat-nav.is-stuck ul { top: var(--nav-h); }
 }
 .dish--special .price { background: var(--cream); color: var(--red-deep); }
 
-.dish--promo { justify-content: center; gap: 1.1rem; grid-column: span 2; }
+.dish--promo { justify-content: center; gap: 1.1rem; grid-column: 1 / -1; }
 .dish__kicker { letter-spacing: .32em; }
 .dish--promo .promo-row { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 0 0; border-top: 1px solid rgba(247, 235, 217, .35); text-align: left; }
 .dish--promo .promo-row strong { font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; font-size: 1.15rem; line-height: 1; letter-spacing: -.01em; }
@@ -1055,9 +1055,31 @@ body.nav-visible .cat-nav.is-stuck ul { top: var(--nav-h); }
 .dish-grid--2 { grid-template-columns: repeat(2, 1fr); }
 .cat-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
 .cat-split .dish-list { grid-template-columns: 1fr; }
-.sauce-chips { display: flex; flex-wrap: wrap; gap: .6rem; }
+/* Buckets als breite Karte über die ganze Zeile, beide Buckets nebeneinander mit Foto */
-.sauce-chips span { display: inline-flex; gap: .7em; align-items: center; background: var(--white); border: 2px solid var(--red); border-radius: 999px; padding: .5em 1em; font-family: var(--f-wide); font-weight: 900; font-size: .82rem; text-transform: uppercase; color: var(--red); }
+.dish--wide { grid-column: 1 / -1; }
-.sauce-chips b { font-family: var(--f-mono); font-weight: 400; color: var(--ink); }
+.promo-duo { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2.5rem); }
+.promo-item { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
+.promo-item img { width: min(100%, 380px); height: clamp(180px, 22vw, 270px); object-fit: contain; filter: drop-shadow(0 18px 18px rgba(60, 0, 0, .35)); }
+@container (max-width: 560px) {
+  .promo-duo { grid-template-columns: 1fr; }
+}
+
+/* Saucen und Getränke: kleine Papier-Karten mit Foto, Name und Preis */
+.dip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: clamp(.8rem, 1.6vw, 1.2rem); margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
+.dip {
+  display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center; color: var(--ink);
+  background: var(--grain-soft) 0 0 / 240px, #fff; border-radius: var(--radius); padding: .9rem .8rem 1.1rem;
+  box-shadow: 0 2px 6px rgba(110, 50, 10, .1), 0 18px 30px -10px rgba(110, 50, 10, .3);
+  transition: transform .45s var(--ease-pop), box-shadow .3s;
+}
+.dip:hover { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 2px 6px rgba(110, 50, 10, .1), 0 28px 40px -12px rgba(110, 50, 10, .4); }
+.dip img { width: 100%; height: 110px; object-fit: contain; margin-bottom: .3rem; transition: transform .5s var(--ease-pop); }
+.dip:hover img { transform: scale(1.08) rotate(-3deg); }
+.dip h3 { font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; font-size: .82rem; line-height: 1.15; margin: 0; color: var(--red); text-wrap: balance; hyphens: manual; max-width: 100%; }
+.dip span { font-family: var(--f-mono); font-size: .78rem; opacity: .75; }
+.dip b { font-family: var(--f-wide); font-weight: 900; font-size: .8rem; color: var(--white); background: var(--red); border-radius: 999px; padding: .35em .8em; margin-top: .3rem; }
+.dip-grid--drinks .dip img { height: 170px; }
+.menu-cat--ink .dip { box-shadow: 0 0 0 2px rgba(255, 200, 28, .35), 0 24px 40px -12px rgba(0, 0, 0, .7); }
 
 /* ============ Fliegende Zutaten ============ */
 .blast__bits { position: absolute; inset: 0; pointer-events: none; }

index.html

@@ -281,7 +281,7 @@
             </ul>
             <div class="fight-card__foot">
               <span class="price">42,00 €</span>
-              <img src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="">
+              <img class="shot" src="assets/img/menu/bucket.webp" width="902" height="815" loading="lazy" alt="">
             </div>
           </article>
           <span class="vs" aria-hidden="true" data-sticker>VS</span>
@@ -293,7 +293,7 @@
             </ul>
             <div class="fight-card__foot">
               <span class="price">68,00 €</span>
-              <img src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="">
+              <img class="shot" src="assets/img/menu/party-bucket.webp" width="916" height="738" loading="lazy" alt="">
             </div>
           </article>
         </div>

speisekarte.html

@@ -107,7 +107,7 @@
           <h2 class="display x3d" id="h-chicken" data-pop>Chicken</h2>
           <p>Alle Chicken-Gerichte bekommst du im Schärfegrad deiner Wahl: <strong>mild oder scharf</strong> – ohne Aufpreis.</p>
         </div>
-        <div class="dish-grid dish-grid--4">
+        <div class="dish-grid">
           <article class="dish" data-reveal data-tilt>
             <h3 class="dish__name">Chicken Wings</h3>
             <div class="dish__media"><img class="shot" src="assets/img/menu/chicken-wings.webp" width="916" height="366" loading="lazy" alt="Zehn knusprige Chicken Wings"></div>
@@ -138,17 +138,29 @@
             <div class="dish__media"><img class="shot" src="assets/img/menu/crispy-chicken-tenders-5-stueck.webp" width="911" height="378" loading="lazy" alt="Fünf knusprig panierte Crispy-Chicken Tenders"></div>
             <div class="dish__body"><p>Knusprig panierte Hähnchenfilets.</p><div class="variants"><span>5 Stück · 9,50 €</span><span>10 Stück · 17,00 €</span></div></div>
           </article>
-          <article class="dish dish--special dish--promo" data-reveal>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Buffalo Red Hot Tenders</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/buffalo-red-hot-tenders.webp" width="916" height="534" loading="lazy" alt="Buffalo Red Hot Tenders in der Steingutschale"></div>
+            <div class="dish__body"><p>5 Stück, in Buffalo-Red-Hot-Sauce.</p><span class="price">11,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Chipotle Honey BBQ Tenders</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-tenders.webp" width="913" height="567" loading="lazy" alt="Chipotle Honey BBQ Tenders in der Steingutschale"></div>
+            <div class="dish__body"><p>5 Stück, in Chipotle-Honey-BBQ-Sauce.</p><span class="price">11,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Teriyaki Tenders</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-tenders.webp" width="916" height="555" loading="lazy" alt="Teriyaki Tenders in der Steingutschale"></div>
+            <div class="dish__body"><p>5 Stück, in Teriyaki-Sauce.</p><span class="price">11,50 €</span></div>
+          </article>
+          <article class="dish dish--special dish--promo dish--wide" data-reveal data-tilt>
             <span class="dish__kicker">Für die ganze Crew</span>
             <h3 class="dish__name"><span class="dish__script dish__script--the" aria-hidden="true">The</span> Buckets</h3>
-            <div class="promo-row"><div><strong>Bucket</strong><p>20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola&nbsp;1,0&nbsp;l</p></div><span class="price">42,00 €</span></div>
+            <div class="promo-duo">
-            <div class="promo-row"><div><strong>Party Bucket</strong><p>20 Wings, 20 Filets, 4× Pommes, Cola&nbsp;1,0&nbsp;l</p></div><span class="price">68,00 €</span></div>
+              <div class="promo-item"><img class="shot" src="assets/img/menu/bucket.webp" width="902" height="815" loading="lazy" alt="Bucket mit Wings, Filets, zwei Portionen Pommes, Coleslaw und Cola"><div class="promo-row"><div><strong>Bucket</strong><p>20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola&nbsp;1,0&nbsp;l</p></div><span class="price">42,00 €</span></div></div>
-          </article>
+              <div class="promo-item"><img class="shot" src="assets/img/menu/party-bucket.webp" width="916" height="738" loading="lazy" alt="Party Bucket mit Wings, Filets, vier Portionen Pommes und Cola"><div class="promo-row"><div><strong>Party Bucket</strong><p>20 Wings, 20 Filets, 4× Pommes, Cola&nbsp;1,0&nbsp;l</p></div><span class="price">68,00 €</span></div></div>
             </div>
-        <div class="dish-list">
+          </article>
-          <div class="item"><div class="item__row"><h3>Buffalo Red Hot Tenders&nbsp;· 5&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Buffalo-Red-Hot-Sauce.</p></div>
-          <div class="item"><div class="item__row"><h3>Chipotle Honey BBQ Tenders&nbsp;· 5&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Chipotle-Honey-BBQ-Sauce.</p></div>
-          <div class="item"><div class="item__row"><h3>Teriyaki Tenders&nbsp;· 5&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Teriyaki-Sauce.</p></div>
         </div>
       </section>
 
@@ -158,21 +170,29 @@
           <h2 class="display x3d" id="h-cburger" data-pop>Chicken Burger</h2>
           <p>Alle Chicken Burger mit Hähnchen-Patty, Cheddar, Tomaten und Salat – im Schärfegrad deiner Wahl.</p>
         </div>
-        <div class="cat-split">
+        <div class="dish-grid dish-grid--4">
           <article class="dish dish--special" data-reveal data-tilt>
             <h3 class="dish__name"><span class="dish__script dish__script--long">Chicken Home Style</span> Honey Mustard Bacon</h3>
             <div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/chicken-home-style-honey-mustard-bacon.webp" width="874" height="637" loading="lazy" alt="Chicken Burger Home Style mit Honey Mustard und Bacon"></div>
             <div class="dish__body"><p>Cheddar, Bacon, Tomaten, Zwiebeln, Salat, Honey-Mustard-Soße.</p><span class="price">12,50 €</span></div>
           </article>
-          <div>
+          <article class="dish" data-reveal data-tilt>
-            <div class="dish-list">
+            <h3 class="dish__name">Teriyaki Chicken Burger</h3>
-              <div class="item"><div class="item__row"><h3>Teriyaki Chicken Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Cheddar, Tomaten, Salat, Teriyaki-Soße.</p></div>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-chicken-burger.webp" width="865" height="558" loading="lazy" alt="Teriyaki Chicken Burger mit Cheddar, Tomate und Salat"></div>
-              <div class="item"><div class="item__row"><h3>Chicken Burger BBQ</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Mit Barbecuesauce.</p></div>
+            <div class="dish__body"><p>Cheddar, Tomaten, Salat, Teriyaki-Soße.</p><span class="price">12,50 €</span></div>
-              <div class="item"><div class="item__row"><h3>Chicken Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Mit hausgemachter Sauce.</p></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Chicken Burger BBQ</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/chicken-burger-bbq.webp" width="807" height="525" loading="lazy" alt="Chicken Burger mit Barbecuesauce"></div>
+            <div class="dish__body"><p>Mit Barbecuesauce.</p><span class="price">12,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Chicken Burger</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/chicken-burger.webp" width="824" height="589" loading="lazy" alt="Chicken Burger mit hausgemachter Sauce"></div>
+            <div class="dish__body"><p>Mit hausgemachter Sauce.</p><span class="price">12,50 €</span></div>
+          </article>
         </div>
         <div class="menu-extra"><span>Extra Hähnchen-Patty +3,00 €</span></div>
-          </div>
-        </div>
       </section>
 
       <!-- BEEF BURGER -->
@@ -182,7 +202,7 @@
           <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>
         </div>
-        <div class="dish-grid dish-grid--4">
+        <div class="dish-grid">
           <article class="dish dish--special" data-reveal data-tilt>
             <h3 class="dish__name"><span class="dish__script dish__script--the" aria-hidden="true">The</span> US Burger</h3>
             <div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/us-burger.webp" width="853" height="616" loading="lazy" alt="US Burger mit Ei und Bacon"></div>
@@ -195,7 +215,7 @@
           </article>
           <article class="dish" data-reveal data-tilt>
             <h3 class="dish__name">Cheese Burger</h3>
-            <div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img src="assets/img/cut-cheese-burger.webp" width="900" height="656" loading="lazy" alt="Cheese Burger"></div>
+            <div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/cheese-burger.webp" width="895" height="602" loading="lazy" alt="Cheese Burger mit Cheddar und karamellisierten Zwiebeln"></div>
             <div class="dish__body"><p>Cheddar, karamellisierte Zwiebeln, Ketchup, Mayonnaise.</p><span class="price">12,50 €</span></div>
           </article>
           <article class="dish" data-reveal data-tilt>
@@ -203,13 +223,31 @@
             <div class="dish__media"><img class="shot" src="assets/img/menu/hamburger.webp" width="824" height="499" loading="lazy" alt="Hamburger"></div>
             <div class="dish__body"><p>Karamellisierte Zwiebeln, Ketchup, Mayonnaise.</p><span class="price">11,50 €</span></div>
           </article>
-        </div>
+          <article class="dish" data-reveal data-tilt>
-        <div class="dish-list">
+            <h3 class="dish__name">Teriyaki Burger</h3>
-          <div class="item"><div class="item__row"><h3>Teriyaki Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Teriyaki-Soße.</p></div>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-burger.webp" width="817" height="624" loading="lazy" alt="Teriyaki Burger mit Pepper-Jack-Käse und Bacon"></div>
-          <div class="item"><div class="item__row"><h3>Mexico Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Pepper-Jack-Käse, Jalapeños, hausgemachte Avocado-Soße.</p></div>
+            <div class="dish__body"><p>Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Teriyaki-Soße.</p><span class="price">12,50 €</span></div>
-          <div class="item"><div class="item__row"><h3>Mushroom Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Champignons, hausgemachte Sauce, Cheddar, karamellisierte Zwiebeln.</p></div>
+          </article>
-          <div class="item"><div class="item__row"><h3>Chili Cheese Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Cheddar, Jalapeños, Chili-Cheese-Soße.</p></div>
+          <article class="dish" data-reveal data-tilt>
-          <div class="item"><div class="item__row"><h3>Veggie Burger</h3><span class="item__dots"></span><span class="item__price">10,50 €</span></div><p>Vegetarisches Patty statt Rindfleisch, hausgemachte Sauce.</p></div>
+            <h3 class="dish__name">Mexico Burger</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/mexico-burger.webp" width="828" height="520" loading="lazy" alt="Mexico Burger mit Jalapeños und Avocado-Soße"></div>
+            <div class="dish__body"><p>Pepper-Jack-Käse, Jalapeños, hausgemachte Avocado-Soße.</p><span class="price">12,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Mushroom Burger</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/mushroom-burger.webp" width="890" height="639" loading="lazy" alt="Mushroom Burger mit Champignons und Cheddar"></div>
+            <div class="dish__body"><p>Champignons, hausgemachte Sauce, Cheddar, karamellisierte Zwiebeln.</p><span class="price">12,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Chili Cheese Burger</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/chili-cheese-burger.webp" width="855" height="529" loading="lazy" alt="Chili Cheese Burger mit Jalapeños und Chili-Cheese-Soße"></div>
+            <div class="dish__body"><p>Cheddar, Jalapeños, Chili-Cheese-Soße.</p><span class="price">12,50 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Veggie Burger</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/veggie-burger.webp" width="879" height="617" loading="lazy" alt="Veggie Burger mit vegetarischem Patty"></div>
+            <div class="dish__body"><p>Vegetarisches Patty statt Rindfleisch, hausgemachte Sauce.</p><span class="price">10,50 €</span></div>
+          </article>
         </div>
         <div class="menu-extra"><span>Extra-Patty +3,00 €</span><span>Vegetarisches Extra-Patty +3,00 €</span></div>
       </section>
@@ -220,11 +258,27 @@
           <h2 class="display x3d" id="h-menues" data-pop>Menüs</h2>
           <p>Mit Pommes und Coleslaw – mild oder scharf.</p>
         </div>
-        <div class="dish-list">
+        <div class="dish-grid dish-grid--4">
-          <div class="item"><div class="item__row"><h3>Menü Crispy-Chicken Tenders&nbsp;· 5&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">14,45 €</span></div><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p></div>
+          <article class="dish" data-reveal data-tilt>
-          <div class="item"><div class="item__row"><h3>Menü Crispy-Chicken Tenders&nbsp;· 10&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">21,95 €</span></div><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p></div>
+            <h3 class="dish__name">Menü&nbsp;Tenders 5&nbsp;Stück</h3>
-          <div class="item"><div class="item__row"><h3>Menü Chicken Wings&nbsp;· 6&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">13,45 €</span></div><p>Chicken Wings, Pommes, Coleslaw.</p></div>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/menue-crispy-chicken-tenders-5-stueck.webp" width="906" height="550" loading="lazy" alt="Menü mit fünf Crispy-Chicken Tenders, Pommes und Coleslaw"></div>
-          <div class="item"><div class="item__row"><h3>Menü Chicken Wings&nbsp;· 10&nbsp;Stück</h3><span class="item__dots"></span><span class="item__price">15,95 €</span></div><p>Chicken Wings, Pommes, Coleslaw.</p></div>
+            <div class="dish__body"><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p><span class="price">14,45 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Menü&nbsp;Tenders 10&nbsp;Stück</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/menue-crispy-chicken-tenders-10-stueck.webp" width="916" height="557" loading="lazy" alt="Menü mit zehn Crispy-Chicken Tenders, Pommes und Coleslaw"></div>
+            <div class="dish__body"><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p><span class="price">21,95 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Menü&nbsp;Wings 6&nbsp;Stück</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/menue-chicken-wings-6-stueck.webp" width="916" height="583" loading="lazy" alt="Menü mit sechs Chicken Wings, Pommes und Coleslaw"></div>
+            <div class="dish__body"><p>Chicken Wings, Pommes, Coleslaw.</p><span class="price">13,45 €</span></div>
+          </article>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">Menü&nbsp;Wings 10&nbsp;Stück</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/menue-chicken-wings-10-stueck.webp" width="915" height="568" loading="lazy" alt="Menü mit zehn Chicken Wings, Pommes und Coleslaw"></div>
+            <div class="dish__body"><p>Chicken Wings, Pommes, Coleslaw.</p><span class="price">15,95 €</span></div>
+          </article>
         </div>
       </section>
 
@@ -311,8 +365,18 @@
           <h2 class="display x3d" id="h-saucen" data-pop>Saucen &amp; Dips</h2>
           <p>Zum Dippen, Tunken und Nachlegen.</p>
         </div>
-        <div class="sauce-chips" data-reveal>
+        <div class="dip-grid" data-reveal>
-          <span>Ranch <b>1,50 €</b></span><span>Curry Mango <b>1,50 €</b></span><span>Barbecuesauce <b>1,50 €</b></span><span>Sweet-Chilisauce <b>1,50 €</b></span><span>Cheddarsauce <b>1,50 €</b></span><span>Chili-Cheesesauce <b>1,50 €</b></span><span>Süß-Sauer-Sauce <b>1,50 €</b></span><span>Caesar Dressing <b>1,50 €</b></span><span>Balsamico Dressing <b>1,50 €</b></span><span>Ketchup <b>1,00 €</b></span><span>Mayonnaise <b>1,00 €</b></span>
+          <div class="dip"><img class="shot" src="assets/img/menu/ranch.webp" width="860" height="576" loading="lazy" alt="Ranch im Dip-Schälchen"><h3>Ranch</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/curry-mango.webp" width="835" height="554" loading="lazy" alt="Curry Mango im Dip-Schälchen"><h3>Curry Mango</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/barbecuesauce.webp" width="836" height="507" loading="lazy" alt="Barbecuesauce im Dip-Schälchen"><h3>Barbecue&shy;sauce</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/sweet-chilisauce.webp" width="862" height="647" loading="lazy" alt="Sweet-Chilisauce im Dip-Schälchen"><h3>Sweet-Chili&shy;sauce</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/cheddarsauce.webp" width="862" height="572" loading="lazy" alt="Cheddarsauce im Dip-Schälchen"><h3>Cheddar&shy;sauce</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/chili-cheesesauce.webp" width="868" height="670" loading="lazy" alt="Chili-Cheesesauce im Dip-Schälchen"><h3>Chili-Cheese&shy;sauce</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/suess-sauer-sauce.webp" width="824" height="512" loading="lazy" alt="Süß-Sauer-Sauce im Dip-Schälchen"><h3>Süß-Sauer-Sauce</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/caesar-dressing.webp" width="856" height="618" loading="lazy" alt="Caesar Dressing im Dip-Schälchen"><h3>Caesar Dressing</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/balsamico-dressing.webp" width="749" height="568" loading="lazy" alt="Balsamico Dressing im Dip-Schälchen"><h3>Balsamico Dressing</h3><b>1,50 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/ketchup.webp" width="831" height="563" loading="lazy" alt="Ketchup im Dip-Schälchen"><h3>Ketchup</h3><b>1,00 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/mayonnaise.webp" width="769" height="524" loading="lazy" alt="Mayonnaise im Dip-Schälchen"><h3>Mayonnaise</h3><b>1,00 €</b></div>
         </div>
       </section>
 
@@ -323,15 +387,17 @@
           <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>
         </div>
+        <div class="dip-grid dip-grid--drinks" data-reveal>
+          <div class="dip"><img class="shot" src="assets/img/menu/coca-cola.webp" width="610" height="799" loading="lazy" alt="Coca-Cola 1,0 l"><h3>Coca-Cola</h3><span>1,0 l</span><b>4,70 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/fanta-orange.webp" width="528" height="793" loading="lazy" alt="Fanta Orange 1,0 l"><h3>Fanta Orange</h3><span>1,0 l</span><b>4,70 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/mezzo-mix.webp" width="433" height="780" loading="lazy" alt="Mezzo Mix 1,0 l"><h3>Mezzo Mix</h3><span>1,0 l</span><b>4,70 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/sprite.webp" width="408" height="735" loading="lazy" alt="Sprite 1,0 l"><h3>Sprite</h3><span>1,0 l</span><b>4,70 €</b></div>
+          <div class="dip"><img class="shot" src="assets/img/menu/red-bull.webp" width="547" height="693" loading="lazy" alt="Red Bull 0,25 l"><h3>Red Bull</h3><span>0,25 l</span><b>3,50 €</b></div>
+        </div>
         <div class="dish-list">
           <div class="item"><div class="item__row"><h3>Home Made Peach Iced Tea&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">9,50 €</span></div></div>
           <div class="item"><div class="item__row"><h3>Home Made Lemon Iced Tea&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">9,50 €</span></div></div>
-          <div class="item"><div class="item__row"><h3>Coca-Cola&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
           <div class="item"><div class="item__row"><h3>Coca-Cola Zero&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
-          <div class="item"><div class="item__row"><h3>Fanta Orange&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
-          <div class="item"><div class="item__row"><h3>Mezzo Mix&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
-          <div class="item"><div class="item__row"><h3>Sprite&nbsp;· 1,0&nbsp;l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
-          <div class="item"><div class="item__row"><h3>Red Bull&nbsp;· 0,25&nbsp;l</h3><span class="item__dots"></span><span class="item__price">3,50 €</span></div></div>
         </div>
       </section>
 
@@ -341,8 +407,12 @@
           <h2 class="display x3d" id="h-dessert" data-pop>Dessert</h2>
           <p>Für den süßen Knockout zum Schluss.</p>
         </div>
-        <div class="dish-list">
+        <div class="dish-grid dish-grid--4">
-          <div class="item"><div class="item__row"><h3>New York Cheesecake</h3><span class="item__dots"></span><span class="item__price">5,00 €</span></div><p>Cremiger Käsekuchen.</p></div>
+          <article class="dish" data-reveal data-tilt>
+            <h3 class="dish__name">New York Cheesecake</h3>
+            <div class="dish__media"><img class="shot" src="assets/img/menu/new-york-cheesecake.webp" width="704" height="438" loading="lazy" alt="Ein Stück New York Cheesecake"></div>
+            <div class="dish__body"><p>Cremiger Käsekuchen.</p><span class="price">5,00 €</span></div>
+          </article>
         </div>
       </section>