/* Alfreds Boho: Leinen, Ton und Olive; eigene Fotos bleiben unverändert. */
.brand-logo img{filter:brightness(0) url(#alfreds-olive)}
.full-brand img,.footer-mascot{filter:url(#alfreds-olive)}
footer .wordmark{justify-self:start;background:var(--cream);padding:12px 22px;border-radius:16px}
footer .brand-logo img{filter:brightness(0) url(#alfreds-olive)}
footer .footer-mascot{background:var(--cream);border-radius:18px;padding:8px;width:92px}
@font-face{font-family:'Clear Sans';src:local('Clear Sans');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Clear Sans';src:local('Clear Sans Bold');font-weight:700;font-style:normal;font-display:swap}
:root{--cream:#f4ead8;--ink:#414833;--rust:#9a543c;--sand:#dfc7a7;--line:#bca98b}
body{background:var(--cream)}
.header{margin:0 4.5%;padding:0;border-bottom-color:var(--line)}
.hero{padding-top:42px}
.hero h1{font-family:'Clear Sans',Arial,sans-serif;font-weight:400;font-size:clamp(3.4rem,7.7vw,8.3rem);line-height:1.1;letter-spacing:-.045em;text-align:center;margin:36px 0;color:#626746}
.hero h1 em{font-family:inherit;font-style:normal;color:#a35e43}
.hero-intro{color:#5c624f}
.hero-bottom{justify-content:center;flex-direction:column;gap:22px;margin-bottom:40px}
.button,.menu-toggle,.mobile-book{border-radius:32px}
.button{padding-inline:26px}
.hero-photo{border-radius:180px 180px 18px 18px;height:480px;border:7px solid #e7dcc7}
.photo-label{border-radius:24px;background:#f5efdfed;padding:10px 20px}
.lunch-strip{padding:25px 18px;border-bottom-style:dashed}
.intro{padding-top:115px;padding-bottom:115px}
.brand-intro{align-self:center}
.full-brand{margin-top:32px}
.menu-section{background:#e9e1cf;border-radius:65px 65px 0 0}
.dayparts{border-top:0;border-bottom:0;gap:16px}
.dayparts article{border:1px solid var(--line)!important;border-radius:80px 80px 10px 10px;padding:48px 20px 28px!important;text-align:center;background:#f5efdf70}
.dayparts article p{margin-inline:auto}.dayparts span{color:#605947}
.dayparts h3{color:var(--rust)}
.lunch{background:#964d35;margin:0 3%;border-radius:0 0 60px 60px;padding-inline:6%;gap:10%}
.lunch-paper{border-radius:100px 100px 8px 8px;padding-top:65px;box-shadow:8px 13px 0 #592b2133;transform:rotate(-2deg)}
.signature-grid{gap:34px}
.signature-grid .photo{border-radius:150px 150px 12px 12px}
.signature-grid article:nth-child(2) .photo{border-radius:12px 12px 150px 150px}
.signature-grid article:nth-child(3) .placeholder{padding-top:65px}
.reservation{background:#404936;border-radius:65px 65px 0 0}
.reservation-box{border-top-color:#9da58c}
.event-photo{border-radius:48% 48% 12px 12px;background:#d0c9ac}
.event-photo .placeholder{padding-top:65px}
.shop{background:#dfc5a4;border-radius:0 65px 0 65px;margin:0 3%}
.shop-word{font-weight:400;font-style:italic;color:#b69b77;opacity:.65}
.social-grid{gap:24px;align-items:start}
.social-grid .photo{border-radius:12px}
.social-grid .photo:nth-child(2){border-radius:150px 150px 12px 12px;margin-top:40px}
.contact{border-top-style:dashed}
footer{background:#343b2e;border-radius:60px 60px 0 0}
@media(min-width:1500px){.hero-photo{height:560px}}
@media(max-width:1050px){.dayparts{gap:10px}.dayparts article{padding-inline:12px!important}}
@media(max-width:760px){
 .header{margin:0 4%}nav{left:-4.35%;right:-4.35%}
 .hero{padding-top:26px}.hero h1{font-size:clamp(2.7rem,10.6vw,5rem);margin:27px 0;text-align:left;line-height:1.06}
 .hero-bottom{align-items:flex-start;gap:0;margin-bottom:28px}.hero-bottom p{margin-bottom:20px}
 .hero-photo{height:auto;aspect-ratio:4/3;border-width:4px;border-radius:65px 65px 10px 10px}
 .button{padding-inline:20px}.intro{padding-block:65px}
 .menu-section,.reservation{border-radius:36px 36px 0 0}
 .dayparts{gap:12px}.dayparts article{padding:35px 10px 25px!important;border-radius:55px 55px 8px 8px}
 .dayparts h3{font-size:1.55rem}.dayparts a{font-size:.8rem}
 .lunch{margin:0 3%;padding-inline:6%;border-radius:0 0 36px 36px}
 .lunch-paper{border-radius:65px 65px 8px 8px;padding:45px 23px 30px;transform:rotate(-1deg)}
 .signature-grid .photo{border-radius:95px 95px 10px 10px}
 .signature-grid article:nth-child(2) .photo{border-radius:10px 10px 95px 95px}
 .event-photo .placeholder{padding-top:55px}
 .shop{border-radius:0 36px 0 36px}.social-grid{gap:12px}
 .social-grid .photo:nth-child(2){margin-top:24px;border-radius:70px 70px 10px 10px}
 footer{border-radius:36px 36px 0 0}
}

/* Kompakter Footer: Marke in einer Zeile, kurze Abstände. */
.site-footer{padding:22px 5%;gap:14px 24px;align-items:center;border-radius:28px 28px 0 0}
.site-footer .footer-brand{display:flex;align-items:center;gap:12px}
.site-footer .footer-mascot{width:44px;height:50px;padding:4px;border-radius:9px}
.site-footer .wordmark{padding:5px 12px;border-radius:10px}
.site-footer .brand-logo{width:160px;height:46px}
.site-footer p{margin:0}
@media(max-width:760px){
 .site-footer{padding:20px 5% 88px;gap:12px;border-radius:22px 22px 0 0}
 .site-footer .footer-brand{gap:10px}
 .site-footer>div:not(.footer-brand){gap:20px}
 .site-footer p{font-size:.9rem}
}
/* Heller Original-Schriftzug ohne Fläche im Footer. */
.site-footer .wordmark{background:transparent;padding:0;border-radius:0}
.site-footer .brand-logo img{filter:brightness(0) invert(94%) sepia(10%) saturate(310%)}