diff --git a/README.md b/README.md index 8b951f3..ba6d4af 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ Preview: https://chickago-boys.project.webklar.com (Deploy über den Org-Webhook | `assets/css/style.css` | Design-System (Farben, Typo, Komponenten) | | `assets/js/main.js` | Öffnungsstatus, Menü, Animationen (GSAP + ScrollTrigger, Lenis) | | `assets/img/` | Logo als Vektor (`rooster.svg`, `wordmark.svg`), Food-Freisteller `cut-*.webp`, Fotos `foto-*.webp` | -| `assets/fonts/` | Anton, Titan One, Archivo – lokal eingebunden (keine Google-Verbindung) | +| `assets/fonts/` | Anton, Titan One, Archivo, Archivo Expanded Black, Great Vibes, IBM Plex Mono – lokal eingebunden (keine Google-Verbindung) | Kein Build-Schritt, keine Cookies, keine Tracker, keine externen Einbindungen. Karten, Instagram und Lieferando sind nur verlinkt. @@ -21,6 +21,8 @@ Kein Build-Schritt, keine Cookies, keine Tracker, keine externen Einbindungen. K Inspiration: cravburgers.shop (Konzeptseite der Agentur Anyflow). Übernommen wurden nur die Prinzipien: riesige umrandete Headlines, Farbflächen mit Wellen, Sticker, Freisteller, Wort-Pop-Animationen. Farben, Schriften und Maskottchen sind eigene: der Boxer-Hahn aus dem Chickago-Boys-Logo, Konzept „Fight Night“. +Speisekarte: Standard-Produkte als weißes Plakat mit rot-weißem Karo (Klasse `dish`), Special-Burger auf roter Studio-Fläche mit Schreibschrift und Mono-Zeile (Klasse `dish dish--special`). Ein Produkt wird zum Special, indem man der Karte `dish--special` gibt. + ## Offen vor dem Livegang (vom Kunden bestätigen) - Inhaber bzw. Rechtsform, E-Mail und USt-IdNr. für Impressum und Datenschutz diff --git a/assets/css/style.css b/assets/css/style.css index 202ed70..1b30f7d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -24,6 +24,31 @@ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +@font-face { + font-family: 'Archivo Expanded'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(../fonts/archivo-expanded-black-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Great Vibes'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../fonts/great-vibes-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../fonts/ibm-plex-mono-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + /* ============ Tokens ============ */ :root { --cream: #f7ebd9; @@ -41,6 +66,9 @@ --f-display: "Anton", "Impact", "Arial Narrow", sans-serif; --f-sticker: "Titan One", "Arial Black", sans-serif; --f-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; + --f-wide: "Archivo Expanded", "Arial Black", sans-serif; + --f-script: "Great Vibes", "Snell Roundhand", cursive; + --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --gutter: clamp(1rem, 3.2vw, 3rem); --radius: clamp(18px, 2vw, 30px); @@ -576,7 +604,11 @@ body.menu-open .menu-panel { transform: scale(1); opacity: 1; visibility: visibl .footer__giant { position: relative; margin-top: clamp(2.5rem, 6vw, 5rem); height: calc(94vw / 4.714 + 3vw); } .footer__giant .wm-giant { position: absolute; left: 50%; bottom: 2vw; width: 94vw; transform: translateX(-50%); color: var(--red); } .footer__giant .wm-giant svg { width: 100%; height: auto; filter: drop-shadow(0 0 0 var(--cream)); } -.juggle { position: absolute; bottom: 12%; width: clamp(48px, 6vw, 92px); z-index: 2; will-change: transform; } +.juggle { position: absolute; bottom: 12%; width: clamp(48px, 6vw, 92px); z-index: 2; pointer-events: none; will-change: transform; } +.juggle:nth-of-type(1) { left: 9%; } +.juggle:nth-of-type(2) { left: 33%; } +.juggle:nth-of-type(3) { left: 60%; } +.juggle:nth-of-type(4) { left: 84%; } .juggle svg { width: 100%; height: auto; } /* ============ Mobile order bar ============ */ @@ -627,41 +659,97 @@ body.nav-visible .cat-nav { top: var(--nav-h); } .menu-cat__head p { max-width: 46ch; margin: 0; font-weight: 500; } .dish-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 2vw, 1.8rem); margin-bottom: clamp(1.5rem, 3vw, 2.5rem); } + +/* Standard: weißes Plakat mit rot-weißem Karo oben und unten */ .dish { - position: relative; display: flex; flex-direction: column; - background: var(--white); border-radius: var(--radius); + --sq: 12px; + --pad-x: clamp(1rem, 2vw, 1.4rem); + --media-h: clamp(220px, min(22vw, calc(.92 * (100cqi + 2 * var(--pad-x)))), 300px); + --checker: conic-gradient(var(--red) 25%, var(--white) 0 50%, var(--red) 0 75%, var(--white) 0); + position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; + container-type: inline-size; + padding: calc(var(--sq) * 2 + clamp(1.2rem, 2.4vw, 1.7rem)) var(--pad-x) calc(var(--sq) * 2 + clamp(1.2rem, 2.4vw, 1.6rem)); + background: + var(--checker) 0 0 / calc(var(--sq) * 2) calc(var(--sq) * 2) repeat-x, + var(--checker) 0 100% / calc(var(--sq) * 2) calc(var(--sq) * 2) repeat-x, + var(--white); + border-radius: var(--radius); overflow: hidden; box-shadow: 0 10px 26px rgba(21, 13, 12, .08); - transition: transform .45s var(--ease-pop), box-shadow .3s; + transition: transform .45s var(--ease-pop), box-shadow .3s, background-position .6s cubic-bezier(.4, 1.6, .7, .95); } -.dish:hover { transform: translateY(-6px); box-shadow: 0 22px 40px rgba(21, 13, 12, .16); } -.dish__media { position: relative; height: clamp(220px, 22vw, 300px); display: grid; place-items: center; } -.dish__media::before { - content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 88px; transform: translateY(-20%); - background-color: #fff; - background-image: linear-gradient(90deg, rgba(224, 20, 14, .6) 50%, transparent 50%), linear-gradient(rgba(224, 20, 14, .6) 50%, transparent 50%); - background-size: 44px 44px; - transition: background-position .6s cubic-bezier(.4, 1.6, .7, .95); +.dish:hover { transform: translateY(-6px); box-shadow: 0 22px 40px rgba(21, 13, 12, .16); background-position: var(--sq) 0, calc(var(--sq) * -1) 100%, 0 0; } +.dish__name { + font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; + font-size: clamp(1.2rem, 8cqi, 2.5rem); line-height: .95; letter-spacing: -.01em; + margin: 0; color: var(--red); text-wrap: balance; +} +@media (min-width: 561px) { + .dish-grid .dish:not(.dish--special) .dish__name { min-height: 1.9em; display: grid; place-items: center; } +} +/* Fotobereich so groß wie vorher: volle Kartenbreite; die Höhe endet dort, wo auch das höchste Foto nicht mehr wachsen würde */ +.dish__media { + position: relative; width: calc(100% + 2 * var(--pad-x)); margin: .4rem calc(-1 * var(--pad-x)) .2rem; + height: var(--media-h); } -.dish:hover .dish__media::before { background-position: 22px 0; } .dish__media img { position: absolute; z-index: 1; left: 11%; top: 6%; width: 78%; height: 88%; object-fit: contain; filter: drop-shadow(0 16px 16px rgba(21, 13, 12, .25)); transition: transform .7s var(--ease-pop); } .dish:hover .dish__media img { transform: scale(1.06) rotate(-2deg); } -.dish__badge { position: absolute; z-index: 2; left: 1rem; top: 1rem; font-size: .85rem; --r: -6deg; border-width: 3px; } -.dish__body { padding: 1rem 1.3rem 1.4rem; display: flex; flex-direction: column; gap: .4rem; flex: 1; } -.dish__row { display: flex; justify-content: space-between; align-items: start; gap: 1rem; } -.dish h3 { font-family: var(--f-display); font-weight: 400; text-transform: uppercase; font-size: clamp(1.6rem, 1.2rem + 1vw, 2.2rem); line-height: .95; margin: 0; color: var(--red-deep); } -.dish p { font-size: .95rem; margin: 0; opacity: .85; } -.dish .variants { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; padding-top: .6rem; } -.dish .variants span { font-weight: 700; font-size: .88rem; border: 2px solid var(--ink); border-radius: 999px; padding: .15em .6em; } +.dish__badge { position: absolute; z-index: 2; right: calc(var(--pad-x) * .6); top: 14%; font-size: .85rem; --r: 7deg; border-width: 3px; } +.dish__body { width: 100%; display: flex; flex-direction: column; align-items: center; gap: .75rem; flex: 1; } +.dish p { font-size: .95rem; margin: 0; opacity: .85; max-width: 34ch; } +.dish .price { margin-top: auto; font-family: var(--f-wide); font-weight: 900; font-size: .95rem; background: var(--red); color: var(--white); padding: .6em 1.1em; } +.dish .variants { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; margin-top: auto; } +.dish .variants span { font-family: var(--f-mono); font-size: .82rem; color: var(--red-deep); border: 2px solid var(--red); border-radius: 999px; padding: .2em .7em; } + +/* Special: rote Studio-Fläche mit Körnung, Schreibschrift über fetter Breitschrift, Mono-Zeile */ +.dish--special { + --bg: #b30d07; + color: var(--cream); + padding: clamp(1.6rem, 3.4vw, 2.4rem) var(--pad-x) calc(var(--sq) * 2 + clamp(1.2rem, 2.4vw, 1.6rem)); + background: + url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px, + radial-gradient(120% 90% at 50% 40%, #cc160d 0%, var(--bg) 50%, #9a0604 100%); + box-shadow: 0 14px 32px rgba(140, 10, 6, .28); +} +.dish--special:hover { box-shadow: 0 24px 44px rgba(140, 10, 6, .36); background-position: 0 0, 0 0; } +.dish--special .dish__name { color: var(--cream); font-size: clamp(1.35rem, 12.5cqi, 3.6rem); line-height: .9; } +.dish__script { + display: block; position: relative; z-index: 1; + font-family: var(--f-script); font-weight: 400; text-transform: none; letter-spacing: 0; + font-size: clamp(2.3rem, 16cqi, 4.2rem); line-height: .82; margin-bottom: -.2em; + -webkit-text-stroke: .03em var(--bg); paint-order: stroke fill; +} +.dish__script--the { font-size: clamp(3rem, 22cqi, 5.5rem); margin-bottom: -.3em; } +.dish__script--long { font-size: clamp(1.9rem, 12cqi, 3.6rem); white-space: nowrap; } +/* Foto direkt unter dem Namen (leicht überlappend wie auf dem Plakat), gleiche Größe wie bei Standard-Karten */ +.dish--special .dish__media { margin-top: -.5rem; z-index: 1; height: auto; } +.dish--special .dish__media img { position: relative; display: block; left: auto; top: auto; width: auto; height: auto; max-width: 78%; max-height: calc(.88 * var(--media-h)); margin: 0 auto; } +.dish--special .dish__body > p { margin-top: auto; } +.dish--special p, .dish__kicker { + font-family: var(--f-mono); text-transform: uppercase; font-size: .78rem; line-height: 1.6; + letter-spacing: .14em; word-spacing: .25em; opacity: .95; +} +.dish--special .price { background: var(--cream); color: var(--red-deep); } + +.dish--promo { justify-content: center; gap: 1.1rem; } +.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; } +.dish--promo .promo-row p { margin-top: .35rem; font-size: .72rem; letter-spacing: .06em; word-spacing: 0; } +.dish--promo .price { margin-top: 0; } +.dish--promo .dish__name { margin-top: .5rem; } +@container (max-width: 320px) { + .dish--promo .promo-row { flex-direction: column; align-items: flex-start; gap: .6rem; } +} .dish-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(2rem, 5vw, 4.5rem); } .item { padding: 1.05rem 0; border-bottom: 2px dashed rgba(21, 13, 12, .18); } .item__row { display: flex; align-items: baseline; gap: .6rem; } -.item h3 { font-family: var(--f-body); font-weight: 800; font-size: 1.12rem; margin: 0; } +.item h3 { font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; font-size: clamp(.88rem, .8rem + .3vw, 1.02rem); line-height: 1.2; letter-spacing: -.005em; margin: 0; color: var(--red-deep); text-wrap: balance; } .item__dots { flex: 1; border-bottom: 3px dotted rgba(21, 13, 12, .35); transform: translateY(-4px); min-width: 1rem; } -.item__price { font-family: var(--f-sticker); font-size: 1.05rem; white-space: nowrap; color: var(--red-deep); } +.item__price { font-family: var(--f-wide); font-weight: 900; font-size: .95rem; white-space: nowrap; color: var(--ink); } .item p { margin: .25rem 0 0; font-size: .95rem; opacity: .8; } -.item .tag { display: inline-block; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; background: var(--yellow); border-radius: 999px; padding: .15em .55em; margin-left: .4rem; vertical-align: .15em; } +.item .tag { display: inline-block; font-family: var(--f-body); font-size: .72rem; font-weight: 800; color: var(--ink); text-transform: uppercase; letter-spacing: .05em; background: var(--yellow); border-radius: 999px; padding: .15em .55em; margin-left: .4rem; vertical-align: .15em; } .menu-extra { margin-top: 1.6rem; display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; @@ -711,15 +799,9 @@ body.nav-visible .cat-nav { 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; } -.dish--promo { background: var(--ink); color: var(--cream); border: 4px solid var(--yellow); justify-content: center; padding: clamp(1.4rem, 2.5vw, 2rem); gap: 1rem; } -.dish--promo h3 { color: var(--yellow); font-size: clamp(2.2rem, 1.6rem + 2vw, 3.2rem); } -.dish--promo p { opacity: .9; } -.dish--promo .promo-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem 0; border-bottom: 2px dashed rgba(247, 235, 217, .25); } -.dish--promo .promo-row strong { font-family: var(--f-display); font-weight: 400; text-transform: uppercase; font-size: 1.7rem; line-height: 1; } -.dish--promo .price { background: var(--red); color: var(--white); } .sauce-chips { display: flex; flex-wrap: wrap; gap: .6rem; } -.sauce-chips span { display: inline-flex; gap: .6em; align-items: center; background: var(--white); border: 2px solid var(--ink); border-radius: 999px; padding: .45em .95em; font-weight: 700; } -.sauce-chips b { font-family: var(--f-sticker); font-weight: 400; color: var(--red-deep); } +.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); } +.sauce-chips b { font-family: var(--f-mono); font-weight: 400; color: var(--ink); } /* ============ Motion setup ============ */ html.js [data-pop] .pw { display: inline-block; will-change: transform; } @@ -728,6 +810,7 @@ html.js.anim [data-reveal] { opacity: 0; translate: 0 var(--ry, 40px); } [data-sticker] { scale: var(--s, 1); } html.js.anim [data-sticker] { --s: 0; } html.js.anim .hero [data-intro] { opacity: 0; } +html.js.anim .juggle { visibility: hidden; } .hero__big .pl, .page-hero .pl { will-change: transform; } @media (prefers-reduced-motion: reduce) { @@ -737,6 +820,13 @@ html.js.anim .hero [data-intro] { opacity: 0; } .ticker__track { animation: none; } } +/* Windows-Kontrastmodus: Plakat-Flächen weg, Schreibschrift ohne Hinterlegung, damit der Name lesbar bleibt */ +@media (forced-colors: active) { + .dish--special { background: Canvas; } + .dish__script { forced-color-adjust: none; color: CanvasText; -webkit-text-stroke-color: Canvas; } + .dish .price { border: 2px solid CanvasText; } +} + /* ============ Responsive ============ */ @media (max-width: 1100px) { .sauce-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 3.5rem; } diff --git a/assets/fonts/archivo-expanded-black-latin.woff2 b/assets/fonts/archivo-expanded-black-latin.woff2 new file mode 100644 index 0000000..e3aa7ca Binary files /dev/null and b/assets/fonts/archivo-expanded-black-latin.woff2 differ diff --git a/assets/fonts/great-vibes-latin.woff2 b/assets/fonts/great-vibes-latin.woff2 new file mode 100644 index 0000000..3dc01f4 Binary files /dev/null and b/assets/fonts/great-vibes-latin.woff2 differ diff --git a/assets/fonts/ibm-plex-mono-latin.woff2 b/assets/fonts/ibm-plex-mono-latin.woff2 new file mode 100644 index 0000000..0804aaf Binary files /dev/null and b/assets/fonts/ibm-plex-mono-latin.woff2 differ diff --git a/assets/js/main.js b/assets/js/main.js index c8ba7dc..79c3566 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -340,25 +340,45 @@ placeRider(0); } - /* ---- Footer: jonglierende Zutaten ---- */ + /* ---- Footer: Zutaten fliegen von unten ins Bild und fallen wieder raus ---- */ var jug = $('[data-juggle]'); if (jug) { - var spots = [9, 33, 60, 84]; - var tls = $$('.juggle', jug).map(function (el, i) { - el.style.left = spots[i % spots.length] + '%'; - var apex = function () { return -Math.min(320, window.innerWidth * rand(.12, .22)); }; - var t = gsap.timeline({ repeat: -1, repeatRefresh: true, delay: i * .35, paused: true }); - t.to(el, { y: apex, rotation: function () { return '+=' + rand(180, 520); }, x: function () { return rand(-30, 30); }, duration: function () { return rand(.8, 1.1); }, ease: 'power2.out' }) - .to(el, { y: 0, duration: function () { return rand(.7, .95); }, ease: 'power2.in' }) - .to(el, { duration: function () { return rand(.15, .7); } }); - return t; + var foot = jug.closest('footer') || jug; + var G = 1100; // Schwerkraft in px/s², hält Flugkurve und -zeit realistisch + var running = false; + // Versatz, ab dem eine Zutat (auch gedreht) komplett unter dem Footer-Rand steckt + var below = function (el) { + return foot.getBoundingClientRect().bottom - jug.getBoundingClientRect().top - el.offsetTop + el.offsetHeight * .3 + 2; + }; + var toss = function (item, wait) { + var el = item.el; + var low = below(el); + var apex = -Math.min(window.innerHeight * .55, Math.max(jug.offsetHeight, 110) * rand(.8, 1.25) + 20); + var dir = Math.random() < .5 ? -1 : 1; + var drift = window.innerWidth * rand(.03, .08) * dir; + var rot = rand(-30, 30); + var up = Math.sqrt(2 * (low - apex) / G); + item.tl = gsap.timeline({ delay: wait, paused: !running, onComplete: function () { toss(item, rand(.15, .8)); } }) + .fromTo(el, { y: low }, { y: apex, duration: up, ease: 'power2.out' }) + .to(el, { y: low, duration: up, ease: 'power2.in' }) + .fromTo(el, { x: -drift / 2, rotation: rot }, { x: drift / 2, rotation: rot + dir * rand(200, 480), duration: up * 2, ease: 'none' }, 0); + }; + var items = $$('.juggle', jug).map(function (el, i) { + var item = { el: el, tl: null }; + gsap.set(el, { y: below(el), visibility: 'visible' }); + toss(item, .1 + i * .3); + return item; }); + var setRunning = function (on) { + running = on; + items.forEach(function (it) { on ? it.tl.play() : it.tl.pause(); }); + }; ST.create({ trigger: jug, start: 'top bottom', end: 'bottom top', - onToggle: function (self) { tls.forEach(function (t) { self.isActive ? t.play() : t.pause(); }); } + onToggle: function (self) { setRunning(self.isActive); } }); document.addEventListener('visibilitychange', function () { - tls.forEach(function (t) { document.hidden ? t.pause() : (ST.isInViewport(jug) && t.play()); }); + setRunning(!document.hidden && ST.isInViewport(jug)); }); } diff --git a/speisekarte.html b/speisekarte.html index 10262b9..b29dbf2 100644 --- a/speisekarte.html +++ b/speisekarte.html @@ -108,54 +108,43 @@
+

Chicken Wings

Knusprige Chicken Wings
-
-

Chicken Wings

-

Knusprig, mit Sauce nach Wahl.

-
6 Stück · 8,50 €10 Stück · 11,00 €20 Stück · 22,00 €
-
+

Knusprig, mit Sauce nach Wahl.

6 Stück · 8,50 €10 Stück · 11,00 €20 Stück · 22,00 €
+

Buffalo Red Hot Wings

Buffalo Red Hot Wings mit Dip
-
-

Buffalo Red Hot Wings

14,00 €
-

10 Stück, in Buffalo-Red-Hot-Sauce.

-
+

10 Stück, in Buffalo-Red-Hot-Sauce.

14,00 €
+

Chipotle Honey BBQ Wings

Chipotle Honey BBQ Wings mit Dip
-
-

Chipotle Honey BBQ Wings

14,00 €
-

10 Stück, in Chipotle-Honey-BBQ-Sauce.

-
+

10 Stück, in Chipotle-Honey-BBQ-Sauce.

14,00 €
+

Teriyaki Wings

Teriyaki Wings mit Dip
-
-

Teriyaki Wings

14,00 €
-

10 Stück, in Teriyaki-Sauce.

-
+

10 Stück, in Teriyaki-Sauce.

14,00 €
+

Sweet Chili Wings

Sweet Chili Wings mit Dip
-
-

Sweet Chili Wings

14,00 €
-

10 Stück, in Sweet-Chili-Sauce.

-
+

10 Stück, in Sweet-Chili-Sauce.

14,00 €
-
- Für die ganze Crew -

Buckets

-
Bucket

20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola 1,0 l

42,00 €
-
Party Bucket

20 Wings, 20 Filets, 4× Pommes, Cola 1,0 l

68,00 €
+
+ Für die ganze Crew +

Buckets

+
Bucket

20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola 1,0 l

42,00 €
+
Party Bucket

20 Wings, 20 Filets, 4× Pommes, Cola 1,0 l

68,00 €
-

Crispy-Chicken Tenders · 5 Stück

9,50 €

Knusprig panierte Hähnchenfilets.

-

Crispy-Chicken Tenders · 10 Stück

17,00 €

Knusprig panierte Hähnchenfilets.

-

Buffalo Red Hot Tenders · 5 Stück

11,50 €

In Buffalo-Red-Hot-Sauce.

-

Chipotle Honey BBQ Tenders · 5 Stück

11,50 €

In Chipotle-Honey-BBQ-Sauce.

-

Teriyaki Tenders · 5 Stück

11,50 €

In Teriyaki-Sauce.

+

Crispy-Chicken Tenders · 5 Stück

9,50 €

Knusprig panierte Hähnchenfilets.

+

Crispy-Chicken Tenders · 10 Stück

17,00 €

Knusprig panierte Hähnchenfilets.

+

Buffalo Red Hot Tenders · 5 Stück

11,50 €

In Buffalo-Red-Hot-Sauce.

+

Chipotle Honey BBQ Tenders · 5 Stück

11,50 €

In Chipotle-Honey-BBQ-Sauce.

+

Teriyaki Tenders · 5 Stück

11,50 €

In Teriyaki-Sauce.

@@ -166,12 +155,10 @@

Alle Chicken Burger mit Hähnchen-Patty, Cheddar, Tomaten und Salat – im Schärfegrad deiner Wahl.

-
+
+

Chicken Home Style Honey Mustard Bacon

BeliebtChicken Burger Home Style mit Honey Mustard und Bacon
-
-

Chicken Home Style Honey Mustard Bacon

12,50 €
-

Cheddar, Bacon, Tomaten, Zwiebeln, Salat, Honey-Mustard-Soße.

-
+

Cheddar, Bacon, Tomaten, Zwiebeln, Salat, Honey-Mustard-Soße.

12,50 €
@@ -191,21 +178,25 @@

Alle Burger mit Rindfleisch-Patty, Cheddar, Tomaten, Salat, sauren Gurken und Zwiebeln.

-
+
+

US Burger

BeliebtUS Burger mit Ei und Bacon
-

US Burger

13,50 €

Cheddar, Ei, Bacon, karamellisierte Zwiebeln, BBQ-Soße.

+

Cheddar, Ei, Bacon, karamellisierte Zwiebeln, BBQ-Soße.

13,50 €
-
+
+

Steakhouse Burger

Steakhouse Burger
-

Steakhouse Burger

13,50 €

Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Steakhouse-Soße.

+

Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Steakhouse-Soße.

13,50 €
+

Cheese Burger

BeliebtCheese Burger
-

Cheese Burger

12,50 €

Cheddar, karamellisierte Zwiebeln, Ketchup, Mayonnaise.

+

Cheddar, karamellisierte Zwiebeln, Ketchup, Mayonnaise.

12,50 €
+

Hamburger

Hamburger
-

Hamburger

11,50 €

Karamellisierte Zwiebeln, Ketchup, Mayonnaise.

+

Karamellisierte Zwiebeln, Ketchup, Mayonnaise.

11,50 €
@@ -225,10 +216,10 @@

Mit Pommes und Coleslaw – mild oder scharf.

-

Menü Crispy-Chicken Tenders · 5 Stück

14,45 €

Crispy-Chicken-Filets, Pommes, Coleslaw.

-

Menü Crispy-Chicken Tenders · 10 Stück

21,95 €

Crispy-Chicken-Filets, Pommes, Coleslaw.

-

Menü Chicken Wings · 6 Stück

13,45 €

Chicken Wings, Pommes, Coleslaw.

-

Menü Chicken Wings · 10 Stück

15,95 €

Chicken Wings, Pommes, Coleslaw.

+

Menü Crispy-Chicken Tenders · 5 Stück

14,45 €

Crispy-Chicken-Filets, Pommes, Coleslaw.

+

Menü Crispy-Chicken Tenders · 10 Stück

21,95 €

Crispy-Chicken-Filets, Pommes, Coleslaw.

+

Menü Chicken Wings · 6 Stück

13,45 €

Chicken Wings, Pommes, Coleslaw.

+

Menü Chicken Wings · 10 Stück

15,95 €

Chicken Wings, Pommes, Coleslaw.

@@ -240,8 +231,9 @@
+

Chicken Wrap Chickago-Boys

BeliebtChicken Wrap Chickago-Boys, aufgeschnitten
-

Chicken Wrap Chickago-Boys

9,50 €

2 knusprige Crispy-Filets, Cheddar, Tomaten, Salat, hausgemachte Sauce.

+

2 knusprige Crispy-Filets, Cheddar, Tomaten, Salat, hausgemachte Sauce.

9,50 €

Caesar Wrap

9,50 €

Knuspriges Crispy-Filet, würziger Hartkäse, Croutons, Tomaten, Salat, Caesar-Soße.

@@ -270,12 +262,14 @@
+

Jalapeños Chili Cheese Fries

Jalapeños Chili Cheese Fries
-

Jalapeños Chili Cheese Fries

7,00 €

Pommes mit Chili-Käse-Sauce und Jalapeños.

+

Pommes mit Chili-Käse-Sauce und Jalapeños.

7,00 €
+

Cheesy Bacon Fries

Cheesy Bacon Fries
-

Cheesy Bacon Fries

7,00 €

Pommes mit Käse und Bacon.

+

Pommes mit Käse und Bacon.

7,00 €
@@ -305,14 +299,14 @@

Kalt, groß und zum Teilen. Bier, Wein und Cocktails gibt’s bei uns an der Bar.

-

Home Made Peach Iced Tea · 1,0 l

9,50 €
-

Home Made Lemon Iced Tea · 1,0 l

9,50 €
-

Coca-Cola · 1,0 l

4,70 €
-

Coca-Cola Zero · 1,0 l

4,70 €
-

Fanta Orange · 1,0 l

4,70 €
-

Mezzo Mix · 1,0 l

4,70 €
-

Sprite · 1,0 l

4,70 €
-

Red Bull · 0,25 l

3,50 €
+

Home Made Peach Iced Tea · 1,0 l

9,50 €
+

Home Made Lemon Iced Tea · 1,0 l

9,50 €
+

Coca-Cola · 1,0 l

4,70 €
+

Coca-Cola Zero · 1,0 l

4,70 €
+

Fanta Orange · 1,0 l

4,70 €
+

Mezzo Mix · 1,0 l

4,70 €
+

Sprite · 1,0 l

4,70 €
+

Red Bull · 0,25 l

3,50 €