Files
Beyt-Beytak-Abu-Ali/www/index.html
2026-05-21 15:57:16 +02:00

1419 lines
62 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#FF8C00">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BEYT BEYTAK — Arabische Küche in Landshut</title>
<meta name="description" content="BEYT BEYTAK in Landshut — Frische Aromen aus dem Herzen der arabischen Küche. Kaiserstraße 568, MoSo 1122 Uhr (Mi Ruhetag).">
<!-- Open Graph / Social -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://beytbeytak.de">
<meta property="og:title" content="BEYT BEYTAK — Arabische Küche in Landshut">
<meta property="og:description" content="Frische Aromen aus dem Herzen der arabischen Küche, mit hausgemachter Note.">
<meta property="og:image" content="https://beytbeytak.de/images/hero-piquenique.jpg">
<meta property="og:locale" content="de_DE">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BEYT BEYTAK — Arabische Küche in Landshut">
<meta name="twitter:description" content="Frische Aromen aus dem Herzen der arabischen Küche, mit hausgemachter Note.">
<meta name="twitter:image" content="https://beytbeytak.de/images/hero-piquenique.jpg">
<!-- Fonts preload -->
<link rel="preload" href="fonts/TTNorms-Bold.woff2.woff2" as="font" type="font/woff2">
<link rel="preload" href="fonts/TTNorms-Regular.woff2.woff2" as="font" type="font/woff2">
<link rel="preload" href="fonts/CenturyOldStyleStd-Bold.woff2.woff2" as="font" type="font/woff2">
<!-- Favicons -->
<link rel="icon" href="favicon.ico" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-192.png" sizes="192x192">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- Hero images preload -->
<link rel="preload" as="image" href="images/hero-pancakes.jpg">
<link rel="preload" as="image" href="images/hero-salle-pro.png">
<link rel="preload" as="image" href="images/hero-chocolat.jpg">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ========== NAVIGATION ========== -->
<header class="nav" id="nav">
<div class="nav__container container">
<div class="nav__left">
<a href="#menu" class="nav__link">Speisekarte</a>
<a href="#traiteur" class="nav__link">Catering</a>
<a href="#contact" class="nav__link">Kontakt</a>
</div>
<a href="#hero" class="nav__logo">
<img src="images/logo.png" alt="Beyt Beytak Abu Ali" class="nav__logo-img">
</a>
<div class="nav__right">
<a href="#mission" class="nav__link">Über uns</a>
<a href="tel:+4987197003889" class="btn btn--primary nav__cta">Bestellen</a>
</div>
<button class="nav__burger" id="navBurger" aria-label="Menü öffnen">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<!-- ========== MOBILE MENU OVERLAY ========== -->
<div class="mobile-menu" id="mobileMenu">
<nav class="mobile-menu__nav">
<img src="images/logo.png" alt="Beyt Beytak Abu Ali" class="mobile-menu__logo">
<a href="#menu" class="mobile-menu__link">Speisekarte</a>
<a href="#traiteur" class="mobile-menu__link">Catering</a>
<a href="#contact" class="mobile-menu__link">Kontakt</a>
<a href="#mission" class="mobile-menu__link">Über uns</a>
<a href="tel:+4987197003889" class="btn btn--primary mobile-menu__cta">Bestellen</a>
</nav>
</div>
<!-- ========== HERO CAROUSEL ========== -->
<section class="hero" id="hero">
<!-- Slides -->
<div class="hero__slides">
<div class="hero__slide active">
<img src="images/hero-pancakes.jpg" alt="Frischer Döner vom Spieß bei Beyt Beytak Abu Ali" class="hero__bg-img">
</div>
<div class="hero__slide">
<img src="images/hero-salle-pro.png" alt="Gemütlicher Imbiss Beyt Beytak Abu Ali" class="hero__bg-img">
</div>
<div class="hero__slide">
<img src="images/hero-chocolat.jpg" alt="Frische Zutaten bei Beyt Beytak Abu Ali" class="hero__bg-img">
</div>
</div>
<div class="hero__overlay"></div>
<!-- Arrows -->
<button class="hero__arrow hero__arrow--prev" id="heroPrev" aria-label="Vorheriges Bild">
<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M15 19l-7-7 7-7"/></svg>
</button>
<button class="hero__arrow hero__arrow--next" id="heroNext" aria-label="Nächstes Bild">
<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg>
</button>
<!-- Dots -->
<div class="hero__dots">
<button class="hero__dot active" data-slide="0" aria-label="Slide 1"></button>
<button class="hero__dot" data-slide="1" aria-label="Slide 2"></button>
<button class="hero__dot" data-slide="2" aria-label="Slide 3"></button>
</div>
<div class="hero__content container">
<p class="hero__brand animate-fade-up">BEYT BEYTAK</p>
<h1 class="hero__title animate-fade-up" style="--delay: 0.08s">
Ein Geschmack, der Tradition und Innovation vereint, mit Liebe zubereitet.
</h1>
<p class="hero__slogan animate-fade-up" style="--delay: 0.15s">
Frische Aromen aus dem Herzen der arabischen Küche, mit hausgemachter Note.
</p>
<div class="hero__actions animate-fade-up" style="--delay: 0.25s">
<a href="tel:+4987197003889" class="btn btn--primary btn--lg">Jetzt anrufen</a>
<a href="#menu" class="btn btn--outline-light btn--lg">Speisekarte ansehen</a>
</div>
</div>
</section>
<!-- ========== MENU ========== -->
<section class="menu section" id="menu">
<div class="container">
<!-- Filtres diététiques — multi-select chips -->
<div class="menu__filters" id="menuFilters">
<button class="menu__filter" data-filter="v">Vegetarisch</button>
<button class="menu__filter" data-filter="vg">Vegan</button>
<button class="menu__filter" data-filter="noix">Ohne Nüsse</button>
<button class="menu__filter-reset" id="filterReset">Zurücksetzen</button>
</div>
<div class="menu__tabs" role="tablist">
<button class="menu__tab active" data-tab="vorspeisen" role="tab" aria-selected="true" aria-controls="tab-vorspeisen">Vorspeisen</button>
<button class="menu__tab" data-tab="menue" role="tab" aria-selected="false" aria-controls="tab-menue">Menü</button>
<button class="menu__tab" data-tab="pastitien" role="tab" aria-selected="false" aria-controls="tab-pastitien">Pastitien</button>
<button class="menu__tab" data-tab="sandwiches" role="tab" aria-selected="false" aria-controls="tab-sandwiches">Sandwiches</button>
<button class="menu__tab" data-tab="pizza" role="tab" aria-selected="false" aria-controls="tab-pizza">Pizza</button>
</div>
<p class="menu__allergen-hinweis">Allergen- und Zusatzstoffkennzeichnung: AN (Allergene), 114 (Zusatzstoffe). Details auf Anfrage im Restaurant.</p>
<div class="menu__content active" id="tab-vorspeisen" role="tabpanel" aria-labelledby="tab-vorspeisen">
<div class="menu__grid">
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/taboulah.png" alt="Taboulah" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Taboulah</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Petersilie, Tomaten, Bulgur, Zitronensaft, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/fattoush.png" alt="Fattoush" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Fattoush</h3>
<span class="menu-card__price">6,00 €</span>
</div>
<p>Frittiertes Brot, Tomaten, Gurken, Römersalat, Minze, Zwiebeln, Knoblauch, Olivenöl, Granatapfelsirup</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, K</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/baba-ghanoush.png" alt="Baba Ghanoush" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Baba Ghanoush</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Gegrillte Aubergine, Joghurt, Tahina, Knoblauchsoße, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">F, J</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/hummus.png" alt="Hummus" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hummus</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Kichererbsen, Tahina, Zitronensaft, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">I</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/kaese-boerek.png" alt="4× Käse Börek" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>4× Käse Börek</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Käse, Teigblätter</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/spinat-boerek.png" alt="4× Spinat Börek" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>4× Spinat Börek</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Spinat, Käse, Zwiebeln</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/hackfleisch-boerek.png" alt="4× Hackfleisch Börek" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>4× Hackfleisch Börek</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Hackfleisch, Zwiebel, Teigblätter</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/kibbe-frittiert.png" alt="Kibbe frittiert" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Kibbe frittiert</h3>
<span class="menu-card__price">2,00 €</span>
</div>
<p>Bulgur, Zwiebel, Hackfleisch</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, K, H</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/salat-spezial.png" alt="Salat Spezial" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Salat Spezial</h3>
<span class="menu-card__price">7,00 €</span>
</div>
<p>Tomaten, Gurken, Zwiebeln, Feta Käse, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">F, K</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/weinblaetter.png" alt="Gefüllte Weinblätter (Yalinyi)" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Gefüllte Weinblätter (Yalinyi)</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Weinblätter, Reis, Petersilie, Zwiebeln, Knoblauch, Tomaten, Paprika, Granatapfelsirup, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">K</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/abu-ali-salat.png" alt="Abu Ali Salat Spezial mit Hähnchen" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Abu Ali Salat Spezial mit Hähnchen</h3>
<span class="menu-card__price">8,00 €</span>
</div>
<p>Kopfsalat, Tomaten, Gurken, Oliven, Hähnchenfilet, Käse, Granatapfelsirup, Olivenöl</p>
<div class="menu-card__tags">
<span class="tag tag--blue">F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/vorspeisen-teller.png" alt="Vorspeisen-Teller vegetarisch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Vorspeisen-Teller vegetarisch</h3>
<span class="menu-card__price">11,00 €</span>
</div>
<p>Taboulah, Hummus, Baba Ghanoush, 2× Falafel, 1× Spinat Börek, 1× Käse Börek</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, H, J, I, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="vg" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/falafel-teller.png" alt="Falafel-Teller" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Falafel-Teller</h3>
<span class="menu-card__price">6,00 €</span>
</div>
<p>4× Falafel, Hummus, Tomaten, Gurken, Brot</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegan</span>
<span class="tag tag--blue">A1, J, H, I</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/linsensuppe.png" alt="Linsensuppe" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Linsensuppe</h3>
<span class="menu-card__price">3,50 €</span>
</div>
<p>Linsen, Karotten, Kartoffeln</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, I, E</span>
</div>
</div>
</div>
</div>
</div>
<div class="menu__content" id="tab-menue" role="tabpanel" aria-labelledby="tab-menue">
<div class="menu__grid">
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-mexicano.png" alt="Mexicano" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Mexicano</h3>
<span class="menu-card__price">14,90 €</span>
</div>
<p>Hähnchenbruststreifen, Karotten, Zwiebel, Paprika, mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, F, 4, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-faijta.png" alt="Faijta" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Faijta</h3>
<span class="menu-card__price">14,90 €</span>
</div>
<p>Hähnchenbruststreifen, Champignons, Paprika, Zwiebel, Senf, Käse, mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, F, 2, 4, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-francisco.png" alt="Francisco" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Francisco</h3>
<span class="menu-card__price">14,90 €</span>
</div>
<p>Hähnchenbruststreifen, Champignons, Paprika, Zwiebel, Mais, Käse, mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, F, 2, 4, 2</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-philadelphia.png" alt="Philadelphia" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Philadelphia</h3>
<span class="menu-card__price">15,90 €</span>
</div>
<p>Lammfiletstreifen, Champignons, Zwiebel, Paprika, mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, F, 4, 2</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-haehnchenspiess.png" alt="Hähnchenspieß" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchenspieß</h3>
<span class="menu-card__price">14,90 €</span>
</div>
<p>4× Hähnchenspieß mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, F, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-crispy.png" alt="Crispy" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Crispy</h3>
<span class="menu-card__price">12,90 €</span>
</div>
<p>4× Hähnchenbrust mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, 1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-haehnchenleber.png" alt="Hähnchenleber" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchenleber</h3>
<span class="menu-card__price">12,90 €</span>
</div>
<p>Hähnchenleber, Zwiebel, grüner Koriander, Paprika, mit Reis oder Pommes, Coleslaw, Spezialsoße, gebratenes Brot mit Paprikasauce und Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, B, I, 2, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-broasted.png" alt="Broasted — halbes Hähnchen frittiert" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Broasted — halbes Hähnchen frittiert</h3>
<span class="menu-card__price">14,90 €</span>
</div>
<p>Halbes Hähnchen frittiert, Pommes, eingelegtes Gemüse, Knoblauchsoße</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, 1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="true">
<div class="menu-card__img">
<img src="images/gerichte/menue-mendi-lamm.png" alt="Mendi Lammfleisch mit Reis" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Mendi Lammfleisch mit Reis</h3>
<span class="menu-card__price">15,00 €</span>
</div>
<p>Lammfleisch mit Knochen, gewürztes Reis, Salat mit Joghurt und Gurke</p>
<div class="menu-card__tags">
<span class="tag tag--blue">F, G</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="true">
<div class="menu-card__img">
<img src="images/gerichte/menue-kebsi.png" alt="Kebsi — halbes Hähnchen mit Reis" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Kebsi — halbes Hähnchen mit Reis</h3>
<span class="menu-card__price">13,50 €</span>
</div>
<p>Halbes Hähnchen, gewürztes Reis, Salat mit Joghurt und Gurke</p>
<div class="menu-card__tags">
<span class="tag tag--blue">F, G</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-shawarma.png" alt="Arabischer Shawarma-Teller" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Arabischer Shawarma-Teller</h3>
<span class="menu-card__price">11,00 €</span>
</div>
<p>Selbstgemachte Shawarma vom Grill, Pommes, eingelegtes Gemüse, Knoblauchsoße, Coleslaw</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A, B, F, K</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/menue-nuggets.png" alt="Nuggets mit Pommes" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Nuggets mit Pommes</h3>
<span class="menu-card__price">10,00 €</span>
</div>
<p>10 Nuggets mit Pommes, Knoblauchsoße</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, I, 2, 1, F</span>
</div>
</div>
</div>
</div>
</div>
<div class="menu__content" id="tab-pastitien" role="tabpanel" aria-labelledby="tab-pastitien">
<div class="menu__grid">
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/lahmacun.png" alt="Lahmacun" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Lahmacun</h3>
<span class="menu-card__price">2,75 €</span>
</div>
<p>Hackfleisch, Tomaten, Paprika, Zwiebeln, Knoblauch, Petersilie</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/kaese-manaesch.png" alt="Käse Manaesch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Käse Manaesch</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Käse auf dünnem Fladenteig</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, J</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/kaesetasche.png" alt="Dreieckige Käsetasche" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Dreieckige Käsetasche</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Käse</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/haehnchen-pide.png" alt="Hähnchen-Pide" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchen-Pide</h3>
<span class="menu-card__price">2,75 €</span>
</div>
<p>Hähnchenbruststreifen, Käse, Zwiebeln, Paprika, Karotten</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/hackfleisch-pide.png" alt="Hackfleisch-Pide" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hackfleisch-Pide</h3>
<span class="menu-card__price">2,75 €</span>
</div>
<p>Hackfleisch, Käse, Zwiebeln, Granatapfelsirup</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sucuk-pide.png" alt="Sucuk-Pide" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Sucuk-Pide</h3>
<span class="menu-card__price">2,75 €</span>
</div>
<p>Sucuk, Käse, Paprikasauce</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, 2, 3, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/spinattasche.png" alt="Dreieckige Spinattasche" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Dreieckige Spinattasche</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Spinat, Zwiebeln, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/haehnchenleber-pide.png" alt="Hähnchenleber-Pide" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchenleber-Pide</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Hähnchenleber, grüner Koriander, Zwiebeln, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/paprika-manaesch.png" alt="Paprika Manaesch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Paprika Manaesch</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Paprikasauce, Zwiebeln, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/zaater-manaesch.png" alt="Zaater Manaesch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Zaater Manaesch</h3>
<span class="menu-card__price">2,50 €</span>
</div>
<p>Sesam, Gewürze, Olivenöl, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, J</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/toshka.png" alt="Toshka" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Toshka</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Hackfleisch, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/mini-pide.png" alt="4× Mini-Pide" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>4× Mini-Pide</h3>
<span class="menu-card__price">5,00 €</span>
</div>
<p>Käse, Sucuk, Gemüse, Hähnchen</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, I, K, E</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/steak-manaesch.png" alt="Steak Manaesch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Steak Manaesch</h3>
<span class="menu-card__price">6,00 €</span>
</div>
<p>Lammsteak-Stücke</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1</span>
</div>
</div>
</div>
</div>
</div>
<div class="menu__content" id="tab-sandwiches" role="tabpanel" aria-labelledby="tab-sandwiches">
<div class="menu__grid">
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-mexicano.png" alt="Mexicano" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Mexicano</h3>
<span class="menu-card__price">7,50 €</span>
</div>
<p>Hähnchenbruststreifen, Paprika, Zwiebel, Karotten, Käse, Coleslaw, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, B, 1, 2</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-faijta.png" alt="Faijta" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Faijta</h3>
<span class="menu-card__price">7,50 €</span>
</div>
<p>Hähnchenbruststreifen, Champignons, Paprika, Zwiebel, Senf, Käse, Pommes, Coleslaw, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, 2, 4, B, I</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-francisco.png" alt="Francisco" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Francisco</h3>
<span class="menu-card__price">7,50 €</span>
</div>
<p>Hähnchenbruststreifen, Mais, Champignons, Käse, Paprika, Coleslaw, Pommes, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, 2, 4, B, I, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-philadelphia.png" alt="Philadelphia" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Philadelphia</h3>
<span class="menu-card__price">8,50 €</span>
</div>
<p>Lammfiletstreifen, Champignons, Paprika, Zwiebeln, Pommes, Käse, Coleslaw, Spezialsoße, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, 2, 4, B, I, F, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-haehnchenspiess.png" alt="Hähnchenspieß" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchenspieß</h3>
<span class="menu-card__price">7,50 €</span>
</div>
<p>2× Hähnchenspieß, eingelegte Gurken, Pommes, Knoblauchsoße, Käse, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-crispy.png" alt="Crispysandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Crispysandwich</h3>
<span class="menu-card__price">7,50 €</span>
</div>
<p>2× Hähnchenbrust frittiert, Coleslaw, Pommes, Spezialsauce, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, B, 1, 2, I</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-haehnchenleber.png" alt="Hähnchenleber" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hähnchenleber</h3>
<span class="menu-card__price">7,00 €</span>
</div>
<p>Hähnchenleber, Zwiebel, grüner Koriander, Pommes, eingelegte Gurken, Knoblauchsoße, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-burger.png" alt="Burger" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Burger</h3>
<span class="menu-card__price">8,00 €</span>
</div>
<p>Rindfleisch gemischt mit Lammfleisch, Zwiebel, Tomaten, Salat, Spezialsauce</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, I, 1, 2, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-cheeseburger.png" alt="Cheeseburger" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Cheeseburger</h3>
<span class="menu-card__price">8,00 €</span>
</div>
<p>Rindfleisch gemischt mit Lammfleisch, Zwiebel, Tomaten, Salat, Käse, Spezialsauce</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, 1, 2, B, I</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-shawarma.png" alt="Shawarma-Sandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Shawarma-Sandwich</h3>
<span class="menu-card__price">7,00 €</span>
</div>
<p>Selbstgemachte Shawarma vom Grill, Knoblauchsoße, eingelegte Gurken, Granatapfelsirup</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, 2, 4, B, I, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-kebab.png" alt="Kebab-Sandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Kebab-Sandwich</h3>
<span class="menu-card__price">7,00 €</span>
</div>
<p>2× Kebab-Spieße, Petersilie, Zwiebeln, Paprikasauce, nach Wahl mit Pommes</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, 2, 4, B, I, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-chickencheeseburger.png" alt="Chickencheeseburger" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Chickencheeseburger</h3>
<span class="menu-card__price">8,00 €</span>
</div>
<p>Hähnchenbrust frittiert, Salat, Zwiebel, Tomaten, Käse, Spezialsauce</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, I, 1, 2, B</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-pommes.png" alt="Pommessandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Pommessandwich</h3>
<span class="menu-card__price">6,00 €</span>
</div>
<p>Pommes, Coleslaw, Käse, Ketchup, Knoblauchsoße, Baguette oder arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, B, F, H, I, 2</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="vg" data-noix="true">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-falafel.png" alt="Falafel-Sandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Falafel-Sandwich</h3>
<span class="menu-card__price">6,00 €</span>
</div>
<p>Falafel, Salat, Gurken, Minze, Tomaten, Tahina, Essiggurke, arabisches Brot</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegan</span>
<span class="tag tag--blue">A, G, N, E</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/sandwich-sucuk.png" alt="Arabisches Sucuk-Sandwich" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Arabisches Sucuk-Sandwich</h3>
<span class="menu-card__price">7,00 €</span>
</div>
<p>2× Sucuk-Spieße, Knoblauchsoße, Essiggurken, Paprikasauce, nach Wahl mit Pommes</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, 2, 4, B, I, F</span>
</div>
</div>
</div>
</div>
</div>
<div class="menu__content" id="tab-pizza" role="tabpanel" aria-labelledby="tab-pizza">
<div class="menu__grid">
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-margherita.png" alt="Margherita" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Margherita</h3>
<span class="menu-card__price">8,50 €</span>
</div>
<p>Tomatensauce, Käse</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-salami.png" alt="Salami" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Salami</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Geflügelsalami</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, 1, 2, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-thunfisch.png" alt="Thunfisch" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Thunfisch</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Thunfisch, Zwiebeln</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, D, 1</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-champignon.png" alt="Champignon" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Champignon</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Champignons</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, 2, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="v" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-vegetariana.png" alt="Vegetariana" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Vegetariana</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Mais, Pilze, Paprika, frische Tomaten, Oliven</p>
<div class="menu-card__tags">
<span class="tag tag--green">Vegetarisch</span>
<span class="tag tag--blue">A1, F, 2, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-sucuk.png" alt="Sucuk" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Sucuk</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Sucuk</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F, 2, 3, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-abu-ali.png" alt="Abu Ali Spezial-Pizza" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Abu Ali Spezial-Pizza</h3>
<span class="menu-card__price">11,00 €</span>
</div>
<p>Tomatensauce, Käse, Hähnchenbruststreifen, Pilze, Oliven, Paprika</p>
<div class="menu-card__tags">
<span class="tag tag--orange">Beliebt!</span>
<span class="tag tag--blue">A, F, 2, 4</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-hackfleisch.png" alt="Hackfleischpizza" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Hackfleischpizza</h3>
<span class="menu-card__price">9,50 €</span>
</div>
<p>Tomatensauce, Käse, Hackfleisch</p>
<div class="menu-card__tags">
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
<div class="menu-card" data-diet="" data-noix="false">
<div class="menu-card__img">
<img src="images/gerichte/pizza-familie.png" alt="Familienpizza" loading="lazy">
</div>
<div class="menu-card__body">
<div class="menu-card__top">
<h3>Familienpizza</h3>
<span class="menu-card__price">25,00 €</span>
</div>
<p>Ca. 50 cm Durchmesser, Zutaten nach Wahl</p>
<div class="menu-card__tags">
<span class="tag tag--orange">Ca. 50 cm</span>
<span class="tag tag--blue">A1, F</span>
</div>
</div>
</div>
</div>
</div>
<div class="menu__footer">
<a href="tel:+4987197003889" class="btn btn--primary btn--lg">Jetzt anrufen</a>
</div>
</div>
</section>
<!-- ========== MISSION (with photo) ========== -->
<section class="mission-banner" id="mission">
<div class="mission-banner__bg">
<img src="images/equipe-beytbeytak.jpg" alt="Team vor Beyt Beytak Abu Ali" class="mission-banner__img" loading="lazy">
<div class="mission-banner__overlay"></div>
</div>
<div class="mission-banner__content container">
<h2 class="mission-banner__title animate-fade-up">
BEYT BEYTAK
</h2>
<p class="mission-banner__desc animate-fade-up" style="--delay: 0.15s">
Frische Aromen aus dem Herzen der arabischen Küche, mit hausgemachter Note — bei Abu Ali in Landshut.
</p>
<a href="#contact" class="btn btn--white btn--lg animate-fade-up" style="--delay: 0.3s">Kontakt &amp; Anfahrt</a>
</div>
</section>
<!-- ========== TRAITEUR ========== -->
<section class="traiteur section" id="traiteur">
<div class="container">
<div class="traiteur__layout">
<div class="traiteur__content">
<span class="section__tag">Catering-Service</span>
<h2 class="section__title">Wir kümmern uns um<br>dein Event.</h2>
<p class="traiteur__desc">
Meetings, Feiern, Firmenevents — wir bereiten frische, leckere Mahlzeiten für deine Gruppe zu. Lieferung oder Abholung möglich.
</p>
<div class="traiteur__features">
<div class="traiteur__feature">
<div class="traiteur__feature-icon">
<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
</div>
<div>
<strong>Individuelles Menü</strong>
<p>Angepasst an Geschmack, Allergien und Budget</p>
</div>
</div>
<div class="traiteur__feature">
<div class="traiteur__feature-icon">
<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
</div>
<div>
<strong>10 bis 200 Personen</strong>
<p>Kleine Gruppen oder große Events</p>
</div>
</div>
<div class="traiteur__feature">
<div class="traiteur__feature-icon">
<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="1" y="3" width="15" height="13" rx="2"/><path d="M16 8h4l3 3v5h-7V8zM5 18a2 2 0 100-4 2 2 0 000 4zM19 18a2 2 0 100-4 2 2 0 000 4z"/></svg>
</div>
<div>
<strong>Lieferung oder Abholung</strong>
<p>Service für deine Region</p>
</div>
</div>
</div>
<a href="#contact" class="btn btn--primary btn--lg">Angebot anfragen</a>
</div>
<div class="traiteur__visual">
<div class="traiteur__img-main">
<img src="images/traiteur-service.jpg" alt="Catering-Service Beyt Beytak Abu Ali" loading="lazy">
</div>
</div>
</div>
</div>
</section>
<!-- ========== CONTACT ========== -->
<section class="contact section" id="contact">
<div class="container">
<div class="contact__layout">
<div class="contact__info">
<span class="section__tag">Kontakt</span>
<h2 class="section__title">Schreib uns</h2>
<p class="contact__desc">BEYT BEYTAK — Arabische Küche mit Herz. Reservierung, Catering oder Fragen? Melde dich gerne.</p>
<div class="contact__details">
<div class="contact__detail">
<div class="contact__detail-icon">
<svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</div>
<div>
<strong>Adresse</strong>
<p><a href="https://maps.google.com/?q=Kaiserstraße+568+84028+Landshut" target="_blank" rel="noopener">Kaiserstraße 568<br>84028 Landshut</a></p>
</div>
</div>
<div class="contact__detail">
<div class="contact__detail-icon">
<svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
</div>
<div>
<strong>Öffnungszeiten</strong>
<p>Montag Sonntag: 11:00 22:00 Uhr<br><span class="contact__closed">Ruhetag: Mittwoch</span></p>
</div>
</div>
<div class="contact__detail">
<div class="contact__detail-icon">
<svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>
</div>
<div>
<strong>Telefon</strong>
<p><a href="tel:+4987197003889">0871 / 970 03 889</a></p>
</div>
</div>
<div class="contact__detail">
<div class="contact__detail-icon">
<svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="M22 6l-10 7L2 6"/></svg>
</div>
<div>
<strong>Website</strong>
<p><a href="https://www.beyt-beytak.de" target="_blank" rel="noopener">www.beyt-beytak.de</a></p>
</div>
</div>
<div class="contact__detail">
<div class="contact__detail-icon">
<svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><path d="M17.5 6.5h.01"/></svg>
</div>
<div>
<strong>Instagram</strong>
<p><a href="https://www.instagram.com/beyt-beytak" target="_blank" rel="noopener">@beyt-beytak</a></p>
</div>
</div>
</div>
</div>
<form class="contact__form" id="contactForm" action="https://formsubmit.co/info@beytbeytak.de" method="POST">
<input type="hidden" name="_subject" value="Neue Nachricht von beytbeytak.de">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_next" value="https://beytbeytak.de#contact">
<input type="text" name="_honey" style="display:none">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Dein Name" required>
</div>
<div class="form-group">
<label for="email">E-Mail</label>
<input type="email" id="email" name="email" placeholder="deine@email.de" required>
</div>
<div class="form-group">
<label for="subject">Sujet</label>
<select id="subject" name="subject">
<option value="">Betreff wählen...</option>
<option value="general">Allgemeine Frage</option>
<option value="traiteur">Catering-Anfrage</option>
<option value="commande">Online-Bestellung</option>
<option value="autre">Sonstiges</option>
</select>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" placeholder="Deine Nachricht..." required></textarea>
</div>
<button type="submit" class="btn btn--primary btn--lg btn--full">Nachricht senden</button>
</form>
</div>
</div>
</section>
<!-- ========== FOOTER ========== -->
<footer class="footer">
<div class="container">
<div class="footer__grid">
<div class="footer__col">
<h4>BEYT BEYTAK</h4>
<p class="footer__tagline">Frische Aromen aus dem Herzen der arabischen Küche.</p>
</div>
<div class="footer__col">
<h4>Öffnungszeiten</h4>
<p>Montag Sonntag: 11:00 22:00</p>
<p class="footer__closed">Ruhetag Mittwoch</p>
</div>
<div class="footer__col">
<h4>Kontakt</h4>
<p><a href="tel:+4987197003889">0871 / 970 03 889</a></p>
<p><a href="https://www.beyt-beytak.de" target="_blank" rel="noopener">www.beyt-beytak.de</a></p>
<p class="footer__address">Kaiserstraße 568, 84028 Landshut</p>
</div>
<div class="footer__col">
<h4>Social Media</h4>
<div class="footer__social">
<a href="https://www.instagram.com/beyt-beytak" target="_blank" rel="noopener" class="footer__social-link" aria-label="Instagram">@beyt-beytak</a>
</div>
</div>
<div class="footer__col">
<h4>Newsletter</h4>
<p class="footer__newsletter-desc">Bleib auf dem Laufenden</p>
<form class="footer__newsletter-form">
<input type="email" placeholder="Deine E-Mail" required>
<button type="submit" class="btn btn--primary btn--sm">Anmelden</button>
</form>
</div>
</div>
<div class="footer__bottom">
<p>&copy; 2026 BEYT BEYTAK Abu Ali, Landshut. Alle Rechte vorbehalten.</p>
</div>
</div>
</footer>
<!-- ========== MOBILE STICKY CTA ========== -->
<div class="mobile-cta" id="mobileCta">
<a href="tel:+4987197003889" class="btn btn--primary btn--lg mobile-cta__btn">Jetzt anrufen</a>
</div>
<script src="script.js"></script>
</body>
</html>