WEBklar/Chickago-Boys
4
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign: kräftige Farben, Feuer-Formen, Texturen, 3D-Schrift und explodierende Zutaten

Browse Source 
- Hero, Speisekarte-Kopf und Hunger-Abschnitt auf rotem Feuerwirbel mit Spotlight, Rasterpunkten und Körnung
- Flammen-Übergänge (animiert), gerissene Papierkanten, Papier-Textur für Karten
- 3D-Extrusion für Headlines, Buttons/Sticker mit Tiefe und Glanz, 3D-Neigung der Karten
- Champions als Plakat-Karten, Wings im Crunch-Time-Stil, Buckets mit Glut und Funken
- Zutaten (Wikimedia Commons, freigestellt) fliegen um Burger/Wings und explodieren beim Scrollen
- Bildnachweise der Zutaten im Impressum

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rootandClaude Opus 5.5 committed 2026-10-02 00:30:02 +00:00
1 parent da134cd0bb
commit 12d8f41fd8
33 files changed
+646 -230
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+89 -61
View File
@@ -108,105 +108,123 @@
<main id="main">
<!-- ============ HERO ============ -->
<section class="hero bg-cream" id="top" aria-labelledby="hero-title">
<section class="hero bg-red on-red" id="top" data-nav-dark aria-labelledby="hero-title">
<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="hero__stage">
<h1 class="hero__title" id="hero-title">
<span class="hero__eyebrow" data-intro><span>Fried Chicken &amp; Burger</span> <span>in Kaiserslautern</span></span>
<span class="hero__big" data-hero-big><span class="part">Knock</span><span class="part">out</span></span>
<span class="hero__big x3d" data-hero-big><span class="part">Knock</span><span class="part">out</span></span>
</h1>
<div class="hero__burger" data-intro data-float>
<img class="shot" 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 class="hero__burger blast" data-intro data-float data-blast="burger" data-blast-mode="hero">
<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--red hero__st2" data-intro data-sticker>Mild oder<br>scharf?</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>
</div>
<div class="hero__bottom">
<p class="lead" data-intro>Crispy Tenders, Wings mit Punch und Burger, die dich <strong>umhauen</strong>. Frisch aus der Küche in der Merkurstraße 13 – vor Ort, zum Abholen oder geliefert.</p>
<div class="hero__cta" data-intro>
<span class="open-badge" data-open-badge>Öffnungszeiten: täglich 12–22 Uhr</span>
<a class="btn" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
<a class="btn btn--yellow" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
<a class="btn btn--ghost" href="speisekarte.html">Speisekarte</a>
</div>
</div>
<div class="flames flames--in" aria-hidden="true" style="--flame-front: var(--cream)"><i></i><i></i><i></i></div>
</section>
<div class="ticker-clip" aria-hidden="true">
<div class="ticker">
<div class="ticker__track">
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
<div class="ticker ticker--back"><div class="ticker__track"><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span></div></div>
<div class="ticker">
<div class="ticker__track">
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
</div>
</div>
</div>
</div>
<!-- ============ CHAMPIONS ============ -->
<section class="section bg-cream champs" aria-labelledby="champs-title">
<div class="fx" aria-hidden="true"><div class="fx__mottle"></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
<div class="wrap">
<span class="kicker" data-reveal>Die Favoriten</span>
<h2 class="display h2 stroke" id="champs-title" data-pop>Champions der Karte</h2>
<h2 class="display h2 x3d" id="champs-title" data-pop>Champions der Karte</h2>
<p class="lead" data-reveal>Knusprig, saftig, ordentlich belegt: drei Gerichte, mit denen du nichts falsch machst.</p>
<a class="btn" href="speisekarte.html" data-reveal>Ganze Karte ansehen <svg aria-hidden="true"><use href="#i-arrow"/></svg></a>
<div class="champs__cards">
<a class="photo-card" href="speisekarte.html#beef-burger" data-reveal>
<div class="photo-card__img"><img src="assets/img/foto-us-burger.webp" width="900" height="900" loading="lazy" alt="US Burger mit Cheddar, Ei, Bacon und BBQ-Soße auf einem Holzbrett"></div>
<span class="price photo-card__price">13,50 €</span>
<span class="photo-card__label"><span class="sticker">US Burger</span></span>
<a class="champ champ--red" href="speisekarte.html#beef-burger" data-reveal data-tilt>
<span class="champ__bg" aria-hidden="true"><span class="fx__swirl"></span><span class="fx__spot"></span><span class="fx__grain"></span></span>
<span class="champ__kicker">Beef Burger</span>
<span class="champ__name puffy">US<br>Burger</span>
<span class="champ__food blast" data-blast="burger-sm"><img class="blast__food" src="assets/img/menu/us-burger.webp" width="853" height="616" loading="lazy" alt="US Burger mit Cheddar, Ei, Bacon und BBQ-Soße"></span>
<span class="champ__foot"><span class="price champ__price">13,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
</a>
<a class="photo-card" href="speisekarte.html#chicken-burger" data-reveal>
<div class="photo-card__img"><img src="assets/img/foto-chicken-honey-mustard.webp" width="900" height="900" loading="lazy" alt="Chicken Burger Home Style mit Honey-Mustard-Soße und Bacon"></div>
<span class="price photo-card__price">12,50 €</span>
<span class="photo-card__label"><span class="sticker sticker--red">Honey Mustard Bacon</span></span>
<a class="champ champ--orange" href="speisekarte.html#chicken-burger" data-reveal data-tilt>
<span class="champ__bg" aria-hidden="true"><span class="champ__rays"></span><span class="fx__dots"></span><span class="fx__grain"></span></span>
<span class="champ__kicker">Chicken Burger</span>
<span class="champ__name puffy">Honey<br>Mustard</span>
<span class="champ__food blast" data-blast="chicken-sm"><img class="blast__food" 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-Soße und Bacon"></span>
<span class="champ__foot"><span class="price champ__price">12,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
</a>
<a class="photo-card" href="speisekarte.html#wraps" data-reveal>
<div class="photo-card__img"><img src="assets/img/foto-chicken-wrap.webp" width="900" height="900" loading="lazy" alt="Chicken Wrap Chickago-Boys mit zwei Crispy-Filets, aufgeschnitten"></div>
<span class="price photo-card__price">9,50 €</span>
<span class="photo-card__label"><span class="sticker">Chickago Wrap</span></span>
<a class="champ champ--ink" href="speisekarte.html#wraps" data-reveal data-tilt>
<span class="champ__bg" aria-hidden="true"><span class="champ__embers"></span><span class="fx__grain"></span></span>
<span class="champ__kicker">Wrap</span>
<span class="champ__name puffy">Chickago<br>Wrap</span>
<span class="champ__food blast" data-blast="wrap-sm"><img class="blast__food" src="assets/img/menu/chicken-wrap-chickago-boys.webp" width="812" height="546" loading="lazy" alt="Chicken Wrap Chickago-Boys mit zwei Crispy-Filets, aufgeschnitten"></span>
<span class="champ__foot"><span class="price champ__price">9,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
</a>
</div>
</div>
</section>
<!-- ============ WINGS ============ -->
<section class="section bg-red on-red wings" id="wings" aria-labelledby="wings-title">
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 70C160 18 330 20 520 62s380 70 560 30 280-66 360-42v72H0Z"/></svg></div>
<section class="section bg-orange on-red wings" id="wings" aria-labelledby="wings-title">
<div class="flames" aria-hidden="true" style="--flame-front: var(--orange)"><i></i><i></i><i></i></div>
<div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
<div class="wrap">
<div class="wings__head">
<div>
<span class="kicker kicker--yellow" data-reveal>Round 1</span>
<h2 class="display h2 stroke" id="wings-title" data-pop>Wings mit Punch</h2>
<p class="lead wings__lead" data-reveal><em>How many Wings can you handle?</em><br>Knusprig frittiert und in einer von vier Saucen geschwenkt – oder klassisch mit Sauce nach Wahl. Jede Portion gibt’s mild oder scharf.</p>
</div>
<div class="wings__hero" data-reveal>
<img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="Ein Berg knuspriger Chicken Wings">
<div class="wings__stage">
<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">
<span class="burst" data-sticker><span>K.O.<br>Crunch</span></span>
<img class="rooster-st die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264" data-sticker>
</div>
<div class="wings__info" data-reveal>
<p class="wings__claim puffy">How many Wings can you handle?</p>
<p class="lead wings__lead">Knusprig frittiert und in einer von vier Saucen geschwenkt – oder klassisch mit Sauce nach Wahl. Jede Portion gibt’s mild oder scharf.</p>
</div>
</div>
<div class="sauce-grid">
<article class="sauce" data-reveal>
<div class="sauce__img"><img class="shot" src="assets/img/menu/buffalo-red-hot-wings.webp" width="916" height="535" loading="lazy" alt="Buffalo Red Hot Wings in der Steingutschale"></div>
<article class="sauce paper" data-reveal data-tilt>
<div class="sauce__img" style="--sauce:#e8380c"><img class="shot" src="assets/img/menu/buffalo-red-hot-wings.webp" width="916" height="535" loading="lazy" alt="Buffalo Red Hot Wings in der Steingutschale"></div>
<h3>Buffalo Red Hot</h3>
<p>Der Klassiker mit Feuer.</p>
<span class="price">10 Stück · 14,00 €</span>
</article>
<article class="sauce" data-reveal>
<div class="sauce__img"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-wings.webp" width="916" height="491" loading="lazy" alt="Chipotle Honey BBQ Wings in der Steingutschale"></div>
<article class="sauce paper" data-reveal data-tilt>
<div class="sauce__img" style="--sauce:#8a3a12"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-wings.webp" width="916" height="491" loading="lazy" alt="Chipotle Honey BBQ Wings in der Steingutschale"></div>
<h3>Chipotle Honey BBQ</h3>
<p>Rauchig, süß, klebrig gut.</p>
<span class="price">10 Stück · 14,00 €</span>
</article>
<article class="sauce" data-reveal>
<div class="sauce__img"><img class="shot" src="assets/img/menu/teriyaki-wings.webp" width="916" height="591" loading="lazy" alt="Teriyaki Wings in der Steingutschale"></div>
<article class="sauce paper" data-reveal data-tilt>
<div class="sauce__img" style="--sauce:#4a1c0c"><img class="shot" src="assets/img/menu/teriyaki-wings.webp" width="916" height="591" loading="lazy" alt="Teriyaki Wings in der Steingutschale"></div>
<h3>Teriyaki</h3>
<p>Glasiert mit Teriyaki-Sauce.</p>
<span class="price">10 Stück · 14,00 €</span>
</article>
<article class="sauce" data-reveal>
<div class="sauce__img"><img class="shot" src="assets/img/menu/sweet-chili-wings.webp" width="916" height="528" loading="lazy" alt="Sweet Chili Wings in der Steingutschale"></div>
<article class="sauce paper" data-reveal data-tilt>
<div class="sauce__img" style="--sauce:#e3241a"><img class="shot" src="assets/img/menu/sweet-chili-wings.webp" width="916" height="528" loading="lazy" alt="Sweet Chili Wings in der Steingutschale"></div>
<h3>Sweet Chili</h3>
<p>Süß-scharf geschwenkt.</p>
<span class="price">10 Stück · 14,00 €</span>
@@ -229,23 +247,25 @@
<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 class="wave wave--bottom"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 0h1440v64c-170-40-360-52-560-12S430 104 250 70 60 30 0 48Z"/></svg></div>
</div>
<!-- ============ 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="wrap">
<div class="buckets__head">
<div>
<span class="kicker kicker--yellow" data-reveal>Main Event</span>
<h2 class="display h2 stroke" id="buckets-title" data-pop>Fight Night? Bucket Time.</h2>
<h2 class="display h2 x3d" id="buckets-title" data-pop>Fight Night? Bucket Time.</h2>
</div>
<p class="lead" data-reveal>Für Zocker-Nacht, Betze-Abend oder die ganze Crew: Wings, Filets, Pommes und Cola in einem Bucket. Wings und Filets jeweils mild oder scharf.</p>
</div>
<div class="fight-card-row">
<article class="fight-card" data-reveal>
<article class="fight-card paper" data-reveal data-tilt>
<span class="fight-card__class">Mittelgewicht</span>
<h3>Bucket</h3>
<ul>
@@ -257,7 +277,7 @@
</div>
</article>
<span class="vs" aria-hidden="true" data-sticker>VS</span>
<article class="fight-card" data-reveal>
<article class="fight-card paper" data-reveal data-tilt>
<span class="fight-card__class">Schwergewicht</span>
<h3>Party Bucket</h3>
<ul>
@@ -275,17 +295,18 @@
<!-- ============ TAKE AWAY ============ -->
<section class="section bg-yellow takeaway" id="bestellen" aria-labelledby="takeaway-title">
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 60c200-50 380-50 600-8s420 62 600 22 200-38 240-30v76H0Z"/></svg></div>
<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="wrap">
<span class="kicker kicker--ink" data-reveal>Take away</span>
<h2 class="display h2 stroke" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
<h2 class="display h2 stroke x3d" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
<p class="takeaway__lead lead" data-reveal>Drei Wege zu deinem Chicken – alle starten in der Merkurstraße 13.</p>
<div class="route" data-route>
<svg class="route__svg" aria-hidden="true" preserveAspectRatio="none"><path d=""/></svg>
<img class="route__rider die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264">
<div class="stops">
<article class="stop" data-reveal>
<article class="stop paper" data-reveal>
<div class="stop__num">01</div>
<h3>Vor Ort essen</h3>
<p>Restaurant &amp; Bar mit Plätzen drinnen und draußen. Einfach vorbeikommen – mit größerer Gruppe am besten vorher anrufen.</p>
@@ -294,7 +315,7 @@
<a href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>Anrufen</a>
</div>
</article>
<article class="stop" data-reveal>
<article class="stop paper" data-reveal>
<div class="stop__num">02</div>
<h3>Abholen</h3>
<p>Telefonisch bestellen oder bei Lieferando „Abholung“ wählen – und heiß mitnehmen.</p>
@@ -303,7 +324,7 @@
<a href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">Lieferando</a>
</div>
</article>
<article class="stop" data-reveal>
<article class="stop paper" data-reveal>
<div class="stop__num">03</div>
<h3>Liefern lassen</h3>
<p>Keine Lust rauszugehen? Bestell bequem über Lieferando oder Uber Eats und lass es dir bringen.</p>
@@ -319,11 +340,12 @@
<!-- ============ VISIT ============ -->
<section class="section bg-cream visit" id="besuch" aria-labelledby="visit-title">
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 50c180 50 400 60 620 20s420-62 600-30 190 30 220 26v54H0Z"/></svg></div>
<div class="wave wave--top wave--deep" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 50c180 50 400 60 620 20s420-62 600-30 190 30 220 26v54H0Z"/></svg></div>
<div class="fx" aria-hidden="true"><div class="fx__mottle"></div><div class="fx__grain"></div></div>
<div class="wrap visit__grid">
<div>
<span class="kicker" data-reveal>Ring frei</span>
<h2 class="display h2 stroke" id="visit-title" data-pop>Komm vorbei</h2>
<h2 class="display h2 x3d" id="visit-title" data-pop>Komm vorbei</h2>
<p class="lead" data-reveal>Bar &amp; Restaurant mitten in Kaiserslautern: Wings, Burger und kalte Drinks – drinnen oder draußen.</p>
<div class="rating" data-reveal>
<span class="rating__score">4,4</span>
@@ -332,13 +354,13 @@
<div class="rating__meta">aus 1.620 Bewertungen auf <a href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">Lieferando</a><br><small>Stand: 30.09.2026 · Bewertungen erhebt und prüft Lieferando.</small></div>
</div>
</div>
<div class="visit__deco" data-reveal>
<img src="assets/img/cut-cheese-burger.webp" width="900" height="656" loading="lazy" alt="Cheese Burger mit Cheddar und karamellisierten Zwiebeln">
<div class="visit__deco blast" data-reveal data-blast="burger">
<img class="blast__food" src="assets/img/menu/steakhouse-burger.webp" width="834" height="526" loading="lazy" alt="Steakhouse Burger mit Pepper-Jack-Käse, Bacon und karamellisierten Zwiebeln">
<span class="sticker sticker--ink" data-sticker>Bar &amp;<br>Restaurant</span>
</div>
</div>
<div>
<div class="info-card" data-reveal>
<div class="info-card paper" data-reveal>
<h3>Adresse</h3>
<address>Chickago Boys<br>Merkurstraße 13<br>67663 Kaiserslautern</address>
<div class="row">
@@ -346,7 +368,7 @@
<a class="btn btn--ghost" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
</div>
</div>
<div class="info-card" data-reveal>
<div class="info-card paper" data-reveal>
<h3>Öffnungszeiten</h3>
<span class="open-badge" data-open-badge>täglich 12–22 Uhr</span>
<table class="hours" data-hours>
@@ -369,20 +391,26 @@
<!-- ============ CTA ============ -->
<section class="section bg-red on-red cta" aria-labelledby="cta-title">
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 64c220-56 420-56 640-6s400 58 580 18 200-36 220-30v74H0Z"/></svg></div>
<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="wrap">
<h2 class="display h2 stroke" id="cta-title" data-pop>Hunger?</h2>
<img class="cta__rooster die-cut" src="assets/img/rooster.svg" width="179" height="264" alt="" data-sticker>
<h2 class="display h2 x3d" id="cta-title" data-pop>Hunger?</h2>
<div class="cta__fire">
<span class="cta__burst" 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>
<div class="cta__buttons" data-reveal>
<a class="btn btn--yellow" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
<a class="btn btn--ghost" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
</div>
</div>
<div class="torn torn--in" aria-hidden="true"></div>
</section>
</main>
<footer class="footer on-dark" data-nav-dark>
<div class="fx" aria-hidden="true"><div class="fx__grain"></div></div>
<div class="wrap">
<div class="footer__grid">
<div class="footer__brand">