.site-header.logo-banner{height:clamp(456px,calc(46vw + 132px),636px);padding:0;background:#050505;border-bottom:1px solid rgba(210,167,76,.32);box-shadow:0 12px 38px rgba(0,0,0,.28);overflow:hidden;transition:height .45s ease,background .45s ease}
.hours-quick{position:absolute;z-index:5;inset:0 0 auto;height:46px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem;background:linear-gradient(90deg,#17130d,#2b2111 50%,#17130d);border-bottom:1px solid rgba(225,187,101,.42);color:#f8f3e8;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.hours-quick:hover{background:linear-gradient(90deg,#1b160e,#392a12 50%,#1b160e)}.hours-quick strong{color:#dfbb69}.hours-quick b{font-weight:600}.hours-quick em{margin-left:1rem;color:#dfbb69;font-style:normal}.hours-sign{min-width:62px;padding:.22rem .55rem;border:1px solid #74e48a;border-radius:4px;background:rgba(8,38,16,.8);color:#a1ffae;font:800 .64rem/1 var(--sans);letter-spacing:.16em;text-align:center;text-shadow:0 0 7px #42d967;box-shadow:inset 0 0 9px rgba(76,226,103,.18),0 0 8px rgba(76,226,103,.24)}.hours-sign.is-closed{border-color:#ee7168;background:rgba(49,10,8,.82);color:#ff9a91;text-shadow:0 0 7px #e74338;box-shadow:inset 0 0 9px rgba(231,67,56,.18),0 0 8px rgba(231,67,56,.22)}
.logo-banner .brand{position:absolute;z-index:0;inset:46px 0 86px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505}
.site-header.logo-banner .brand img{width:min(92vw,1000px)!important;max-width:none!important;height:auto!important;max-height:100%;object-fit:contain;opacity:1;filter:none;transition:opacity .35s ease}
.logo-banner nav{position:absolute;z-index:2;left:50%;right:auto;bottom:10px;transform:translateX(-50%);background:rgba(5,5,5,.92)!important;border:1px solid rgba(225,187,101,.4)!important;box-shadow:0 10px 34px rgba(0,0,0,.28);backdrop-filter:blur(13px);padding:.55rem .7rem .55rem 1.4rem;white-space:nowrap}
.logo-banner nav a{color:#fff!important;text-shadow:0 1px 6px #000}
.logo-banner .menu-toggle{position:absolute;z-index:4;right:1rem;top:1rem;padding:.8rem;border:1px solid rgba(231,197,122,.58);border-radius:50%;background:rgba(5,5,5,.76);box-shadow:0 5px 20px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.logo-banner .menu-toggle span{height:2px;background:#fff;box-shadow:0 1px 4px #000}.logo-banner .menu-toggle b{color:#fff;text-shadow:0 1px 4px #000}
.site-header.logo-banner.scrolled{height:88px;background:rgba(7,7,6,.94);border-bottom-color:rgba(210,167,76,.3)}.site-header.logo-banner.scrolled .hours-quick{opacity:0;visibility:hidden;pointer-events:none}
.site-header.logo-banner.scrolled .brand{inset:0 auto 0 12px;width:220px;justify-content:flex-start}.site-header.logo-banner.scrolled .brand img{width:200px!important;height:auto!important;max-height:82px;object-fit:contain;opacity:1}.site-header.logo-banner.scrolled nav{left:auto;right:12px;bottom:auto;transform:none;gap:clamp(.85rem,1.6vw,1.6rem);padding:.45rem .55rem .45rem .85rem}
.logo-banner+.hero{min-height:max(100svh,980px);align-items:flex-start}.logo-banner+.hero .hero-content{padding-top:clamp(34rem,calc(46vw + 190px),48rem)}
.legal .logo-banner+main{padding-top:clamp(475px,calc(46vw + 150px),660px)!important}
@media(min-width:901px){.logo-banner .brand:before,.logo-banner .brand:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:28%;background:linear-gradient(90deg,#070706,transparent)}.logo-banner .brand:before{left:0}.logo-banner .brand:after{right:0;transform:scaleX(-1)}}
@media(max-width:900px){.site-header.logo-banner{height:calc(50vw + 54px);min-height:229px;max-height:314px}.hours-quick{height:54px;justify-content:flex-start;gap:.55rem;padding:0 4.5rem 0 .85rem;font-size:.6rem;letter-spacing:.055em;line-height:1.25;flex-wrap:wrap;align-content:center}.hours-quick strong{width:calc(100% - 20px)}.hours-quick b{margin-left:17px}.hours-quick em{display:none}.logo-banner .brand{inset:54px 0 0}.logo-banner .menu-toggle{top:calc(54px + .75rem)}.site-header.logo-banner .brand img{width:96vw!important;height:auto!important;max-height:100%;object-fit:contain;opacity:1}.site-header.logo-banner.scrolled{height:78px;min-height:78px}.site-header.logo-banner.scrolled .brand{inset:0;width:235px}.site-header.logo-banner.scrolled .brand img{width:235px!important;height:auto!important;max-height:78px;object-fit:contain;opacity:1}.site-header.logo-banner.scrolled .menu-toggle{top:.75rem}.logo-banner nav.open{z-index:3!important;left:0;right:0;bottom:0;transform:none;white-space:normal}.logo-banner nav:not(.open){display:none}.logo-banner+.hero .hero-content{padding-top:clamp(15rem,60vw,18rem)}body.menu-open .logo-banner .brand{opacity:0}.legal .logo-banner+main{padding-top:clamp(225px,58vw,310px)!important}}
@media(max-width:560px){.site-header.logo-banner{padding:0}.site-header.logo-banner .brand img{width:100%!important;max-width:none!important}.logo-banner .menu-toggle{right:.75rem;top:.75rem}.site-header.logo-banner.scrolled .brand img{width:205px!important}.logo-banner+.hero .hero-content{padding-top:11.5rem}}
@media(max-width:900px){.hours-quick{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-content:stretch;align-content:center;column-gap:.65rem;row-gap:.12rem;flex-wrap:nowrap}.hours-sign{grid-row:1/3}.hours-quick strong{width:auto}.hours-quick b{margin:0}.logo-banner .menu-toggle{top:calc(54px + .75rem)}.site-header.logo-banner.scrolled .menu-toggle{top:.75rem}}
@media(max-width:560px){.site-header.logo-banner{height:calc(50vw + 72px);min-height:247px;max-height:332px}.hours-quick{height:72px;grid-template-rows:auto auto auto;padding-right:4.2rem;row-gap:.08rem}.hours-sign{grid-row:1/4}.hours-quick em{display:block;grid-column:2;margin:0;font-size:.53rem;line-height:1.1}.logo-banner .brand{inset:72px 0 0}.logo-banner .menu-toggle{top:calc(72px + .75rem)}.site-header.logo-banner.scrolled .menu-toggle{top:.75rem}.logo-banner+.hero{align-items:flex-start;min-height:calc(100svh + 280px)}.logo-banner+.hero .hero-content{padding-top:calc(50vw + 220px)!important}}

/* Der große Markenbanner bleibt im Dokumentfluss. Erst nach seinem vollständigen
   Verlassen des Sichtbereichs werden Logo und Navigation zur kompakten Leiste. */
.site-header.logo-banner{position:relative;inset:auto}
.site-header.logo-banner.scrolled{position:relative;inset:auto;height:clamp(456px,calc(46vw + 132px),636px);background:#050505;overflow:visible}
.site-header.logo-banner.scrolled .brand{position:fixed;z-index:101;inset:0 auto auto 12px;width:220px;height:88px;background:rgba(7,7,6,.96)}
.site-header.logo-banner.scrolled .brand img{width:200px!important;max-height:82px}
.site-header.logo-banner.scrolled nav{position:fixed;z-index:102;top:0;right:12px;bottom:auto;left:auto;min-height:88px;transform:none}
.logo-banner+.hero{min-height:100svh;align-items:center}.logo-banner+.hero .hero-content{padding-top:5rem!important}
@media(max-width:900px){.site-header.logo-banner.scrolled{height:calc(50vw + 54px);min-height:229px;max-height:314px}.site-header.logo-banner.scrolled .brand{position:fixed;inset:0 auto auto 0;width:235px;height:78px}.site-header.logo-banner.scrolled .brand img{width:235px!important;max-height:78px}.site-header.logo-banner.scrolled .menu-toggle{position:fixed;z-index:104;top:.75rem;right:.75rem}.site-header.logo-banner.scrolled nav.open{position:fixed}.logo-banner+.hero{min-height:100svh;align-items:center}.logo-banner+.hero .hero-content{padding-top:3rem!important}}
@media(max-width:560px){.site-header.logo-banner.scrolled{height:calc(50vw + 72px);min-height:247px;max-height:332px}}