/* Ergänzungen zum unveränderten Original-styles.css; 01.11.2026. */
body{padding-bottom:var(--privacy-space,0px)}
.header{z-index:15}.skip-link{z-index:40}html{scroll-padding-top:calc(var(--header-height,110px) + 18px)}
.home-page .hero{isolation:isolate;position:relative;background:var(--ink);min-height:640px;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-2}
.home-page .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17110c0d,#17110c42 35%,#17110c80 75%,#17110c38);z-index:-1}
.home-page .hero-copy{min-height:640px;padding-top:100px;padding-bottom:100px;justify-content:center}
.home-page .hero-name{text-shadow:0 2px 10px #0005}.home-page .hero-motto{color:var(--yellow);text-shadow:0 1px 6px #0007}
.home-page .hero-subtitle{text-shadow:0 1px 5px #0009}.home-page .button-outline-light{background:#a01f1cd9;border-color:#fff;color:#fff}.home-page .button-outline-light:hover{background:var(--red)}
.hero-caption{position:absolute;right:12px;bottom:10px;font-size:.6rem;color:#fff;background:#191a17c9;padding:3px 6px;margin:0}
.quick-info{display:grid;grid-template-columns:1fr 1.45fr .8fr;gap:25px;padding:25px 6%;border-bottom:1px solid var(--line);background:var(--paper)}
.quick-info>div,.quick-info>a{display:flex;align-items:center;gap:16px;text-decoration:none;min-width:0}.quick-info>div+*,.quick-info>a+*{border-left:1px solid var(--line);padding-left:24px}.info-icon{width:26px;height:26px;flex:0 0 26px;color:var(--green)}
.quick-info strong{display:block;font-size:.9rem;line-height:1.5}.quick-info span{display:block;font-size:.8rem;color:var(--muted)}.quick-info .info-route-label{margin-top:4px;color:var(--red);text-decoration:underline;text-underline-offset:3px}
.offers-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 5%;padding:65px 6%;background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.offers-section+#cantina{border-top:1px solid var(--line)}
.offers-intro{grid-column:1/-1;text-align:center}.offers-intro h2{font-size:clamp(2.8rem,4.5vw,4.5rem);margin-bottom:18px}.offers-intro .eyebrow{color:var(--red)}.offers-intro>p:last-child{margin-bottom:0;color:var(--muted)}
.offer-detail{padding:30px 34px;border:1px solid var(--line);border-radius:2px;background:#fff;box-shadow:0 5px 16px #191a1710;display:flex;flex-direction:column;align-items:flex-start}
.offer-detail .eyebrow{letter-spacing:.08em;font-size:.75rem;margin-bottom:8px}.offer-time{font-weight:700;color:var(--red)}.offer-detail h3{font-size:2rem;line-height:1.2;margin-bottom:20px}.offer-detail a{margin-top:auto;padding-top:20px;min-height:44px;text-underline-offset:4px;color:var(--red)}.offer-detail .offer-price{font-size:2.8rem;font-family:var(--serif);line-height:1.2;margin-bottom:10px}
.offer-red{background:var(--red);color:#fff;border-color:var(--red)}.offer-red .offer-time{color:var(--yellow)}.offer-red a{color:#fff}
.home-page .visit>.eyebrow,.home-page .visit>h2{text-align:center}.home-page .visit-grid{max-width:1200px;grid-template-columns:1.3fr 1fr;text-align:left;gap:5%}.home-page .visit-grid>div{padding:5px 0}.home-page .visit-grid>div+div{padding-left:32px}
.route-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.route-actions .button{padding:12px 16px;min-height:46px}.home-page .visit-grid .visit-contact{margin-top:24px;padding-top:20px;border-color:#ffffff5e}.home-page .visit-contact-links{justify-content:flex-start;flex-direction:column;gap:16px}.visit-contact-links a{text-decoration:none}.opening-status{font-weight:700}
.share-button{font:inherit;color:inherit;background:transparent;border:0;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:none}.share-button[hidden]{display:none}.share-feedback{font-size:.85rem;max-width:100%;overflow-wrap:anywhere}.share-feedback input{max-width:100%;padding:8px}
.mobile-actions{display:none}.header{transition:transform .18s ease}.header.header-hidden:not(:focus-within){transform:translateY(-100%)}
@media(min-width:761px){.header.header-hidden{transform:none}}
@media(max-width:760px){
 .home-page .hero,.home-page .hero-copy{min-height:720px}.home-page .hero-copy{padding:150px 6% 95px}.hero-photo{object-position:100% center}.home-page .hero-name{font-size:clamp(2.6rem,7.5vw,3.6rem);line-height:1.1}.home-page .hero-motto{font-size:1.5rem}.home-page .hero .actions{gap:10px;justify-content:center}.home-page .hero .button{padding:13px 16px;min-height:48px}.hero-caption{font-size:.55rem}
 .quick-info{grid-template-columns:1fr;padding:22px 7%;gap:18px}.quick-info>div+*,.quick-info>a+*{border:0;padding-left:0}.quick-info>a[href^="tel:"]{display:none}
 .offers-section{grid-template-columns:1fr;padding:45px 7%;gap:24px}.offer-detail{padding:26px}.home-page .visit-grid{grid-template-columns:1fr;gap:28px;text-align:center}.home-page .visit-grid>div+div{border-left:0;padding:26px 0 0}.home-page .visit .route-actions{justify-content:center}.home-page .visit-contact-links{align-items:center}.home-page .visit-contact-links>div{max-width:100%}
 .mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--paper);padding:4px 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -2px 9px #191a1710}
 .mobile-actions a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;text-decoration:none;font-size:.78rem;font-weight:700;line-height:1.25;padding:7px 3px;color:var(--ink)}.mobile-actions a:nth-child(2){background:var(--red);color:#fff;border-radius:2px}.mobile-actions a:hover{background:#eee8dd;color:var(--ink)}.mobile-actions a:focus-visible{outline-offset:-2px}.mobile-actions svg{flex:0 0 22px}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom) + var(--privacy-space,0px))}.privacy-note{bottom:calc(86px + env(safe-area-inset-bottom));max-height:60vh;overflow:auto}
}
@media(max-width:380px){.home-page .hero-copy{padding-left:4%;padding-right:4%}.home-page .hero .actions{flex-direction:column;align-items:center}.route-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

/* Cantina-Orange wie bei den gedruckten Karten; Textakzent abgedunkelt. */
.home-page .split .button-dark:hover,.home-page .split .button-dark:focus-visible{background:var(--cantina-orange);border-color:var(--cantina-orange);color:var(--ink)}
:root{--cantina-orange:#ea951f;--red:#925006;--red-bright:#a75b07}
.visit,.menu-hero,.offer-red{background:var(--cantina-orange);color:var(--ink)}
.menu-hero .eyebrow{color:var(--ink)}
.visit>.eyebrow,.menu-hero .eyebrow,.offer-red .offer-time,.offer-red a,.visit-contact-links p{color:var(--ink)}
.offer-red{border-color:var(--cantina-orange)}
.home-page .button-outline-light{background:#ea951fee;color:var(--ink)}.home-page .button-outline-light:hover{background:#f2ad4d}
.header .nav-visit{border-color:#ba750d66}.header .nav-visit:hover{background:var(--cantina-orange);color:var(--ink)}
.home-page .visit-grid>div+div,.home-page .visit-grid .visit-contact{border-color:#191a1738}
.home-page .visit .text-link{display:table;margin:20px auto 0;text-align:center;color:var(--ink)}
.home-page .visit .route-actions{justify-content:center;margin-top:14px}
.home-page .visit-grid>div:first-child{text-align:center}
@media(max-width:760px){.mobile-actions a:nth-child(2){background:var(--cantina-orange);color:var(--ink)}}
@media(min-width:761px) and (max-width:1150px){.header{grid-template-columns:1fr auto}.header .header-nav{grid-row:2;grid-column:1/-1;justify-content:center}}

/* Speisekarte: Kategorien am PC unter dem Header, mobil in der vorhandenen Fußleiste. */
.menu-navigation-ready{scroll-padding-top:calc(var(--header-height,110px) + var(--menu-categories-height,0px) + 12px)}
.menu-page .menu-section{scroll-margin-top:0}
.menu-jump a[aria-current="location"]{background:var(--cantina-orange);color:var(--ink);border-color:var(--cantina-orange)}
@media(min-width:761px){
 .menu-page .menu-jump{position:sticky;top:var(--header-height,110px);z-index:14;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--paper);padding:12px 0;gap:6px;border-bottom:1px solid var(--line);box-shadow:0 5px 10px #191a1708}
 .menu-page .menu-jump a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;font-size:.8rem}
}
@media(min-width:761px) and (max-width:1050px){.menu-page .menu-jump{grid-template-columns:repeat(4,minmax(0,1fr))}}
.menu-category-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:760px;max-height:72vh;max-height:min(72dvh,620px);padding:18px 18px max(18px,env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--paper);color:var(--ink);box-shadow:0 -8px 32px #191a1726;overflow:hidden}
.menu-category-sheet[open]{display:flex;flex-direction:column;gap:12px}
.menu-category-sheet::backdrop{background:#191a1770;touch-action:none}
.menu-category-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.menu-category-sheet h2{font-size:1.6rem;line-height:1.2;letter-spacing:0;margin:0}
.menu-category-close{font:inherit;font-size:.85rem;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:3px;cursor:pointer}
.menu-category-links{display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding:3px;min-height:0}
.menu-category-links a{display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:3px;color:var(--ink);text-decoration:none;font-size:1rem;line-height:1.4}
.menu-category-links a:hover,.menu-category-close:hover{border-color:var(--cantina-orange)}
.menu-category-links a[aria-current="location"]{background:var(--cantina-orange);border-color:var(--cantina-orange);font-weight:700}
.category-sheet-open{overflow:hidden}
.slideshow-fade-out{pointer-events:none}
.menu-category-close:focus-visible,.category-trigger:focus-visible{outline:3px solid var(--red);outline-offset:2px}
@media(max-width:760px){
 .mobile-actions .category-trigger{font:inherit;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:.78rem;font-weight:700;line-height:1.25;padding:7px 3px;color:var(--ink);background:transparent;border:0;cursor:pointer}
 .mobile-actions .category-trigger:hover{background:#eee8dd}
}

