/* Approved restructure: identical header on all 4 pages and tighter subpage heroes. */
.header{position:sticky!important;top:0!important;height:108px!important;min-height:108px;z-index:105!important;background:#112730!important;border-bottom:1px solid #ffffff1b!important}
.header .header-inner{height:100%!important}
.header .nav{gap:clamp(10px,1.35vw,23px)!important}
.header .nav>a{font-size:clamp(12px,.93vw,15px)!important;white-space:nowrap}
.header .logo-original{max-width:205px!important;min-width:165px!important}
.header .logo-original img{max-height:98px!important}
.header.is-scrolled{height:88px!important;min-height:88px!important;position:sticky!important}
.header.is-scrolled .logo-original img{max-height:82px!important}
.subpage-body .header{margin:0}
.subpage-body .sub-hero{min-height:450px!important;padding-top:65px!important;padding-bottom:68px!important;color:#f7f3ea!important}
.subpage-body .sub-hero h1{color:#f7f3ea!important;text-shadow:0 2px 8px #0002}
.subpage-body .sub-hero h1 em{color:#e0ae7e!important}
.subpage-body .sub-hero h1{font-size:clamp(52px,7vw,106px)}
#erleben{padding-top:72px}
#erleben .section-head h2{font-size:clamp(44px,6vw,80px)}
.experience-hero-art{position:absolute;right:2%;top:30%;writing-mode:vertical-rl;letter-spacing:.32em;color:#e5bb8035;font:clamp(26px,4vw,60px) Georgia,serif;pointer-events:none}
.event-listing{background:#f7f3eb;padding:85px 0}
.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:22px;margin-top:42px}
.event-public-card{border:1px solid #dacbb8;background:#fff;box-shadow:0 10px 35px #142b3410;overflow:hidden}
.event-public-image{height:255px;background:linear-gradient(140deg,#142b35,#39505a) center/cover}
.event-public-copy{padding:28px}.event-public-copy h3{font:normal clamp(26px,3vw,39px) Georgia,serif;color:#172e38;margin:10px 0}
.event-public-copy p:not(.event-label){color:#465a60;line-height:1.7}
.event-label{color:#a1764b;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.event-public-copy button{margin-top:12px;cursor:pointer}.events-empty{color:#39484e;font:20px Georgia,serif}
.event-detail-overlay[hidden]{display:none!important}.event-detail-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px}.event-detail-shade{position:absolute;inset:0;background:#031720dc}
.event-detail-panel{position:relative;max-width:820px;width:100%;max-height:92vh;overflow-y:auto;background:#fff;display:grid;grid-template-columns:40% 60%;border:1px solid #e1c7a5}
.event-detail-picture{min-height:365px;background:linear-gradient(140deg,#172e39,#384e53) center/cover}
.event-detail-text{padding:44px 34px;color:#1b343b}.event-detail-text h2{font:normal clamp(31px,4vw,55px) Georgia,serif;margin:18px 0}.event-detail-text p{line-height:1.8}
.event-detail-close{position:absolute;right:9px;top:9px;z-index:1;width:44px;height:44px;background:#152e39;color:#fff;border:0;font-size:30px;cursor:pointer}
@media(max-width:940px){.header .nav{gap:10px!important}.header .nav>a{font-size:12px!important}.header .logo-original{max-width:175px!important;min-width:130px!important}.header .header-cta{padding:10px 12px!important}}
@media(max-width:840px){.header{height:89px!important;min-height:89px!important}.header .nav{top:89px!important;gap:0!important}.header .nav>a{font-size:18px!important}.header .logo-original img{max-height:80px!important}.subpage-body .sub-hero{min-height:0!important;padding:64px 0 62px!important}}
@media(max-width:650px){.header{height:82px!important;min-height:82px!important}.header .nav{top:82px!important}.event-detail-panel{grid-template-columns:1fr}.event-detail-picture{min-height:180px}.event-detail-text{padding:25px}.subpage-body .sub-hero h1{font-size:clamp(43px,12vw,76px)}}

/* Preview 002: readable light experience sections and wrapping menu categories. */
body[data-page="experiences"] #erleben,body[data-page="experiences"] #events{color:#172e38}
#erleben .section-head h2,#erleben .exp-card h3,#erleben .exp-link,#events .section-head h2,#events .text-link{color:#172e38}
#erleben h2 em,#events h2 em{color:#865b35}
#erleben .section-subline,#events .event-intro,#erleben .exp-card p{color:#4b5b60}
#erleben .exp-index,#erleben .dark-eyebrow,#events .dark-eyebrow{color:#865b35}
#erleben{padding:64px 0 72px}#events{padding:64px 0 76px}
#erleben .section-head,#events .section-head{margin-bottom:32px}
#events .events-grid{margin-top:0}
body[data-page="menu"] .menu-tabs{flex-wrap:wrap;overflow:visible;gap:9px;padding:24px 0}
body[data-page="menu"] .menu-tab{white-space:normal;text-align:left;max-width:100%}
body[data-page="menu"] .menu-search,body[data-page="menu"] .menu-search input{min-width:0}
body[data-page="menu"] .menu-browser-heading{grid-template-columns:1fr}
body[data-page="menu"] .menu-pdf-link>*,body[data-page="menu"] .menu-dish{min-width:0}
body[data-page="menu"] .menu-dish h3,body[data-page="menu"] .menu-dish-description{overflow-wrap:anywhere}
@media(max-width:650px){#erleben{padding:48px 0 52px}#events{padding:48px 0 56px}}
body[data-page="experiences"] #erleben .reveal{opacity:1;transform:none}


/* Preview 003: one logo size per breakpoint, including after scrolling. */
.header,.header.is-scrolled{--delphi-brand-w:174px;height:108px!important;min-height:108px!important}
.header .logo-original,.header.is-scrolled .logo-original{width:var(--delphi-brand-w)!important;min-width:var(--delphi-brand-w)!important;max-width:var(--delphi-brand-w)!important;flex:0 0 var(--delphi-brand-w)!important}
.header .logo-original img,.header.is-scrolled .logo-original img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}
.footer .footer-logo,.sub-footer img{width:160px!important;max-width:160px!important;flex-shrink:0}
.footer .footer-logo img,.sub-footer img{display:block;height:auto!important;max-height:none!important}
@media(max-width:940px){.header,.header.is-scrolled{--delphi-brand-w:156px}}
@media(max-width:840px){.header,.header.is-scrolled{--delphi-brand-w:132px;height:89px!important;min-height:89px!important}.header .nav,.header.is-scrolled .nav{top:89px!important}}
@media(max-width:650px){.header,.header.is-scrolled{height:82px!important;min-height:82px!important}.header .nav,.header.is-scrolled .nav{top:82px!important}}


/* Preview 004: reliably legible experience cards on all screen sizes. */
body[data-page="experiences"] #erleben .exp-card{background:#fffdf9!important;border-color:#d8c9b9!important;color:#172e38!important;box-shadow:0 12px 28px rgba(13,36,42,.07)}
body[data-page="experiences"] #erleben .exp-card h3{color:#172e38!important;-webkit-text-fill-color:#172e38!important;text-shadow:none!important}
body[data-page="experiences"] #erleben .exp-card p{color:#40545b!important;-webkit-text-fill-color:#40545b!important;opacity:1!important}
body[data-page="experiences"] #erleben .exp-card .exp-link{color:#77522e!important;-webkit-text-fill-color:#77522e!important;font-weight:750}
body[data-page="experiences"] #erleben .exp-card .exp-index{color:#77522e!important}
body[data-page="experiences"] #erleben .exp-card .exp-card-icon{color:#77522e!important}
body[data-page="experiences"] #erleben .exp-card .exp-card-icon svg{stroke:#77522e!important}
body[data-page="experiences"] #erleben .experience-grid{gap:20px}
@media(max-width:650px){body[data-page="experiences"] #erleben .exp-card{min-height:0!important}}

@media(max-width:650px){.experience-hero-art{display:none!important}}
/* Keep chronicle controls visible without moving the document on each click. */
@media(min-width:831px){
 .chronicle-stage{top:120px;min-height:0;height:calc(100dvh - 144px);display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto auto;overflow:auto}
 .chronicle-stage-media{height:auto!important;min-height:120px!important}
 .chronicle-disclaimer{margin:0}
}
@media(max-width:830px){
 .chronicle-side{position:sticky;top:100px;z-index:7}
 .chronicle-stage{position:relative}
 .chronicle-controls{display:flex;grid-column:1/-1;padding-top:8px}
}