/* Header nach der gelieferten Referenz: drei eigenständige, geschnittene Flächen. */
.header-shell{height:158px}
body[data-page=home] .header-shell{height:0}
#site-header.architect-header{top:10px;left:0;right:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transition:top .3s}
.architect-header .header-inner{width:calc(100% - 64px);max-width:1920px;min-height:142px;display:flex;align-items:center;gap:16px;transition:min-height .3s}
.architect-header .header-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;width:285px;min-height:126px;padding:15px 25px 15px 16px;background:linear-gradient(125deg,#224a2a,#14291c);clip-path:polygon(22px 0,100% 0,calc(100% - 30px) 100%,0 100%,0 22px);margin:0;transition:width .3s,min-height .3s,padding .3s}
.architect-header .header-brand img{width:245px}
.header-place{font-size:8px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#e7d6ad;line-height:1.7}
.header-nav-panel{position:relative;isolation:isolate;flex:1;min-width:0;min-height:96px;display:flex;align-items:center;justify-content:center;gap:27px;padding:22px 26px 22px 30px;background:#b99c645e;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);transition:min-height .3s,padding .3s}
.header-nav-panel:before{content:'';position:absolute;inset:1px;z-index:-1;background:#101f15f2;clip-path:polygon(23px 0,100% 0,100% calc(100% - 23px),calc(100% - 23px) 100%,0 100%,0 23px)}
.architect-header .nav-ribbon{margin:0;min-width:0}
.architect-header .nav-list{display:flex;align-items:center;justify-content:center;gap:29px}
.architect-header .nav-link{font-size:15px;text-transform:uppercase;letter-spacing:.035em;font-weight:800;line-height:1.5;white-space:nowrap;padding:12px 0}
.architect-header .nav-link[aria-current]:after{bottom:4px;height:1px}
.architect-header .header-nav-panel>.language-toggle{font-size:10px;padding-left:24px;border-left:1px solid #b99c6440;flex-shrink:0}
.architect-header .header-actions{flex-shrink:0;gap:12px}
.architect-header .nav-book-cut{display:flex;align-items:center;justify-content:space-between;gap:18px;width:266px;min-height:96px;padding:18px 21px;background:#d6af55;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));text-transform:uppercase;transform:none;box-shadow:none;transition:background .25s,min-height .3s,width .3s}
.nav-book-copy{font-family:var(--display);font-size:22px;line-height:1.08;letter-spacing:-.035em;text-align:left}
.architect-header .nav-book-cut>.ui-icon{width:24px;height:24px;filter:none}
.architect-header .nav-book-cut:hover{background:var(--gold-light);transform:none}
.architect-header .nav-book-cut:hover>.ui-icon{transform:translate(3px,-3px)}
.architect-header .menu-toggle{display:none;background:var(--gold);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));width:48px;min-height:48px}
.architect-header .menu-toggle>.ui-icon{filter:none}
.architect-header .mobile-navigation{display:flex;position:absolute;top:100%;left:32px;right:32px;padding:20px 27px 27px;background:#102d1df7;backdrop-filter:blur(16px);border:1px solid #b99c645e;max-height:calc(100dvh - 150px);overflow-y:auto;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.architect-header .mobile-navigation.open{opacity:1;visibility:visible;transform:none}
.architect-header .mobile-navigation>a{font-size:19px;font-weight:800;padding:14px 0;border-bottom:1px solid #b99c6440}
.architect-header .mobile-navigation .nav-book{align-self:start;margin-top:22px;font-size:12px;min-height:48px}
.architect-header .reading-progress{left:32px;right:32px;bottom:0;opacity:.55}
#site-header.architect-header.is-scrolled{top:7px;left:0;right:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.architect-header.is-scrolled .header-inner{min-height:90px}
.architect-header.is-scrolled .header-brand{width:234px;min-height:78px;padding:8px 23px 8px 13px}
.architect-header.is-scrolled .header-brand img{width:205px}
.architect-header.is-scrolled .header-place{display:none}
.architect-header.is-scrolled .header-nav-panel{min-height:68px;padding-block:12px}
.architect-header.is-scrolled .nav-book-cut{min-height:68px;width:229px;padding:12px 19px;gap:15px}
.architect-header.is-scrolled .nav-book-copy{font-size:19px}
.menu-controls-wrap{top:100px}

/* Der erste Eindruck ist eine räumliche Essensszene statt einer flachen Fotofläche. */
.hero-brand-scene.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#6b6c303d,transparent 57%),radial-gradient(ellipse at 10% 100%,#26583766,transparent 60%),#0b2516}
.hero-brand-scene .hero-backword{position:absolute;left:-2%;top:185px;z-index:0;font-family:var(--display);font-size:clamp(150px,22.5vw,450px);line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #d6af5528;white-space:nowrap;pointer-events:none;user-select:none;transform:translateX(calc(var(--hero-look-x,0px) * -.4));}
.hero-room-window{position:absolute;right:1%;top:168px;width:45%;height:calc(100% - 275px);max-height:565px;z-index:1;overflow:hidden;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);transform:rotate(2deg);background:var(--brown)}
.hero-room-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b2516e6,transparent 38%),linear-gradient(0deg,#0b2516ed,transparent 54%);pointer-events:none}
.hero-room-window .gasthaus-hero-photo{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;object-position:center;filter:brightness(.61) saturate(.9)}
.hero-room-note{position:absolute;top:25px;right:27px;z-index:2;color:#eddfbd;font-size:9px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}
.hero-feast{position:absolute;right:-25px;top:151px;bottom:25px;width:56%;max-width:920px;z-index:4;pointer-events:none;transform:translate3d(var(--hero-look-x,0px),calc(var(--hero-look-y,0px) + var(--hero-food-y,0px)),0) rotate(var(--hero-food-turn,0deg));transition:transform .35s ease-out}
.hero-feast-float{width:100%;height:100%;transform:rotate(-3deg);filter:drop-shadow(0 32px 38px #020a0790)}
.hero-feast img{width:100%;height:100%;object-fit:contain;object-position:center;user-select:none}
.motion-live .hero-feast-float{animation:signature-enter 1.35s .1s cubic-bezier(.16,1,.3,1) both,signature-float 7s 1.45s ease-in-out infinite}
.hero-brand-scene .hero-grid{position:relative;z-index:5;width:calc(100% - 128px);max-width:1800px;min-height:max(840px,100svh);display:flex;align-items:center;padding-top:185px;padding-bottom:118px}
.hero-brand-scene .hero-copy{width:55%;max-width:840px;position:relative}
.hero-brand-scene .hero-copy .eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold-light);margin-bottom:23px}
.hero-brand-scene .hero-copy h1{font-size:clamp(60px,5vw,86px);line-height:1.025;letter-spacing:-.045em;text-wrap:initial;max-width:none;text-shadow:none}
.hero-brand-scene .hero-line>span{white-space:nowrap}
.hero-line-gold{color:var(--gold)}
.hero-brand-scene .hero-line{padding-bottom:.075em}
.hero-brand-scene .hero-copy>p{font-size:18px;line-height:1.8;max-width:510px;margin-top:22px;color:#e0e7d6}
.hero-brand-scene .hero-actions{margin-top:31px;gap:28px}
.hero-brand-scene .btn-hero{background:var(--gold);color:var(--deep);min-height:58px;padding:16px 28px;border:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));letter-spacing:.04em;font-size:12px;gap:20px}
.hero-brand-scene .btn-hero>.ui-icon{display:block;filter:none;transform:rotate(-45deg)}
.hero-brand-scene .btn-hero:hover{background:var(--gold-light)}
.hero-brand-scene .hero-actions .text-link{font-size:14px}
.hero-host-line{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:11px;line-height:1.8;color:#b4c9ae;max-width:450px}
.hero-host-line>span{width:24px;height:1px;background:var(--gold);flex-shrink:0}
.hero-brand-scene .scroll-invitation{font-size:9px;bottom:40px;left:0;letter-spacing:.13em}
.hero-dish-ticket{position:absolute;bottom:62px;right:4.5%;z-index:6;display:block;min-width:208px;padding:18px 49px 19px 23px;background:var(--paper);color:var(--deep);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transform:rotate(-3deg);transition:transform .3s,background .3s}
.hero-dish-ticket>span{display:block;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#896326;margin-bottom:8px}
.hero-dish-ticket strong{display:block;font-family:var(--display);font-size:18px;font-weight:400;line-height:1.2;letter-spacing:-.03em}
.hero-dish-ticket .ui-icon{position:absolute;right:18px;top:23px;width:21px;height:21px;filter:none}
.hero-dish-ticket:hover{transform:rotate(0deg) translateY(-3px);background:var(--gold-light)}
.hero-offscreen .hero-feast-float,.page-hidden .hero-feast-float{animation-play-state:paused!important}
@keyframes signature-enter{from{opacity:0;transform:translate(14%,13%) rotate(12deg) scale(.83)}to{opacity:1;transform:translate(0,0) rotate(-3deg) scale(1)}}
@keyframes signature-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(-1.5deg)}}

@media(max-width:1400px){
 .architect-header .header-brand{width:250px;min-height:116px;padding-inline:18px 26px}.architect-header .header-brand img{width:217px}.architect-header .nav-list{gap:22px}.architect-header .nav-link{font-size:13px}.header-nav-panel{gap:20px;padding-inline:27px 24px;min-height:91px}.architect-header .header-nav-panel>.language-toggle{font-size:9px;padding-left:20px}.architect-header .nav-book-cut{width:245px;min-height:91px;padding-inline:21px;gap:17px}.nav-book-copy{font-size:20px}
 .hero-brand-scene .hero-grid{width:calc(100% - 96px)}.hero-brand-scene .hero-copy h1{font-size:clamp(56px,5vw,72px)}.hero-brand-scene .hero-copy>p{font-size:17px}.hero-dish-ticket{right:4%;min-width:193px;padding:17px 44px 17px 20px}.hero-dish-ticket strong{font-size:17px}
}
@media(max-width:1150px){
 .architect-header .header-inner{min-height:120px;gap:17px}.header-shell{height:133px}.architect-header .header-brand{width:255px;min-height:103px}.architect-header .header-brand img{width:222px}.architect-header .header-actions{gap:17px}.architect-header .nav-ribbon{display:none}.architect-header .menu-toggle{display:flex}
 .header-nav-panel{flex:0 0 auto;min-height:48px;padding:0;background:transparent;clip-path:none;margin-left:auto}.header-nav-panel:before{display:none}.architect-header .header-nav-panel>.language-toggle{padding:8px 13px;border:1px solid #b99c645e;font-size:11px;background:#142f20}
 .architect-header .nav-book-cut{width:226px;min-height:84px;padding-inline:19px;gap:16px}.architect-header .nav-book-cut>.ui-icon{width:23px;height:23px}.nav-book-copy{font-size:19px}
 .architect-header.is-scrolled .header-brand{width:230px;min-height:76px}.architect-header.is-scrolled .header-nav-panel{min-height:44px;padding:0}.architect-header.is-scrolled .nav-book-cut{width:226px;min-height:68px;padding-inline:19px;gap:16px}.architect-header .mobile-navigation{left:32px;right:32px}
 .hero-brand-scene .hero-grid{width:calc(100% - 80px);padding-top:160px}.hero-brand-scene .hero-copy h1{font-size:clamp(46px,4.8vw,55px)}.hero-brand-scene .hero-copy>p{font-size:15px;max-width:420px}.hero-brand-scene .hero-actions{gap:20px}.hero-brand-scene .btn-hero{font-size:11px;padding-inline:23px;gap:17px}.hero-brand-scene .hero-actions .text-link{font-size:12px}.hero-host-line{font-size:10px;max-width:370px}.hero-feast{right:-46px;width:55%;top:155px;bottom:55px}.hero-room-window{right:-3%;width:48%;top:161px;height:calc(100% - 315px)}.hero-dish-ticket{right:4%;bottom:60px;min-width:180px}.hero-dish-ticket strong{font-size:15px}
}
@media(min-width:1001px) and (max-width:1150px){
 .architect-header .header-inner{gap:16px}.architect-header .header-brand{width:210px}.architect-header .header-brand img{width:183px}.architect-header .nav-ribbon{display:block}.architect-header .menu-toggle{display:none}.architect-header .header-nav-panel{flex:1;min-height:84px;padding:16px 19px;gap:12px;margin:0;background:#b99c645e;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.architect-header .header-nav-panel:before{display:block}.architect-header .nav-list{gap:17px}.architect-header .nav-link{font-size:11px}.architect-header .header-nav-panel>.language-toggle{font-size:9px;padding:8px 0 8px 14px;min-height:44px;border:0;border-left:1px solid #b99c6440;background:transparent}.architect-header .nav-book-cut{width:210px;padding-inline:17px;gap:13px}.architect-header .nav-book-copy{font-size:18px}.architect-header .nav-book-cut>.ui-icon{width:22px;height:22px}.architect-header.is-scrolled .header-brand{width:210px}.architect-header.is-scrolled .header-nav-panel{min-height:68px;padding:12px 19px}.architect-header.is-scrolled .nav-book-cut{width:210px;padding-inline:17px;gap:13px}.architect-header.is-scrolled .nav-book-copy{font-size:18px}
}
@media(max-width:900px){
 .hero-brand-scene .hero-grid{min-height:1040px;padding-top:168px;padding-bottom:615px;align-items:start;width:calc(100% - 64px)}.hero-brand-scene .hero-copy{width:100%;max-width:700px}.hero-brand-scene .hero-copy h1{font-size:clamp(44px,6vw,58px)}.hero-brand-scene .hero-copy>p{font-size:16px;max-width:600px;margin-top:18px}.hero-brand-scene .hero-actions{margin-top:23px}.hero-host-line{margin-top:20px;max-width:600px}.hero-feast{width:74%;max-width:680px;top:410px;bottom:63px;right:3%}.hero-room-window{width:78%;right:-5%;top:430px;height:480px;max-height:none}.hero-brand-scene .hero-backword{top:385px;font-size:29vw;left:-1%}.hero-dish-ticket{right:7%;bottom:90px}.hero-brand-scene .scroll-invitation{bottom:35px}
}
@media(max-width:700px){
 .header-shell{height:108px}#site-header.architect-header,#site-header.architect-header.is-scrolled{top:8px}
 .architect-header .header-inner{width:calc(100% - 28px);min-height:93px;gap:10px}.architect-header .header-brand{width:191px;min-height:85px;padding:11px 19px 10px 11px;clip-path:polygon(15px 0,100% 0,calc(100% - 20px) 100%,0 100%,0 15px)}.architect-header .header-brand img{width:169px}.header-place{font-size:6px;letter-spacing:.19em}
 .architect-header .header-actions{gap:0}.architect-header .header-actions>.nav-book-cut{display:none}.architect-header .header-nav-panel>.language-toggle{font-size:10px;padding:7px 8px;min-height:42px;white-space:nowrap}.architect-header .language-toggle span{margin-left:3px}.architect-header .menu-toggle{width:43px;min-height:43px}.architect-header .menu-toggle .ui-icon{width:25px;height:25px}.architect-header .menu-toggle .icon-x-lg{width:18px;height:18px}
 .architect-header .mobile-navigation{left:14px;right:14px;padding:14px 21px 22px;max-height:calc(100dvh - 170px)}.architect-header .mobile-navigation>a{font-size:17px;padding:13px 0}.architect-header .reading-progress{left:14px;right:14px}
 .architect-header.is-scrolled .header-inner{min-height:71px}.architect-header.is-scrolled .header-brand{width:179px;min-height:65px;padding:8px 18px 8px 11px}.architect-header.is-scrolled .header-brand img{width:159px}.architect-header.is-scrolled .header-nav-panel{min-height:42px}.menu-controls-wrap{top:82px}
 .hero-brand-scene .hero-grid{width:calc(100% - 40px);min-height:930px;padding-top:141px;padding-bottom:526px;align-items:start}.hero-brand-scene .hero-copy{width:100%}.hero-brand-scene .hero-copy .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:19px}.hero-brand-scene .hero-copy h1{font-size:clamp(34px,8.4vw,47px);line-height:1.08;letter-spacing:-.045em}.hero-brand-scene .hero-copy>p{font-size:14px;line-height:1.8;max-width:500px;margin-top:18px}.hero-brand-scene .hero-actions{gap:22px;margin-top:23px;flex-direction:row;align-items:center}.hero-brand-scene .btn-hero{min-height:50px;font-size:10px;padding:14px 18px;gap:13px}.hero-brand-scene .hero-actions .text-link{font-size:11px;gap:9px}.hero-brand-scene .hero-actions .text-link .ui-icon{width:15px;height:15px}.hero-host-line{font-size:9px;margin-top:20px;line-height:1.8;max-width:100%}.hero-host-line>span{width:18px}
 .hero-feast{top:414px;bottom:53px;right:1%;width:98%;max-width:570px}.hero-room-window{right:-10%;width:94%;top:411px;height:430px;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-room-window .gasthaus-hero-photo{filter:brightness(.52) saturate(.8)}.hero-room-note{right:19%;top:18px;font-size:7px;letter-spacing:.1em}.hero-brand-scene .hero-backword{top:387px;font-size:29vw;-webkit-text-stroke-color:#d6af5559}.hero-dish-ticket{bottom:74px;right:18px;min-width:166px;padding:13px 39px 14px 17px;transform:rotate(-3deg)}.hero-dish-ticket strong{font-size:14px}.hero-dish-ticket>span{font-size:7px;margin-bottom:6px}.hero-dish-ticket .ui-icon{width:17px;height:17px;right:14px;top:18px}.hero-brand-scene .scroll-invitation{bottom:27px;font-size:8px;letter-spacing:.1em}
}
@media(max-width:390px){
 .architect-header .header-inner{width:calc(100% - 22px);gap:9px}.architect-header .header-brand{width:175px;min-height:82px;padding-inline:9px 18px}.architect-header .header-brand img{width:152px}.architect-header .header-nav-panel>.language-toggle{font-size:9px;padding-inline:7px}.architect-header .menu-toggle{width:40px;min-height:42px}.architect-header.is-scrolled .header-brand{width:169px}.architect-header.is-scrolled .header-brand img{width:151px}
 .hero-brand-scene .hero-copy h1{font-size:34px}.hero-brand-scene .hero-grid{min-height:915px;padding-bottom:510px}.hero-brand-scene .hero-copy>p{font-size:13px}.hero-brand-scene .hero-actions{gap:15px}.hero-brand-scene .btn-hero{font-size:9px;padding-inline:16px}.hero-brand-scene .hero-actions .text-link{font-size:10px}.hero-feast{top:405px;bottom:49px;width:100%;right:0}.hero-room-window{top:418px;height:413px}.hero-dish-ticket{right:17px;bottom:70px}
}
@media(max-width:360px){
 .hero-brand-scene .hero-copy h1{font-size:30px}.hero-brand-scene .hero-copy>p{font-size:12px}.hero-brand-scene .hero-actions{gap:13px}.hero-brand-scene .hero-actions .text-link{font-size:9px}.hero-host-line{font-size:8px}.architect-header .menu-toggle{min-height:44px}.architect-header .header-nav-panel>.language-toggle{min-height:44px}
}
@media(min-width:901px) and (max-height:740px){
 .hero-brand-scene .hero-grid{min-height:760px;padding-top:160px;padding-bottom:100px}.hero-brand-scene .hero-copy h1{font-size:clamp(50px,4.65vw,69px)}.hero-brand-scene .hero-copy>p{font-size:16px}.hero-feast{top:146px;bottom:31px}.hero-room-window{top:164px;height:465px}.hero-dish-ticket{bottom:48px}.hero-brand-scene .scroll-invitation{bottom:30px}
}
@media(prefers-reduced-motion:reduce){
 .hero-feast,.hero-feast-float,.hero-backword{animation:none!important;transform:none!important;transition:none!important}.hero-feast-float{opacity:1!important}.hero-brand-scene .hero-copy,.hero-brand-scene .gasthaus-hero-photo{transform:none!important}
}