@font-face{font-family:'Hop Menu Display';src:url('assets/menu-heading.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* Palette and menu lettering follow the supplied animated restaurant menu. */
#speisekarte .menu-content{--board-bg:#faf9f5;--board-text:#191918;--board-number:#a7192d;--board-price:#b51029;--board-detail:#51453b;--board-title:#167132;--board-line:#19191822;background-color:var(--board-bg);background-image:url('assets/menu-bricks.svg');background-size:480px 240px;color:var(--board-text);padding:24px;gap:28px;transition:background-color 450ms,color 450ms}
#speisekarte .menu-content[data-category=Pasta],#speisekarte .menu-content[data-category="Döner"],#speisekarte .menu-content[data-category=Burger]{--board-bg:#151616;--board-text:#fffaf0;--board-number:#f1ce51;--board-price:#f1ce51;--board-detail:#eee3d4;--board-title:#fffaf0;--board-line:#ffffff20}
#speisekarte .menu-content[data-category=Schnitzel]{--board-bg:#f28a08;--board-text:#201608;--board-number:#462600;--board-price:#201608;--board-detail:#382000;--board-title:#fffaf0;--board-line:#59310038}
#speisekarte .menu-content[data-category=Falafel]{--board-bg:#087519;--board-text:#fffdf0;--board-number:#ffe377;--board-price:#ffe377;--board-detail:#fff8e9;--board-title:#fffdf0;--board-line:#ffffff30}
#speisekarte .menu-content[data-category=Lahmacun]{--board-bg:#efe1bf;--board-text:#382719;--board-number:#8a4722;--board-price:#a61929;--board-detail:#58412d;--board-title:#93552e;--board-line:#6d452c30}
#speisekarte .menu-content[data-category=Snacks]{--board-title:#151616}
#speisekarte .menu-scene,#speisekarte .menu-scene[data-tone]{background:transparent;color:var(--board-text);padding:12px 12px 18px;top:86px;min-height:580px}
#speisekarte .menu-result-heading h2{font-family:'Hop Menu Display',var(--display);font-weight:400;font-size:clamp(40px,4.7vw,67px);line-height:1.15;letter-spacing:-.04em;color:var(--board-title);overflow-wrap:normal}
#speisekarte .menu-content[data-category=Pizza] .menu-result-heading h2{font-size:clamp(62px,6.7vw,92px);color:#167132}
#speisekarte .menu-content[data-category=Schnitzel] .menu-result-heading h2{-webkit-text-stroke:.6px #7b3900;text-shadow:0 1px 0 #7b3900}
#speisekarte .menu-scene-kicker{display:block;font-family:Georgia,serif;font-style:italic;font-size:20px;color:var(--board-title);margin:7px 0 0}
#speisekarte .menu-scene-kicker:empty{display:none}
#speisekarte .menu-content[data-category="Döner"] .menu-scene-kicker{font-family:var(--display);font-weight:800;font-style:normal;font-size:35px;color:#f5d256;text-transform:uppercase;margin-top:0}
#speisekarte .category-note,#speisekarte .with-category-photo .category-note{font-size:14px;color:var(--board-detail);margin-top:12px}
#speisekarte .menu-scene .hero-ingredient{opacity:.18;color:var(--board-text)}
#speisekarte .menu-content[data-category=Pizza] .menu-scene .hero-ingredient:nth-child(3n){color:#b7192e;opacity:.4}
#speisekarte .menu-content[data-category=Pasta] .menu-result-heading::after{content:'';display:block;width:130px;height:4px;margin-top:12px;background:linear-gradient(90deg,#c32635 33.33%,#fff 33.33%,#fff 66.66%,#278338 66.66%)}
#speisekarte .board-dishes{padding:3px 4px 18px 8px;color:var(--board-text)}
#speisekarte .menu-item{padding:13px 0 16px;border-bottom:1px solid var(--board-line)}
#speisekarte .menu-item h3,#speisekarte .menu-item h4{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.13;text-transform:uppercase;letter-spacing:-.25px;color:var(--board-text)}
#speisekarte .item-number{font-family:var(--display);font-size:23px;font-weight:700;color:var(--board-number);white-space:nowrap;margin-right:3px}
#speisekarte .price{font-family:var(--display);font-size:23px;font-weight:700;color:var(--board-price)}
#speisekarte .menu-item .description{font-size:13px;line-height:1.55;margin-top:5px;color:var(--board-detail)}
#speisekarte .additive-mark{color:var(--board-number);font-size:10px}
#speisekarte .drink-prices strong{color:var(--board-price);font-family:var(--display);font-size:23px}
#speisekarte .menu-next{color:var(--board-text);border-top-color:var(--board-line)}
#speisekarte .chapter-title{color:var(--red)}
#speisekarte .menu-oven{display:none;width:210px;height:110px;margin:-12px auto 0;position:relative;z-index:1}
#speisekarte .menu-content[data-category=Pizza] .menu-oven{display:block}
#speisekarte .menu-content[data-category=Pizza] .category-photograph{height:330px;margin:6px auto 8px}
#speisekarte .menu-content[data-category=Pizza] .menu-scene{min-height:680px}
#speisekarte .menu-content:not(.with-category-photo) .menu-scene{min-height:320px}
#speisekarte .category-button[aria-pressed=true]{background:#c5142c}
@media(min-width:1100px){
 #speisekarte .menu-content[data-category=Pizza]{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr);gap:16px;padding:26px 22px;align-items:start}
 #speisekarte .menu-content[data-category=Pizza] .menu-scene{grid-column:2;grid-row:1/span 9;position:sticky;top:85px;padding:0 4px 10px;display:flex;flex-direction:column;align-items:stretch;min-height:630px}
 #speisekarte .menu-content[data-category=Pizza] .category-photograph{order:-3;height:330px;margin:0 auto 4px}
 #speisekarte .menu-content[data-category=Pizza] .menu-oven{order:-2;width:185px;height:97px;margin:-7px auto 0}
 #speisekarte .menu-content[data-category=Pizza] .menu-result-heading{text-align:center}
 #speisekarte .menu-content[data-category=Pizza] .menu-result-heading h2{font-size:76px;line-height:1.05}
 #speisekarte .menu-content[data-category=Pizza] .menu-scene-kicker{text-align:center;font-size:17px}
 #speisekarte .menu-content[data-category=Pizza] .category-note{font-size:12px;text-align:center;max-width:none;margin-top:8px}
 #speisekarte .menu-content[data-category=Pizza] .menu-next{margin-top:18px}
 #speisekarte .menu-content[data-category=Pizza] .board-dishes,#speisekarte .menu-content[data-category=Pizza] #menu-items{display:contents}
 #speisekarte .menu-content[data-category=Pizza] .menu-item{grid-row:var(--dish-row);grid-column:var(--dish-column);padding:8px 0 12px;border:0}
 #speisekarte .menu-content[data-category=Pizza] .menu-item h3{font-size:23px}
 #speisekarte .menu-content[data-category=Pizza] .item-number,#speisekarte .menu-content[data-category=Pizza] .price{font-size:21px}
 #speisekarte .menu-content[data-category=Pizza] .dish-heading{gap:5px}
 #speisekarte .menu-content[data-category=Pizza] .menu-leader{min-width:0;flex-basis:0}
 #speisekarte .menu-content[data-category=Pizza] .description{font-size:12px;line-height:1.5}
}
@media(max-width:1099px) and (min-width:768px){#speisekarte .menu-result-heading h2{font-size:40px}#speisekarte .menu-content{gap:18px;padding:22px 18px}#speisekarte .menu-scene{padding:8px;min-height:540px}#speisekarte .menu-item h3{font-size:23px}#speisekarte .price,#speisekarte .item-number{font-size:21px}#speisekarte .menu-content[data-category=Pizza] .category-photograph{height:265px}#speisekarte .menu-content[data-category=Pizza] .menu-scene{min-height:650px}}
@media(max-width:767px){
 #speisekarte .menu-content{padding:0;gap:0;background-size:360px 180px}
 #speisekarte .menu-scene,#speisekarte .menu-scene[data-tone]{top:0;min-height:0;padding:26px 6% 20px}
 #speisekarte .menu-result-heading h2{font-size:clamp(33px,8.5vw,52px);line-height:1.2}
 #speisekarte .menu-content[data-category=Pizza] .menu-result-heading h2{font-size:65px}
 #speisekarte .menu-content[data-category=Pizza] .menu-scene{min-height:0}
 #speisekarte .menu-content[data-category=Pizza] .category-photograph{height:280px;margin-top:10px}
 #speisekarte .menu-content[data-category=Pizza] .menu-oven{width:180px;height:93px;margin:-14px auto 8px}
 #speisekarte .menu-scene-kicker{font-size:16px}
 #speisekarte .board-dishes{padding:4px 6% 22px}
 #speisekarte .menu-item{padding:14px 0 17px}
 #speisekarte .menu-item h3,#speisekarte .menu-item h4{font-size:24px}
 #speisekarte .item-number,#speisekarte .price{font-size:23px}
 #speisekarte .menu-item .description{font-size:13px;line-height:1.65}
 #speisekarte .menu-content:not(.with-category-photo) .menu-scene{min-height:0}
 #speisekarte .menu-content.is-searching .menu-result-heading h2{font-family:var(--display);font-size:45px;font-weight:800}
}
@media(max-width:359px){#speisekarte .menu-result-heading h2{font-size:30px}#speisekarte .menu-content[data-category=Pizza] .menu-result-heading h2{font-size:59px}#speisekarte .menu-item h3,#speisekarte .menu-item h4{font-size:22px}#speisekarte .item-number,#speisekarte .price{font-size:21px}}

#speisekarte .menu-content[data-category=Pizza],#speisekarte .menu-content[data-category=Schnitzel],#speisekarte .menu-content[data-category=Falafel]{background-image:none}
#speisekarte .menu-content[data-category=Lahmacun]{background-image:repeating-linear-gradient(0deg,#60472607 0px,#60472607 1px,transparent 1px,transparent 3px)}

#speisekarte .menu-oven{height:auto;aspect-ratio:480/295}#speisekarte .menu-oven-art{width:100%;height:100%;display:block}#speisekarte .menu-oven-fire{position:absolute;left:20.83%;top:31.19%;width:58.34%;height:27.8%;object-fit:fill;clip-path:polygon(0 100%,4% 62%,20% 20%,40% 0,70% 4%,89% 43%,100% 100%);pointer-events:none}
@media(min-width:1100px){#speisekarte .menu-content[data-category=Pizza] .category-photograph{height:380px}#speisekarte .menu-content[data-category=Pizza] .menu-oven{width:270px;height:auto;aspect-ratio:480/295;margin:-12px auto 0}}
@media(prefers-reduced-motion:reduce){#speisekarte .menu-oven-fire{display:none}}

/* A shallow shadow keeps the salad close-up from looking suspended. */
#speisekarte .menu-content[data-category=Salate] .category-photograph{filter:drop-shadow(0 6px 5px #00000016)}