:root{--black:#0b0b0a;--black2:#13120f;--cream:#f0e7d8;--paper:#e8dfcf;--gold:#b89358;--muted:#9f978b;--wine:#4a1d20;--line:rgba(240,231,216,.16)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:Manrope,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.section-pad{padding-left:7vw;padding-right:7vw}.site-header{height:92px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:42px;width:42px;border:1px solid var(--gold);display:grid;place-items:center;font-family:'Cormorant Garamond';font-size:18px;color:var(--gold);transform:rotate(45deg)}.brand-mark::first-line{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-family:'Cormorant Garamond';font-size:24px;letter-spacing:.12em}.brand small{font-size:7px;letter-spacing:.3em;color:#c6bbaa}.nav{display:flex;gap:35px;font-size:12px;letter-spacing:.12em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.3s}.nav a:hover:after{width:100%}.menu-toggle{display:none}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;padding:90px 7vw 0;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1579751626657-72bc17010498?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,5,.96) 0%,rgba(6,6,5,.72) 45%,rgba(6,6,5,.2) 75%),linear-gradient(0deg,rgba(8,8,7,.65),transparent 50%)}.hero-content{position:relative;z-index:2;max-width:800px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.32em;margin-bottom:25px}.eyebrow.gold{color:var(--gold)}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600}h1{font-size:clamp(64px,7vw,112px);line-height:.84;letter-spacing:-.035em}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-copy{max-width:520px;font-size:15px;line-height:1.8;color:#cfc7bb;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:38px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 28px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:.3s}.btn-gold{background:var(--gold);color:#111}.btn-gold:hover{background:var(--cream)}.text-link{font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}.text-link span{color:var(--gold);margin-left:8px}.scroll-hint{position:absolute;z-index:3;right:4vw;bottom:45px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#bbb3a8;display:flex;gap:12px;align-items:center}.scroll-hint span{width:1px;height:50px;background:var(--gold)}.intro{min-height:530px;background:var(--paper);color:#171612;display:grid;grid-template-columns:70px 1fr 1fr;gap:4vw;align-items:center;position:relative}.section-number{font-family:'Cormorant Garamond';color:#9c8e7c;font-size:15px;align-self:start;margin-top:120px}.intro h2,.menu-heading h2,.craft h2,.contact h2{font-size:clamp(48px,5vw,76px);line-height:.95}.intro-copy{max-width:500px}.intro-copy>p{font-size:14px;line-height:2;color:#5e574d}.signature{font-family:'Cormorant Garamond';font-style:italic;font-size:26px;margin-top:40px;color:#3b3329}.signature span{font-family:Manrope;font-size:9px;font-style:normal;letter-spacing:.14em;color:#817768;margin-left:12px}.menu-section{padding:120px 0;background:var(--black)}.menu-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.menu-heading>p{max-width:380px;color:var(--muted);font-size:12px;line-height:1.8}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.food-card{border-top:1px solid var(--line);padding-top:18px}.food-image{height:410px;background-size:cover;background-position:center;position:relative;overflow:hidden;filter:saturate(.78)}.food-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.food-image span{position:absolute;z-index:2;top:18px;left:18px;border:1px solid rgba(255,255,255,.55);height:34px;width:34px;display:grid;place-items:center;font-size:9px}.food-lahmacun{background-image:url('https://images.unsplash.com/photo-1579751626657-72bc17010498?auto=format&fit=crop&w=900&q=80')}.food-pide{background-image:url('https://images.unsplash.com/photo-1574071318508-1cdbab80d002?auto=format&fit=crop&w=900&q=80')}.food-pizza{background-image:url('https://images.unsplash.com/photo-1579751626657-72bc17010498?auto=format&fit=crop&w=900&q=80');background-position:70% center}.food-info{display:flex;justify-content:space-between;gap:15px;padding:20px 4px}.food-info h3{font-size:30px}.food-info p{font-size:10px;color:var(--muted);margin-top:6px}.food-info strong{color:var(--gold);font-family:'Cormorant Garamond';font-size:19px;white-space:nowrap}.center{text-align:center;margin-top:50px}.btn-outline{border:1px solid #655d52}.btn-outline:hover{background:var(--cream);color:#111}.craft{background:#171612;min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;padding-top:90px;padding-bottom:90px}.craft-art{height:500px;display:grid;place-items:center;background:radial-gradient(circle,rgba(184,147,88,.12),transparent 55%)}.arch{height:430px;width:300px;border:1px solid rgba(184,147,88,.45);border-radius:160px 160px 0 0;display:grid;place-items:center;position:relative}.arch:before,.arch:after{content:"";position:absolute;border:1px solid rgba(184,147,88,.16);border-radius:inherit}.arch:before{inset:18px}.arch:after{inset:38px}.arch span{font-family:'Cormorant Garamond';font-size:58px;line-height:.7;text-align:center;color:var(--gold);z-index:2}.craft-copy>p:not(.eyebrow){max-width:520px;color:#aaa195;line-height:1.9;font-size:13px;margin:30px 0}.features{display:flex;gap:24px;flex-wrap:wrap;color:#c7bcae;font-size:10px;letter-spacing:.08em}.features span::first-letter{color:var(--gold)}.order{min-height:600px;background:var(--gold);color:#17130e;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.order-pattern{position:absolute;inset:-100px;opacity:.15;background-image:linear-gradient(45deg,transparent 46%,#000 47%,#000 48%,transparent 49%),linear-gradient(-45deg,transparent 46%,#000 47%,#000 48%,transparent 49%);background-size:80px 80px;transform:rotate(5deg)}.order-inner{position:relative;z-index:2;max-width:780px;padding:90px 25px}.order h2{font-size:clamp(54px,6vw,88px);line-height:.9}.order h2 em{color:#4b3420}.order p:not(.eyebrow){max-width:560px;margin:28px auto;color:#493b2b;font-size:13px;line-height:1.8}.btn-dark{background:#12110f;color:var(--cream)}.btn-dark:hover{background:#31291e}.contact{background:var(--paper);color:#171612;padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px;align-content:end}.contact-grid>div{border-top:1px solid #bcb09f;padding-top:17px}.contact-grid small{font-size:8px;letter-spacing:.2em;color:#8a7353}.contact-grid p{font-family:'Cormorant Garamond';font-size:22px;margin:10px 0}.contact-grid a,.contact-grid span{font-size:10px;color:#746b60}footer{padding:38px 5vw;background:#080807;border-top:1px solid #24211d;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-family:'Cormorant Garamond';font-size:24px;letter-spacing:.12em}.footer-brand span,.footer-note,footer>a{font-size:8px;letter-spacing:.15em;color:#857d72;margin-top:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:850px){.site-header{height:78px}.nav{position:fixed;inset:0;background:#0b0b0a;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Cormorant Garamond';font-size:38px;gap:22px;transform:translateX(100%);transition:.4s}.nav.open{transform:none}.menu-toggle{display:block;position:relative;z-index:30;border:0;background:none;width:32px;height:25px}.menu-toggle span{position:absolute;left:0;width:100%;height:1px;background:#eee;transition:.3s}.menu-toggle span:first-child{top:7px}.menu-toggle span:last-child{top:17px}.menu-toggle.active span:first-child{top:12px;transform:rotate(45deg)}.menu-toggle.active span:last-child{top:12px;transform:rotate(-45deg)}.hero{min-height:690px;padding-left:7vw}.hero-photo{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(6,6,5,.93),rgba(6,6,5,.58)),linear-gradient(0deg,rgba(0,0,0,.6),transparent)}h1{font-size:58px}.hero-copy{max-width:350px}.scroll-hint{display:none}.intro{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px;gap:35px}.section-number{display:none}.menu-heading{align-items:start;flex-direction:column;gap:25px}.food-grid{grid-template-columns:1fr}.food-image{height:480px}.craft{grid-template-columns:1fr;padding-top:70px}.craft-art{height:400px}.arch{height:350px;width:245px}.contact{grid-template-columns:1fr}.contact-grid{margin-top:20px}footer{gap:25px;align-items:flex-start;flex-direction:column}.footer-note{display:none}}
@media(max-width:520px){.section-pad{padding-left:6vw;padding-right:6vw}.brand strong{font-size:20px}.brand-mark{width:36px;height:36px}.hero{padding-left:6vw;padding-right:6vw}.hero-content{margin-top:50px}h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.intro h2,.menu-heading h2,.craft h2,.contact h2{font-size:45px}.food-image{height:390px}.craft-art{height:340px}.arch{height:300px;width:210px}.arch span{font-size:45px}.features{flex-direction:column;gap:12px}.order{min-height:530px}.order h2{font-size:48px}.contact-grid{grid-template-columns:1fr}}

/* Bestellregeln */
.order-rules{background:#11100e;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:32px;padding-bottom:32px;gap:0}.rule{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:8px 32px;border-right:1px solid var(--line)}.rule:last-child{border-right:0}.rule>span{font-family:'Cormorant Garamond';font-size:16px;color:var(--gold)}.rule small{display:block;font-size:8px;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}.rule strong{display:block;font-family:'Cormorant Garamond';font-size:24px;font-weight:600}.rule p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}.order-lead strong{font-weight:700;color:#24190f}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,15,10,.18);margin:35px auto;max-width:700px}.order-steps>div{background:rgba(218,177,111,.72);padding:22px 14px;display:flex;flex-direction:column;align-items:center}.order-steps span{width:30px;height:30px;border:1px solid rgba(20,15,10,.45);border-radius:50%;display:grid;place-items:center;font-family:'Cormorant Garamond';font-weight:700;margin-bottom:10px}.order-steps strong{font-family:'Cormorant Garamond';font-size:21px}.order-steps small{font-size:9px;margin-top:4px;color:#493b2b}.order-badges{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.food-cigkofte{background-image:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=80')}
@media(max-width:850px){.order-rules{grid-template-columns:1fr;padding-top:18px;padding-bottom:18px}.rule{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.rule:last-child{border-bottom:0}.order-steps{grid-template-columns:1fr;max-width:420px}.order-steps>div{padding:16px}.order-badges{gap:12px}}


/* Modernisierter Bestellbereich – Aufbau bleibt unverändert */
.order{min-height:640px;background:linear-gradient(135deg,#d0ad73 0%,#b98e50 100%);color:#17130e;isolation:isolate}
.order-pattern{opacity:.07;background-image:radial-gradient(circle at 1px 1px,#17130e 1px,transparent 0);background-size:28px 28px;transform:none}
.order-inner{max-width:900px;padding:100px 25px}
.order .eyebrow{color:#382a1b}
.order h2{letter-spacing:-.025em}
.order h2 em{color:#51371f}
.order-lead{font-size:14px!important;max-width:620px!important}
.order-steps{max-width:760px;gap:12px;background:transparent;margin:38px auto 34px}
.order-steps>div{background:rgba(245,232,209,.32);border:1px solid rgba(42,30,18,.18);padding:25px 16px;border-radius:3px;backdrop-filter:blur(5px)}
.order-steps span{background:rgba(255,255,255,.14)}
.order .btn-dark{padding:18px 32px;box-shadow:0 12px 28px rgba(29,20,12,.16)}

.brand-logo {
    display: flex;
    align-items: center;
    padding: 0;
}


@media (max-width: 600px) {

    .site-header,
    .legal-header {
        height: 78px !important;
        min-height: 78px !important;
    }

    .brand-logo img,
    .site-header .brand-logo img,
    .legal-header .brand-logo img {
        height: 55px !important;
        max-height: 55px !important;
    }
}
.order-badges{margin-top:28px}

/* Google Maps im bestehenden Kontaktbereich */
.contact {
    border-top: 1px solid #c8b99f;
}
.map-wrap{grid-column:1/-1;margin-top:10px;border-top:1px solid #bcb09f;padding-top:30px}
.map-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}
.map-head small{font-size:8px;letter-spacing:.2em;color:#8a7353}
.map-head h3{font-size:34px;margin-top:5px}
.map-head span{font-size:10px;color:#746b60}
.google-map{width:100%;height:390px;border:0;display:block;filter:saturate(.75) contrast(.95)}
/* Trennlinie vor dem Standort / Google Maps */
.location-section {
    border-top: 1px solid #c8b99f;
}
@media(max-width:850px){.order-inner{padding:80px 22px}.order-steps{gap:10px}.map-head{align-items:flex-start;flex-direction:column;gap:8px}.google-map{height:330px}}


/* V4 – Bestellbereich einheitlich in Creme/Schwarz */
.order{min-height:640px;background:var(--paper);color:#171612;}
.order-pattern{opacity:.16;background-image:radial-gradient(circle at 1px 1px,#8d7d68 1px,transparent 0);background-size:30px 30px;transform:none;}
.order .eyebrow{color:#6e5a3e;}
.order h2 em{color:#7b5b32;}
.order p:not(.eyebrow){color:#5e574d;}
.order-lead strong{color:#171612;}
.order-steps{max-width:820px;gap:14px;background:transparent;margin:40px auto 34px;}
.order-steps>div{background:#11100e;border:1px solid #2c2924;color:var(--cream);padding:28px 18px;border-radius:2px;box-shadow:0 12px 30px rgba(28,23,17,.08);}
.order-steps span{border-color:rgba(184,147,88,.75);color:var(--gold);background:transparent;}
.order-steps strong{color:var(--cream);}
.order-steps small{color:#a9a095;}
.order .btn-dark{background:#11100e;color:var(--cream);border:1px solid #11100e;}
.order .btn-dark:hover{background:var(--gold);color:#11100e;border-color:var(--gold);}
.order-badges{color:#342d24;}


/* V5 – elegante Bestellschritte & reduzierter Standortbereich */
.order-steps{position:relative;max-width:850px;gap:0;margin:46px auto 38px;background:transparent;}
.order-steps:before{content:"";position:absolute;left:15%;right:15%;top:27px;height:1px;background:rgba(126,101,67,.35);z-index:0;}
.order-steps>div{position:relative;z-index:1;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 30px 12px;color:#171612!important;}
.order-steps>div+div{border-left:1px solid rgba(126,101,67,.22)!important;}
.order-steps span{width:54px;height:54px;margin-bottom:18px;background:var(--paper)!important;border:1px solid #9a7a4e!important;color:#6f512e!important;box-shadow:0 0 0 9px var(--paper);font-size:17px;}
.order-steps strong{font-size:27px;color:#171612!important;font-weight:600;}
.order-steps small{font-size:10px;color:#70675c!important;margin-top:8px;letter-spacing:.02em;}
.order .btn-dark{background:#171612;color:var(--cream);border:1px solid #171612;}
.location-only{display:block!important;padding-top:82px!important;padding-bottom:100px!important;}
.location-only .map-wrap{margin-top:0;border-top:0;padding-top:0;}
.location-only .map-head{padding-bottom:6px;}
.location-only .map-head h3{font-size:clamp(38px,4vw,54px);}
@media(max-width:850px){.order-steps{gap:0}.order-steps:before{display:none}.order-steps>div{padding:20px 12px}.order-steps>div+div{border-left:0!important;border-top:1px solid rgba(126,101,67,.22)!important}.order-steps span{box-shadow:0 0 0 7px var(--paper)}.location-only{padding-top:65px!important;padding-bottom:75px!important}}

/* =========================================================
   EL YAPIMI – SPEISEKARTE
========================================================= */


/* =========================================================
   HEADER – UNTERSEITEN
   Oben transparent / beim Scrollen schwarz
========================================================= */

.subpage-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;

    z-index: 1000;

    background: transparent;

    border-bottom: 1px solid rgba(255, 255, 255, 0.14);

    transition:
        background-color .35s ease,
        box-shadow .35s ease,
        backdrop-filter .35s ease;
}


/* Sobald gescrollt wurde */

.subpage-header.scrolled {
    position: fixed;

    background: rgba(9, 9, 8, .96);

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    box-shadow: 0 8px 30px rgba(0, 0, 0, .18);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}



/* =========================================================
   HERO
========================================================= */

.menu-hero {
    min-height: 590px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 120px 7vw 100px;
    overflow: hidden;
    background: #0b0b0a;
}

.menu-hero-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    z-index: 0;
}

.menu-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(5, 5, 4, .72) 0%,
            rgba(5, 5, 4, .63) 45%,
            rgba(5, 5, 4, .92) 100%
        );

    z-index: 1;
}

.menu-hero-content {
    position: relative;
    z-index: 2;

    max-width: 900px;
}
.menu-hero-content > p:last-child {
    max-width: 650px;
    margin: 42px auto 0;
    color: #c4bbb0;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.8;
}

/* =========================================================
   BESTELLHINWEISE
========================================================= */

.menu-order-info {
    background: #11100e;

    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    padding: 0 7vw;
}


.menu-order-info > div {
    min-height: 130px;

    display: flex;
    align-items: center;

    gap: 20px;

    padding: 30px 45px;

    border-right: 1px solid var(--line);
}


.menu-order-info > div:last-child {
    border-right: none;
}


.menu-order-info span {
    font-family: 'Cormorant Garamond', serif;

    color: var(--gold);

    font-size: 20px;
}


.menu-order-info p {
    color: #aaa195;

    font-size: 11px;

    line-height: 1.7;
}


.menu-order-info strong {
    display: block;

    color: var(--cream);

    font-family: 'Cormorant Garamond', serif;

    font-size: 21px;

    font-weight: 600;
}

.menu-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(11, 11, 10, .95)
    );

    pointer-events: none;
}


/* =========================================================
   KOMPLETTE SPEISEKARTE
========================================================= */

.full-menu {
    background: var(--paper);

    color: #171612;

    padding: 120px 8vw 140px;
}



/* einzelne Kategorie */

.menu-category {
    max-width: 1250px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 300px 1fr;

    gap: 90px;

    padding: 85px 0;

    border-bottom: 1px solid #c8b99f;
}


.menu-category:first-child {
    padding-top: 20px;
}


.menu-category:last-child {
    border-bottom: none;
}



/* =========================================================
   KATEGORIE LINKS
========================================================= */

.category-heading {
    display: flex;

    gap: 22px;

    align-items: flex-start;
}


.category-heading > span {
    font-family: 'Cormorant Garamond', serif;

    color: var(--gold);

    font-size: 17px;

    margin-top: 12px;
}


.category-heading p {
    font-size: 8px;

    letter-spacing: .25em;

    font-weight: 600;

    color: #927b59;

    margin-bottom: 7px;
}


.category-heading h2 {
    font-family: 'Cormorant Garamond', serif;

    font-size: 55px;

    line-height: 1;

    color: #171612;
}



/* =========================================================
   GERICHTE
========================================================= */

.menu-items {
    display: flex;

    flex-direction: column;
}


.menu-item {
    padding: 27px 0;

    border-bottom: 1px solid rgba(80, 68, 50, .16);
}


.menu-item:first-child {
    padding-top: 5px;
}


.menu-item:last-child {
    border-bottom: none;
}


.item-title {
    display: flex;

    align-items: center;

    gap: 20px;
}


.item-title h3 {
    font-family: 'Cormorant Garamond', serif;

    font-size: 29px;

    font-weight: 600;

    white-space: nowrap;
}


.item-line {
    height: 1px;

    flex: 1;

    background:
        repeating-linear-gradient(
            to right,
            #b7aa96 0,
            #b7aa96 2px,
            transparent 2px,
            transparent 7px
        );
}


.item-title strong {
    font-family: 'Cormorant Garamond', serif;

    font-size: 20px;

    color: #8c6b3b;

    white-space: nowrap;
}


.item-content > p {
    margin-top: 7px;

    color: #71685c;

    font-size: 11px;

    line-height: 1.7;
}



/* =========================================================
   WHATSAPP CTA
========================================================= */

/* =========================================================
   WHATSAPP ABSCHLUSSBEREICH
========================================================= */

.menu-whatsapp {
    position: relative;
    min-height: 620px;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 110px 7vw;

    text-align: center;
    overflow: hidden;

    background: #0b0b0a;
}


/* HINTERGRUNDBILD */

.menu-whatsapp-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 55%;

    z-index: 0;

    /* Bild etwas edler / weniger knallig */
    filter: saturate(.75) contrast(1.05);
}


/* ABDUNKLUNG */

.menu-whatsapp-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(8, 8, 7, .84) 0%,
            rgba(8, 8, 7, .67) 50%,
            rgba(8, 8, 7, .84) 100%
        ),
        linear-gradient(
            180deg,
            rgba(8, 8, 7, .55) 0%,
            rgba(8, 8, 7, .30) 45%,
            rgba(8, 8, 7, .90) 100%
        );
}


/* FEINE GOLDENE LINIE OBEN */

.menu-whatsapp::before {
    content: "";
    position: absolute;

    top: 0;
    left: 50%;

    width: 90px;
    height: 1px;

    transform: translateX(-50%);

    background: var(--gold);

    z-index: 3;
}


/* INHALT */

.menu-whatsapp-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 820px;

    display: flex;
    flex-direction: column;
    align-items: center;
}


/* KLEINE ÜBERSCHRIFT */

.menu-whatsapp .eyebrow {
    margin-bottom: 22px;

    color: var(--gold);

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .28em;
}


/* HAUPTÜBERSCHRIFT */

.menu-whatsapp h2 {
    margin: 0;

    max-width: 780px;

    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(52px, 5.5vw, 80px);
    font-weight: 600;

    line-height: .93;
    letter-spacing: -.025em;

    color: var(--cream);

    text-shadow: 0 4px 30px rgba(0, 0, 0, .35);
}


.menu-whatsapp h2 em {
    display: block;

    margin-top: 5px;

    color: var(--gold);

    font-weight: 500;
}


/* BESCHREIBUNG */

.whatsapp-description {
    max-width: 560px;

    margin: 30px auto 35px;

    color: #c1b9ad;

    font-size: 12px;
    font-weight: 300;

    line-height: 1.9;
}


/* WHATSAPP BUTTON */

.menu-whatsapp .btn {
    min-width: 245px;

    padding: 17px 30px;

    background: var(--gold);
    color: #11100e;

    border: 1px solid var(--gold);

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .17em;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.menu-whatsapp .btn:hover {
    background: var(--cream);
    border-color: var(--cream);

    color: #11100e;

    transform: translateY(-2px);
}


/* INFOS UNTEN */

.menu-whatsapp-notes {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 0;

    margin-top: 38px;

    color: #b8afa2;

    font-size: 8px;
    font-weight: 500;

    letter-spacing: .12em;
    text-transform: uppercase;
}


.menu-whatsapp-notes span {
    display: flex;
    align-items: center;

    padding: 0 22px;

    border-right: 1px solid rgba(240, 231, 216, .18);
}


.menu-whatsapp-notes span:last-child {
    border-right: none;
}


/* HÄKCHEN GOLD */

.menu-whatsapp-notes span::first-letter {
    color: var(--gold);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 850px) {

    .menu-whatsapp {
        min-height: 570px;

        padding: 90px 7vw;
    }


    .menu-whatsapp h2 {
        font-size: clamp(48px, 8vw, 65px);
    }


    .menu-whatsapp-image {
        object-position: center;
    }

}


/* =========================================================
   HANDY
========================================================= */

@media (max-width: 520px) {

    .menu-whatsapp {
        min-height: 600px;

        padding: 80px 6vw;
    }


    .menu-whatsapp-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(8, 8, 7, .78) 0%,
                rgba(8, 8, 7, .63) 45%,
                rgba(8, 8, 7, .94) 100%
            );
    }


    .menu-whatsapp h2 {
        font-size: 47px;

        line-height: .95;
    }


    .whatsapp-description {
        margin: 25px auto 30px;

        font-size: 11px;

        line-height: 1.8;
    }


    .menu-whatsapp .btn {
        width: 100%;
        max-width: 320px;
    }


    .menu-whatsapp-notes {
        flex-direction: column;

        gap: 11px;

        margin-top: 30px;
    }


    .menu-whatsapp-notes span {
        border-right: none;

        padding: 0;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 850px) {

    .menu-hero {
        min-height: 450px;

        padding-top: 100px;
    }



    .menu-order-info {
        grid-template-columns: 1fr;
    }


    .menu-order-info > div {
        border-right: none;

        border-bottom: 1px solid var(--line);

        min-height: auto;

        padding: 25px 0;
    }


    .menu-order-info > div:last-child {
        border-bottom: none;
    }


    .menu-category {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .category-heading h2 {
        font-size: 50px;
    }

}



/* =========================================================
   HANDY
========================================================= */

@media (max-width: 520px) {

    .menu-hero {
        min-height: 400px;

        padding-left: 6vw;
        padding-right: 6vw;
    }


    .menu-hero h1 {
        font-family: 'Cormorant Garamond', serif;
        font-size: clamp(65px, 8vw, 115px);
        line-height: .92;
        letter-spacing: -.035em;
        margin-top: 20px;
    }


    .full-menu {
        padding: 80px 6vw;
    }


    .menu-category {
        padding: 60px 0;

        gap: 35px;
    }


    .category-heading h2 {
        font-size: 45px;
    }


    .item-title {
        gap: 10px;
    }


    .item-title h3 {
        font-size: 24px;

        white-space: normal;
    }


    .item-title strong {
        font-size: 17px;
    }


    .menu-whatsapp {
        padding: 90px 6vw;
    }


    .menu-whatsapp h2 {
        font-size: 46px;
    }


    .menu-whatsapp-notes {
        flex-direction: column;

        gap: 12px;
    }

}
/* =========================================================
   EL YAPIMI – KONTAKTSEITE
========================================================= */


/* =========================================================
   KONTAKT HERO MIT BILD
========================================================= */

.contact-hero {
    position: relative;

    min-height: 560px;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 120px 7vw 100px;

    text-align: center;

    overflow: hidden;

    background: #0b0b0a;
}


/* HERO BILD */

.contact-hero-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /* Hier kannst du später die Bildposition verändern */
    object-position: center 55%;

    z-index: 0;

    filter:
        saturate(.75)
        contrast(1.05);
}


/* DUNKLE EBENE ÜBER DEM FOTO */

.contact-hero-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(7,7,6,.78) 0%,
            rgba(7,7,6,.52) 50%,
            rgba(7,7,6,.78) 100%
        ),
        linear-gradient(
            180deg,
            rgba(7,7,6,.55) 0%,
            rgba(7,7,6,.35) 45%,
            rgba(7,7,6,.90) 100%
        );
}


/* INHALT */

.contact-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 850px;
}


/* KLEINE ÜBERSCHRIFT */

.contact-hero .eyebrow {
    margin-bottom: 23px;

    color: var(--gold);

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .28em;
}


/* HAUPTÜBERSCHRIFT */

.contact-hero h1 {
    margin: 0;

    font-family: 'Cormorant Garamond', serif;

    font-size: clamp(65px, 8vw, 110px);
    font-weight: 600;

    line-height: .86;
    letter-spacing: -.035em;

    color: var(--cream);

    text-shadow:
        0 5px 35px rgba(0,0,0,.45);
}


.contact-hero h1 em {
    display: block;

    margin-top: 7px;

    color: var(--gold);

    font-weight: 500;
}


/* BESCHREIBUNG */

.contact-hero-content > p:last-child {
    max-width: 530px;

    margin: 32px auto 0;

    color: #c4bbb0;

    font-size: 13px;
    font-weight: 300;

    line-height: 1.9;
}


/* KLEINE GOLDENE LINIE UNTEN */

.contact-hero::after {
    content: "";

    position: absolute;

    bottom: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 90px;
    height: 1px;

    background: var(--gold);

    z-index: 3;
}


/* =========================================================
   HANDY
========================================================= */

@media(max-width:520px) {

    .contact-hero {
        min-height: 500px;

        padding: 110px 6vw 80px;
    }


    .contact-hero-image {
        object-position: center;
    }


    .contact-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
    
        background: linear-gradient(
            180deg,
            rgba(7, 7, 6, .62) 0%,
            rgba(7, 7, 6, .62) 65%,
            rgba(7, 7, 6, .88) 100%
        );
    }

    .contact-hero h1 {
        font-size: 57px;
    }


    .contact-hero-content > p:last-child {
        font-size: 11px;

        max-width: 350px;
    }

}


/* =========================================================
   KONTAKTDATEN
========================================================= */

.contact-details {
    background: var(--paper);
    color: #171612;

    padding: 120px 8vw 130px;

    display: grid;

    grid-template-columns: .8fr 1.2fr;

    gap: 10vw;
}


.contact-details-heading h2 {
    font-family: 'Cormorant Garamond', serif;

    font-size: clamp(50px, 5vw, 75px);

    line-height: .95;

    margin: 15px 0 25px;
}


.contact-details-heading h2 em {
    display: block;

    color: #9a7441;

    font-weight: 500;
}


.contact-details-heading > p:last-child {
    max-width: 380px;

    color: #70675b;

    font-size: 12px;

    line-height: 1.9;
}



/* EINZELNE INFORMATION */

.contact-information {
    border-top: 1px solid #bcae99;
}


.contact-info-item {
    display: grid;

    grid-template-columns: 55px 1fr;

    gap: 25px;

    padding: 35px 0;

    border-bottom: 1px solid #c8b99f;
}


.contact-number {
    font-family: 'Cormorant Garamond', serif;

    font-size: 17px;

    color: #a6814e;

    padding-top: 4px;
}


.contact-info-item small {
    display: block;

    margin-bottom: 8px;

    color: #9a7b50;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .22em;
}


.contact-info-item h3 {
    font-family: 'Cormorant Garamond', serif;

    font-size: 29px;

    font-weight: 600;
}


.contact-info-item p {
    margin-top: 6px;

    color: #71685d;

    font-size: 11px;

    line-height: 1.7;
}



/* WHATSAPP LINK */

.contact-whatsapp {
    display: inline-block;

    margin-top: 16px;

    padding-bottom: 5px;

    color: #76582f;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;

    border-bottom: 1px solid #a6814e;

    transition: .3s;
}


.contact-whatsapp:hover {
    color: #171612;

    border-color: #171612;
}



/* =========================================================
   GOOGLE MAPS
========================================================= */

.contact-map-section {
    background: #e1d6c4;

    color: #171612;

    padding: 100px 7vw 110px;

    border-top: 2px solid #c5b395;
}


.map-heading {
    max-width: 1300px;

    margin: 0 auto 45px;

    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;
}


.map-heading h2 {
    font-family: 'Cormorant Garamond', serif;

    font-size: clamp(48px, 5vw, 70px);

    line-height: .9;
}


.map-heading h2 em {
    color: #9a7441;

    font-weight: 500;
}


.map-heading > p {
    max-width: 350px;

    color: #70675b;

    font-size: 11px;

    line-height: 1.8;
}



/* KARTE */

.contact-map {
    max-width: 1300px;

    height: 500px;

    margin: 0 auto;

    overflow: hidden;

    border: 1px solid #b8a78d;

    box-shadow:
        0 25px 60px rgba(61, 48, 30, .10);
}


.contact-map iframe {
    display: block;

    width: 100%;
    height: 100%;

    filter:
        saturate(.75)
        contrast(.95);
}



/* =========================================================
   HINWEIS UNTEN
========================================================= */

.contact-bottom {
    background: #11100e;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 55px;

    padding: 45px 7vw;

    color: var(--cream);
}


.contact-bottom > div {
    text-align: center;
}


.contact-bottom small {
    color: var(--gold);

    font-size: 8px;

    letter-spacing: .2em;
}


.contact-bottom p {
    margin-top: 8px;

    color: #aaa195;

    font-size: 10px;
}


.contact-bottom strong {
    color: var(--cream);

    font-weight: 500;
}


.contact-bottom > span {
    width: 1px;
    height: 45px;

    background: rgba(240,231,216,.18);
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:850px) {

    .contact-details {
        grid-template-columns: 1fr;

        gap: 60px;

        padding-top: 90px;
        padding-bottom: 90px;
    }


    .map-heading {
        flex-direction: column;

        align-items: flex-start;
    }


    .contact-map {
        height: 420px;
    }

}



/* =========================================================
   HANDY
========================================================= */

@media(max-width:520px) {

    .contact-hero {
        min-height: 430px;

        padding-left: 6vw;
        padding-right: 6vw;
    }


    .contact-hero h1 {
        font-size: 57px;
    }


    .contact-details {
        padding: 80px 6vw;
    }


    .contact-info-item {
        grid-template-columns: 35px 1fr;

        gap: 15px;
    }


    .contact-info-item h3 {
        font-size: 25px;
    }


    .contact-map-section {
        padding: 75px 6vw;
    }


    .contact-map {
        height: 370px;
    }


    .contact-bottom {
        flex-direction: column;

        gap: 25px;

        padding: 40px 6vw;
    }


    .contact-bottom > span {
        width: 70px;
        height: 1px;
    }

}
.food-image {
    position: relative;
    overflow: hidden;
}

.food-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.food-image > span {
    position: absolute;
    z-index: 2;
}
.footer-legal {
    width: 100%;
    margin-top: 30px;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.footer-legal a {
    color: #777168;
    transition: color .25s ease;
}

.footer-legal a:hover {
    color: var(--gold);
}

.footer-legal span {
    color: #4f4b45;
}
/* =========================================================
   IMPRESSUM & DATENSCHUTZ
========================================================= */

.legal-page {
    background: #0b0b0a;
    color: var(--cream);
}

.legal-header {
    min-height: 100px;
    padding: 18px 6vw;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom: 1px solid rgba(240,231,216,.12);
}

.legal-header nav a {
    color: #b9b0a4;

    font-size: 10px;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.legal-header nav a:hover {
    color: var(--gold);
}


.legal-content {
    width: min(900px, 88%);
    margin: 0 auto;

    padding: 110px 0 140px;
}

.legal-content > h1 {
    margin-top: 15px;

    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(65px, 8vw, 100px);
    font-weight: 500;

    line-height: .9;
}

.legal-line {
    width: 70px;
    height: 1px;

    margin: 40px 0 65px;

    background: var(--gold);
}

.legal-content section {
    padding: 35px 0;

    border-bottom: 1px solid rgba(240,231,216,.12);
}

.legal-content section:last-child {
    border-bottom: none;
}

.legal-content h2 {
    margin-bottom: 18px;

    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 600;

    color: var(--cream);
}

.legal-content p {
    margin-bottom: 12px;

    color: #aaa195;

    font-size: 12px;
    line-height: 1.9;
}

.legal-content strong {
    color: #ddd3c4;
    font-weight: 500;
}


.footer-legal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.footer-legal a {
    margin: 0;
    font-size: 8px;
    letter-spacing: .15em;
    color: #857d72;
    text-transform: uppercase;
    transition: color .25s ease;
}

.footer-legal a:hover {
    color: var(--gold);
}


@media(max-width:520px) {

    .legal-content {
        padding: 80px 0 100px;
    }

    .legal-content > h1 {
        font-size: 58px;
    }

    .legal-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 15px;
    }

}
/* =========================================================
   FOOTER NEU
========================================================= */

.site-footer {
    width: 100%;
    min-height: 150px;

    padding: 38px 5vw;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;

    background: #080807;
    border-top: 1px solid #24211d;
}


/* LINKS */

.site-footer .footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.site-footer .footer-brand strong {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .12em;
    color: var(--cream);
}

.site-footer .footer-brand span {
    margin-top: 5px;

    font-size: 8px;
    letter-spacing: .1em;

    color: #857d72;
}


/* MITTE */

.site-footer .footer-note {
    justify-self: center;

    margin: 0;

    font-size: 8px;
    letter-spacing: .15em;

    color: #857d72;
}


/* RECHTS */

.site-footer .footer-legal {
    justify-self: end;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 9px;

    margin: 0;
    width: auto;
}

.site-footer .footer-legal a {
    margin: 0;

    font-size: 8px;
    letter-spacing: .15em;
    text-transform: uppercase;

    color: #857d72;

    transition: color .25s ease;
}

.site-footer .footer-legal a:hover {
    color: var(--gold);
}


/* HANDY */

@media (max-width: 700px) {

    .site-footer {
        grid-template-columns: 1fr;
        gap: 28px;

        padding: 35px 6vw;
    }

    .site-footer .footer-note {
        justify-self: start;
    }

    .site-footer .footer-legal {
        justify-self: start;
    }

}
/* ALLE HEADER + LOGOS EXAKT GLEICH */

.site-header,
.legal-header {
    height: 100px !important;
    min-height: 100px !important;
    padding: 0 5vw !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-logo {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}

.brand-logo img,
.site-header .brand-logo img,
.legal-header .brand-logo img {
    width: auto !important;
    height: 65px !important;
    max-height: 65px !important;
    display: block;
    object-fit: contain;
}
.allergens {
    margin-top: 8px;
    font-size: 9px !important;
    line-height: 1.5;
    color: #8b8174 !important;
}