/* inline */

/* Generated by scripts/build-styles.py. Edit the source stylesheets. */
/* saalespa.css */
@font-face{font-family:"DM Sans";src:url('/assets/experience-fonts/dm-sans-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--night:#0b1c24;--deep:#142f39;--cream:#f4f3ef;--gold:#dbbd8b;--ink:#16333d;--muted:#526369;--line:#16333d2b;--sans:"DM Sans",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--radius:4px;scroll-behavior:smooth;scroll-padding-top:104px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-text-size-adjust:100%}body.viewing-photo{overflow:hidden}main{display:block}img,video{max-width:100%;display:block}img{height:auto}button,input,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{border-radius:var(--radius)}button:disabled{cursor:wait}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #488b9d;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}h2{font-size:clamp(34px,4.05vw,56px);line-height:1.1;letter-spacing:-.035em}h3{font-size:clamp(27px,2.5vw,34px);line-height:1.15;letter-spacing:-.025em}p+p{margin-top:16px}ul{padding-left:21px}li+li{margin-top:9px}address{font-style:normal}small{font-size:13px}button,a,summary{word-break:normal;overflow-wrap:normal;hyphens:none}button [aria-hidden],a [aria-hidden]{flex-shrink:0}section[id],details[id],#wissen{scroll-margin-top:104px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:88px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:56px;margin-bottom:36px}.section-heading p{max-width:560px}.overline{font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.small-note,.source,.gift-note{font-size:13px;color:var(--muted);line-height:1.65}.section-heading>p,.section-heading>div>p:not(.overline){color:var(--muted)}
.skip{position:fixed;top:8px;left:16px;transform:translateY(-200%);z-index:100;background:var(--gold);color:var(--night);padding:10px 18px}.skip:focus{transform:none}.header{position:absolute;inset:0 0 auto;z-index:20;min-height:86px;padding:16px clamp(24px,4vw,60px);display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--night);color:var(--cream);border-bottom:1px solid #ffffff19}.wordmark{display:flex;flex-wrap:wrap;align-items:baseline;width:124px;min-width:124px;line-height:1;text-decoration:none;font:400 29px/1 var(--serif);letter-spacing:-1px}.wordmark b{font-weight:400;color:var(--gold)}.wordmark small{display:block;width:100%;font:400 10px/1.5 var(--sans);letter-spacing:.21em;text-transform:uppercase;margin-top:6px}.header nav{display:flex;align-items:center;gap:26px;font-size:14px}.header nav>a{text-decoration:none;min-height:44px;display:flex;align-items:center}.header nav>a:hover{text-decoration:underline}.nav-book{padding:11px 18px;border:1px solid var(--gold);border-radius:var(--radius);color:var(--night);background:var(--gold)}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;font:400 15px/1.4 var(--sans);text-align:left;transition:background .18s,color .18s}.button.gold{background:var(--gold);color:var(--night);border-color:var(--gold)}.button.gold:hover{background:#ecd6b0}.button.secondary{background:transparent;border-color:currentColor;color:inherit}.button.secondary:hover{background:#859da31a}.button [aria-hidden],.text-link [aria-hidden]{font-size:21px;line-height:1}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font-size:15px;line-height:1.5;text-decoration:none}.text-link>span:first-child{text-decoration:underline;text-underline-offset:5px}.text-link:hover>span:first-child{text-decoration-thickness:2px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:32px;border-bottom:1px solid var(--line);gap:26px}.facts p+p{margin:0}.facts b,.facts span{display:block}.facts b{font-size:16px;font-weight:400}.facts span{font-size:13px;color:var(--muted);margin-top:5px}.tour-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-bottom:0}.tour-tabs button{display:flex;align-items:center;gap:12px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:16px;min-height:62px;padding:15px 24px;text-align:left;border-right:1px solid var(--line)}.tour-tabs button:last-child{border-right:0}.tour-tabs button[aria-selected=true]{background:var(--deep);color:var(--cream)}.tour-tabs button:focus-visible{outline-offset:-5px}.tour-panel{display:grid;grid-template-columns:1.2fr 1fr;background:var(--deep);color:var(--cream);--muted:#c3d0d3;--line:#ffffff2b}.tour-image{aspect-ratio:4/3;min-height:440px;overflow:hidden}.tour-image img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.tour-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px}.tour-copy .overline{color:var(--gold)}.tour-copy h3{margin-bottom:18px}.tour-copy>p:not(.overline){color:#d0dadd}.tour-copy .tour-note{font-size:15px;margin:18px 0}.tour-copy .text-link{color:var(--gold)}
.chooser{background:var(--deep);color:var(--cream);--muted:#c3d0d3;--line:#ffffff2b}.chooser .overline{color:var(--gold)}.advisor{margin-bottom:22px;border:1px solid var(--line);padding-inline:24px;border-radius:var(--radius)}details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;min-height:64px;padding-block:18px;font-size:16px;line-height:1.5}details>summary::-webkit-details-marker{display:none}details>summary::after{content:'+';font-size:24px;font-weight:400;line-height:1;flex:0 0 16px;text-align:center}details[open]>summary::after{content:'−'}details>p{margin:0 0 18px}.advisor form{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:20px;padding:8px 0 24px}.advisor label,.package-mobile{font-size:14px}.advisor select,.package-mobile select{display:block;width:100%;margin-top:8px;background:var(--cream);color:var(--ink);border:1px solid #9aacae;border-radius:var(--radius);padding:11px 32px 11px 12px;min-height:48px;font-size:16px}.advisor form .button{grid-column:1/-1;justify-self:start}.booking-card{border:1px solid var(--line);border-radius:var(--radius);overflow:clip;scroll-margin-top:28px}.package-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}.package-tabs button{min-height:62px;padding:16px 10px;color:var(--cream);background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;font-size:15px}.package-tabs button:last-child{border-right:0}.package-tabs button.active{background:var(--gold);color:var(--night)}.package-tabs button:focus-visible{outline-color:var(--gold);outline-offset:-5px}.package-mobile{display:none}.package-stage{display:grid;grid-template-columns:1fr .85fr;gap:60px;padding:36px}.package-detail h3{font-size:34px;margin-bottom:15px}.package-copy{color:#d0dadd}.package-included{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.standard-note,.package-extra-label{font-size:14px;color:var(--gold)}.package-included>p+p{font-size:15px;line-height:1.65;color:#d0dadd;margin-top:8px}.package-extra-label{margin-top:22px}.package-features{margin:14px 0 0;font-size:15px}.package-features li::marker{color:var(--gold)}.duration-box{border-left:1px solid var(--line);padding-left:36px}.field-label{font-size:14px}.durations{display:flex;gap:10px;margin-top:12px}.durations button{min-width:60px;min-height:45px;border:1px solid #aec4c780;background:transparent;color:var(--cream);font-size:15px}.durations button.active{background:var(--cream);border-color:var(--cream);color:var(--night)}.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:26px}.price-row strong{font:400 42px/1 var(--serif);letter-spacing:-.03em}.price-note{font-size:14px;color:#d0dadd;margin-top:15px}.book-link{width:100%;margin-top:24px}.booking-note{display:block;color:#c3d0d3;margin-top:13px;font-size:12px;line-height:1.6}.package-information{padding:0 36px 10px}.included{border-top:1px solid var(--line)}.included summary{font-size:15px}.included>p,.included .text-link{font-size:14px}.included>p{color:#d0dadd}.extras-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:0 0 24px;font-size:14px}.extras-list div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:11px 0}.extras-list dt{flex:1}.extras-list dd{margin:0;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px;text-align:left}caption{text-align:left;margin-bottom:12px;color:#d0dadd;font-size:13px}th,td{padding:11px 8px;border-bottom:1px solid var(--line);font-weight:400}th:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0;text-align:right}td{white-space:nowrap}.advisor-message{margin:0;padding:18px 36px;background:#dbbd8b1a;color:#f1d6ab;font-size:14px;border-bottom:1px solid var(--line)}
.atmosphere{background:var(--cream)}.lake-scene{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:560px;color:var(--cream);background:var(--night);overflow:hidden}.lake-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}.lake-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06191dd9 0%,#06191d80 40%,#06191d00 78%),linear-gradient(0deg,#06191d80,transparent 65%);z-index:-1}.lake-scene figcaption{padding-block:64px}.lake-scene .overline{color:#e7d1ab}.lake-scene h2{max-width:520px}.lake-scene figcaption>p:last-child{max-width:420px;margin-top:22px;color:#f4f3ef}.scene-credit{padding:9px max(24px,calc((100% - 1200px)/2));background:var(--night);color:#bfccd0;font-size:11px;text-align:right}.morning-section{padding-block:52px 0}.morning-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.morning-heading h3{font-size:32px}.morning-heading p{max-width:590px;margin-top:12px;color:var(--muted);font-size:15px}.morning-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:850px;margin-inline:auto}.morning-photos figure{min-width:0}.morning-photos img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.morning-photos .photo-open{aspect-ratio:3/4}.morning-photos figcaption{font-size:14px;color:var(--muted);margin-top:12px}.morning-controls{display:none;gap:10px;flex-shrink:0}.morning-controls button{display:grid;place-items:center;min-width:46px;min-height:46px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:23px;line-height:1}.morning-controls button:disabled{opacity:.35;cursor:default}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-grid img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.story-grid .story-crane img{object-position:50% 74%}.story-grid .story-afloat img{object-position:center 58%}.photo-open{display:block;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;background:#dce4e4;color:inherit;aspect-ratio:4/3}.photo-open img{transition:transform .3s}.photo-open:hover img{transform:scale(1.025)}.story-grid figcaption{margin-top:15px;font-size:14px}.story-bottom{margin-top:24px}.story-bottom .source{margin-bottom:18px}.story-film{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-film summary{font-size:14px}.story-film-content{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:0 0 24px}.story-film-content>div{max-width:520px}.story-film-content .button{margin-top:20px}.story-film video{width:260px;flex:0 0 auto;max-width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#000}.story-film-status{font-size:14px;margin-top:12px}.gift-section{background:var(--night);color:var(--cream);--muted:#c3d0d3;padding-block:64px}.gift-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.gift-grid>img{width:100%;aspect-ratio:4/3;object-fit:cover}.gift-grid .overline{color:var(--gold)}.gift-grid h2{margin-bottom:22px}.gift-grid .button{margin-top:24px}.gift-note{margin-top:17px;max-width:480px}.visit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.visit-address h3{font-size:29px}.visit-address address{margin:20px 0}.visit-address .small-note{margin-top:12px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq details p{color:var(--muted);font-size:15px}.faq details .text-link{margin-bottom:15px}.stay-longer{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}.stay-longer h3{font-size:25px}.stay-longer p{font-size:14px;color:var(--muted);margin-top:12px}.stay-longer .text-link{margin-top:8px}.final-cta{background:var(--night);color:var(--cream);--muted:#c3d0d3;padding-block:64px}.final-cta>.wrap{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:72px}.final-cta h2{max-width:650px}.final-cta p:not(.overline){margin-top:20px;color:#c3d0d3}.final-cta .overline{color:var(--gold)}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.actions .button{min-width:260px}.actions .text-link{color:#e4d4b7}
footer{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;background:var(--night);color:#c3d0d3;border-top:1px solid #ffffff20;padding:44px max(48px,calc((100% - 1200px)/2)) 52px;font-size:14px}footer .wordmark{color:var(--cream);margin-bottom:18px}footer a{display:block;min-height:32px}footer .brand-family a{display:inline}footer address{margin-bottom:14px}footer .footer-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.brand-family{font-size:13px}.mobile-book{display:none}.lightbox{border:1px solid #ffffff30;padding:24px;background:var(--night);color:var(--cream);max-width:min(1100px,94vw);max-height:94svh;width:max-content}.lightbox::backdrop{background:#071117e8}.lightbox img{max-height:70svh;width:auto;max-width:100%;object-fit:contain;margin:auto}.lightbox p{font-size:14px;max-width:700px;margin:18px auto 0}.lightbox-close{position:absolute;right:12px;top:12px;font-size:30px;width:44px;height:44px;color:var(--cream);background:var(--night);border:1px solid #ffffff60}.lightbox-controls{display:flex;justify-content:center;gap:16px;margin-top:14px}.lightbox-controls button{min-width:52px;min-height:44px;font-size:22px;background:transparent;color:var(--cream);border:1px solid #ffffff60}
@media(max-width:1000px){.header{min-height:76px}.menu{display:flex;position:relative;flex-direction:column;justify-content:center;gap:5px;width:74px;height:46px;padding:8px 46px 8px 0;background:transparent;border:0;color:var(--cream)}.menu span{width:22px;height:1px;background:currentColor}.menu em{position:absolute;left:31px;font-size:14px;font-style:normal}.header nav{display:none;position:absolute;inset:76px 0 auto;background:var(--night);padding:20px 28px 30px;border-bottom:1px solid #ffffff30;box-shadow:0 16px 32px #0005}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav .nav-book{margin-top:12px;justify-content:center}.wrap{width:calc(100% - 64px)}.section{padding-block:64px}.section-heading{gap:32px}.tour-panel{grid-template-columns:1fr 1fr}.tour-image{min-height:460px;aspect-ratio:auto}.tour-copy{padding:28px}.package-stage{gap:30px;padding:30px}.duration-box{padding-left:28px}.package-information{padding-inline:30px}.gift-grid{gap:32px}.visit-grid{gap:40px}.final-cta>.wrap{gap:40px}footer{padding-inline:32px}}
@media(max-width:700px){.lake-scene{min-height:440px}.lake-scene>img{object-position:62% 50%}.lake-scene::before{background:linear-gradient(0deg,#06191deb,transparent 100%)}.lake-scene figcaption{padding-block:36px}.lake-scene h2{max-width:270px}.lake-scene figcaption>p:last-child{font-size:15px;max-width:310px;margin-top:18px}.scene-credit{padding:9px 20px;font-size:10px}.morning-section{padding-top:32px}.morning-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:20px}.morning-heading h3{font-size:29px}.morning-heading p{font-size:14px;max-width:400px}.morning-controls{display:flex}.morning-photos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#88999a transparent;padding-bottom:14px}.morning-photos figure{scroll-snap-align:start}.morning-photos .photo-open{aspect-ratio:3/4}.morning-photos figcaption{font-size:13px;line-height:1.5;margin-top:10px}.morning-photos .photo-open:focus-visible{outline-offset:-5px}
:root{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding-block:48px}section[id],details[id],#wissen{scroll-margin-top:24px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}h2{font-size:34px;line-height:1.12}h3{font-size:29px}.overline{font-size:11px;margin-bottom:12px;letter-spacing:.11em}.section-heading>p,.section-heading>div>p:not(.overline){font-size:15px}.header{padding-inline:24px}.wordmark{font-size:27px}.facts{grid-template-columns:1fr 1fr;gap:22px 20px;padding-block:26px}.facts b{font-size:15px}.facts span{font-size:12px;line-height:1.5}.tour-tabs button{padding:14px 12px;justify-content:center;gap:7px;min-height:54px;font-size:15px}.tour-panel{grid-template-columns:1fr}.tour-image{min-height:0;aspect-ratio:4/3}.tour-copy{padding:26px 24px 24px;min-height:360px}.tour-copy h3{font-size:29px;margin-bottom:15px}.tour-copy>p:not(.overline){font-size:15px}.tour-copy .tour-note{margin:16px 0 12px;font-size:14px}.advisor{padding-inline:20px;margin-bottom:18px}.advisor summary{font-size:15px}.advisor form{grid-template-columns:1fr;gap:18px}.advisor form .button{width:100%;justify-self:stretch}.package-tabs{display:none}.package-mobile{display:block;padding:22px 22px 0}.package-stage{grid-template-columns:1fr;gap:25px;padding:26px 22px}.package-detail h3{font-size:32px}.package-copy{font-size:15px}.package-included{margin-top:18px;padding-top:18px}.package-included>p+p{font-size:14px}.package-features{font-size:14px}.duration-box{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.price-row{margin-top:24px}.price-row strong{font-size:40px}.book-link{font-size:15px;padding:13px 16px;gap:12px;margin-top:20px}.package-information{padding:0 22px 8px}.included summary{font-size:14px;min-height:62px}.extras-list{grid-template-columns:1fr;font-size:14px}.advisor-message{margin:20px 22px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius)}th,td{padding:10px 4px;font-size:13px}.story-grid{grid-template-columns:1fr;gap:24px}.story-grid figcaption{margin-top:11px}.story-grid img,.photo-open{aspect-ratio:4/3}.story-bottom{margin-top:22px}.story-film-content{flex-direction:column;gap:22px}.story-film video{align-self:center}.gift-section{padding-block:40px}.gift-grid{grid-template-columns:1fr;gap:28px}.gift-grid h2{margin-bottom:18px}.gift-grid .button{width:100%}.gift-grid>img{aspect-ratio:3/2}.gift-note{font-size:12px}.visit-grid{grid-template-columns:1fr;gap:32px}.visit-address h3{font-size:27px}.visit-address address{font-size:15px;margin:18px 0}.stay-longer{padding-top:22px;margin-top:22px}.stay-longer h3{font-size:25px}.faq summary{font-size:15px;min-height:64px}.final-cta{padding-block:44px}.final-cta>.wrap{grid-template-columns:1fr;gap:28px}.final-cta h2{font-size:34px}.actions{align-items:stretch}.actions .button{min-width:0}.actions .text-link{align-self:flex-start}footer{grid-template-columns:1fr 1fr;gap:28px;padding:36px 20px calc(100px + env(safe-area-inset-bottom));font-size:13px}.footer-brand{grid-column:1/-1}.footer-brand .wordmark{margin-bottom:12px}footer a{min-height:36px}.mobile-book{position:fixed;inset:auto 0 0;z-index:15;display:block;background:var(--gold);color:var(--night);padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #0002;transition:transform .2s}.mobile-book a{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--night);text-decoration:none;min-height:40px}.mobile-book a>span{font-size:12px;line-height:1.4;max-width:120px}.mobile-book b{font-size:15px;font-weight:400;display:flex;align-items:center;gap:10px}.mobile-book b [aria-hidden]{font-size:20px}.lightbox{padding:16px;max-width:94vw}.lightbox img{max-height:65svh}.lightbox p{font-size:13px}}
@media(max-width:360px){h2{font-size:32px}.tour-copy{padding:24px 20px}.tour-tabs button{gap:6px;padding-inline:8px}.package-mobile{padding-inline:18px}.package-stage{padding-inline:18px}.package-information{padding-inline:18px}.advisor{padding-inline:18px}.advisor-message{margin-inline:18px}.final-cta h2{font-size:32px}.mobile-book{padding-inline:16px}.mobile-book a>span{max-width:100px}.mobile-book b{font-size:14px;gap:8px}.package-detail h3{font-size:30px}}
.legal-body .legal{width:min(840px,calc(100% - 48px));margin:auto;padding:144px 0 72px;min-height:65vh}.legal h1{font-size:clamp(25px,4.5vw,48px);line-height:1.15;letter-spacing:-.035em;margin-bottom:28px}.legal h2{font-size:clamp(25px,3vw,34px);margin:36px 0 18px}.legal h3{font-size:25px;margin:28px 0 14px}.legal p{margin-bottom:18px}.legal ul{margin-block:16px 24px}.legal-back{display:inline-flex;min-height:48px;align-items:center;margin-top:20px}.legal-body footer{padding-bottom:44px}@media(max-width:700px){.legal-body .legal{padding-top:120px;padding-bottom:48px;font-size:15px}}@media(max-width:360px){.legal-body .legal{width:calc(100% - 36px)}.legal h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.guest-voices{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.voices-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.voices-heading h3{font-size:30px}
.review-score{display:flex;align-items:baseline;gap:12px;flex-shrink:0}
.review-score strong{font:400 25px/1.2 var(--serif)}
.review-score span{font-size:13px;color:var(--muted)}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.review-grid blockquote{margin:0;padding-left:20px;border-left:2px solid #c6ae84}
.review-grid blockquote p{font:400 21px/1.45 var(--serif);text-wrap:pretty}
.review-grid cite{display:block;margin-top:12px;font-style:normal;font-size:13px;color:var(--muted)}
.review-grid cite a{display:inline-block;min-height:32px;padding-block:6px;text-decoration:none}
.review-grid cite a:hover{text-decoration:underline}
.review-source{margin-top:20px;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.tour-panel{grid-template-columns:1fr}.tour-image{min-height:0;aspect-ratio:4/3}.tour-copy{padding:32px}.voices-heading{align-items:flex-start}.review-score{flex-direction:column;gap:4px}}
@media(max-width:700px){.tour-copy{padding:26px 24px 24px}.guest-voices{margin-top:28px;padding-top:26px}.voices-heading{flex-direction:column;gap:14px;margin-bottom:24px}.voices-heading h3{font-size:28px}.review-score{flex-direction:row;align-items:baseline;gap:12px}.review-grid{grid-template-columns:1fr;gap:22px}.review-grid blockquote{padding-left:16px}.review-grid blockquote p{font-size:20px}.review-grid cite{margin-top:7px}.review-source{margin-top:18px}}
@media(max-width:360px){.tour-copy{padding:24px 20px}.review-score{gap:10px}.review-score span{font-size:12px}}
/* saalespa-intro-v2.css */
#spa-cinema.spa-intro{--intro-night:#0b1c24;--intro-cream:#f4f3ef;--intro-gold:#dbbd8b;background:var(--intro-night);color:var(--intro-cream);isolation:isolate}
#spa-cinema.spa-intro *{box-sizing:border-box}
#spa-cinema .spa-intro-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;max-width:1360px;margin:auto;padding:112px clamp(24px,5vw,76px) 32px;min-height:740px;gap:clamp(24px,4vw,64px)}
#spa-cinema .spa-intro-media{position:relative;grid-column:2;grid-row:1;width:min(100%,calc((100svh - 148px)*.5625));min-width:285px;max-width:430px;aspect-ratio:9/16;justify-self:center;overflow:hidden;background:#0b1c24;border:1px solid #dbbd8b24}
#spa-cinema :is(video,.spa-intro-poster){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
#spa-cinema .spa-intro-poster{z-index:1;opacity:1;transition:opacity .28s ease;pointer-events:none}
#spa-cinema.film-ready .spa-intro-poster{opacity:0}
#spa-cinema .spa-intro-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0b1c2410 0,transparent 30%,transparent 85%,#0b1c2470)}
#spa-cinema .spa-intro-copy{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:36px 0 58px;gap:clamp(48px,7vh,88px);z-index:3}
#spa-cinema .spa-intro-eyebrow{font:500 11px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--intro-gold);margin:0 0 25px;max-width:390px}
#spa-cinema h1{font:400 clamp(42px,5.45vw,78px)/1.055 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:0;max-width:none;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
#spa-cinema h1 :is(span,em){display:block}
#spa-cinema h1 em{font-weight:400;color:#eed8b4}
#spa-cinema .spa-intro-lede{font:400 17px/1.7 var(--sans,Arial,sans-serif);color:#ccd9dc;margin:28px 0 0}
#spa-cinema .spa-intro-booking{width:min(100%,330px)}
#spa-cinema .spa-intro-capacity span{display:block;margin-top:3px;color:#ead8b8}
#spa-cinema .spa-intro-capacity{font:400 13px/1.5 var(--sans,Arial,sans-serif);color:#e2e8e7;margin:0 0 16px}
#spa-cinema .spa-intro-book{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:14px 22px;border:1px solid var(--intro-gold);border-radius:4px;background:var(--intro-gold);color:#10232b;text-decoration:none;font:500 16px/1.4 var(--sans,Arial,sans-serif);transition:background .2s}
#spa-cinema .spa-intro-book:hover{background:#ecd6b0}
#spa-cinema .spa-intro-book [aria-hidden]{font-size:22px;line-height:1}
#spa-cinema .spa-intro-gift{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:50px;margin-top:10px;padding:10px 18px;border:1px solid #dbbd8b9c;border-radius:4px;background:#0b1c24bb;color:#f5e4c6;text-decoration:none;font:500 14px/1.4 var(--sans,Arial,sans-serif);transition:background .2s,border-color .2s}
#spa-cinema .spa-intro-gift:hover{background:#dbbd8b1f;border-color:var(--intro-gold)}
#spa-cinema .spa-intro-gift [aria-hidden]{font-size:20px;line-height:1}
#spa-cinema .spa-intro-discover{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:5px;padding:10px 2px;text-decoration:none;font:400 14px/1.5 var(--sans,Arial,sans-serif);color:#f0e5d2}
#spa-cinema .spa-intro-discover:hover{text-decoration:underline;text-underline-offset:5px}
#spa-cinema :is(a,button):focus-visible{outline:3px solid #a7dce9;outline-offset:5px}
#spa-cinema .spa-intro-controls{position:absolute;left:clamp(24px,5vw,76px);bottom:31px;z-index:4;display:flex;align-items:center;gap:16px;color:#d0dce0;font:400 11px/1 var(--sans,Arial,sans-serif)}
#spa-cinema .spa-intro-controls[hidden]{display:none}
#spa-cinema #spa-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid #d9e1df42;border-radius:4px;background:#0b1c24bb;color:#f4f3ef;font:400 14px/1.2 var(--sans,Arial,sans-serif);cursor:pointer;backdrop-filter:blur(8px)}
#spa-cinema [data-play-icon]{font-size:17px;min-width:14px;text-align:center}
#spa-cinema #spa-clock{white-space:nowrap;font-variant-numeric:tabular-nums}
#spa-cinema .spa-intro-progress{width:62px;height:2px;background:#ffffff2b;overflow:hidden}
#spa-cinema .spa-intro-progress i{display:block;width:100%;height:100%;background:var(--intro-gold);transform:scaleX(0);transform-origin:left center}
#spa-cinema .spa-intro-note{max-width:1360px;margin:auto;padding:5px clamp(24px,5vw,76px) 20px;color:#a9bec5;font:400 10px/1.6 var(--sans,Arial,sans-serif)}
#spa-cinema #spa-status{margin:5px 0 0;color:#f0d7b1;font-size:12px;max-width:570px}
#spa-cinema #spa-status:empty{display:none}
@media(min-width:1001px) and (max-width:1240px){.header{padding-inline:28px}.header nav{gap:14px;font-size:13px}.header .nav-book{padding-inline:12px}}
@media(max-width:900px){#spa-cinema .spa-intro-stage{padding-top:92px;padding-inline:28px;gap:24px}#spa-cinema .spa-intro-copy{gap:42px}#spa-cinema .spa-intro-controls{left:28px}body.spa-intro-ready.spa-intro-in-view .mobile-book{visibility:hidden;pointer-events:none;transform:translateY(100%)}#spa-cinema .spa-intro-eyebrow{font-size:10px;letter-spacing:.13em}}
@media(max-width:700px){
 #spa-cinema .spa-intro-stage{display:block;height:100svh;min-height:560px;max-height:1040px;padding:0;overflow:hidden}
 #spa-cinema .spa-intro-media{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:none;aspect-ratio:auto;border:0}
 #spa-cinema :is(video,.spa-intro-poster){object-fit:contain}
 #spa-cinema .spa-intro-shade{background:linear-gradient(180deg,#0b1c24ef 0,#0b1c24a8 13%,#0b1c2466 29%,transparent 47%,transparent 61%,#0b1c2499 76%,#0b1c24f5 91%,#0b1c24 100%)}
 #spa-cinema .spa-intro-copy{position:relative;height:100%;padding:112px max(24px,env(safe-area-inset-right)) calc(25px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));justify-content:space-between;gap:28px;pointer-events:none}
 #spa-cinema .spa-intro-copy a{pointer-events:auto}
 #spa-cinema .spa-intro-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:16px;color:#ead8b8}
 #spa-cinema h1{font-size:clamp(38px,10.2vw,64px);line-height:1.08;letter-spacing:-.035em;text-shadow:0 2px 18px #00000050}
 #spa-cinema .spa-intro-lede{display:none}
 #spa-cinema .spa-intro-booking{width:100%;max-width:none}
 #spa-cinema .spa-intro-capacity{font-size:13px;margin-bottom:13px;text-shadow:0 1px 8px #000}
 #spa-cinema .spa-intro-book{min-height:53px;padding:14px 19px}
 #spa-cinema .spa-intro-discover{justify-content:center;gap:16px;min-height:44px;margin-top:6px}
 #spa-cinema .spa-intro-controls{left:max(24px,env(safe-area-inset-left));bottom:calc(207px + env(safe-area-inset-bottom));gap:13px;text-shadow:0 1px 6px #000}
 #spa-cinema #spa-play{background:#0b1c24cf;border-color:#eff2e354}
 #spa-cinema .spa-intro-progress{width:46px}
 #spa-cinema .spa-intro-note{font-size:10px;padding:7px 24px 18px;text-align:center}
}
@media(max-width:360px){#spa-cinema .spa-intro-copy{padding-top:96px;padding-inline:20px}#spa-cinema .spa-intro-eyebrow{font-size:10px;letter-spacing:.06em}#spa-cinema h1{font-size:36px}#spa-cinema .spa-intro-controls{left:20px}}
@media(prefers-reduced-motion:reduce){#spa-cinema *,body.spa-intro-ready .mobile-book{transition:none!important;animation:none!important}}
/* cinematic-sections.css */
/* Progressive motion for the existing experience sections. Content remains visible without JS. */
[data-cinema-section]{position:relative;isolation:isolate}
[data-cinema-section] > :not(.cinema-ambient):not(.cinema-progress){position:relative;z-index:1}
[data-cinema-section="restaurant"]{--cinema-rgb:204,149,97}
[data-cinema-section="spa"]{--cinema-rgb:204,171,117}
[data-cinema-section="moments"]{--cinema-rgb:181,139,91}
[data-cinema-section="travel"]{--cinema-rgb:90,138,129}
.cinema-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 58% 43% at var(--cinema-x,40%) 37%,rgba(var(--cinema-rgb),.16),transparent 74%);transform:translate3d(0,var(--cinema-shift,0px),0);will-change:transform}
.cinema-progress{position:absolute;z-index:3;top:0;left:0;width:var(--cinema-line,0%);height:2px;pointer-events:none;background:rgba(var(--cinema-rgb),.8)}
.cinema-ready .cinema-heading:not(.cinema-visible),
.cinema-ready .cinema-item:not(.cinema-visible){opacity:0;translate:0 28px}
.cinema-ready .cinema-heading,.cinema-ready .cinema-item{transition:opacity .72s ease,translate .78s cubic-bezier(.2,.75,.2,1);transition-delay:var(--cinema-delay,0ms)}
.cinema-ready .cinema-item.cinema-visible,.cinema-ready .cinema-heading.cinema-visible{opacity:1;translate:0 0}
@media (hover:hover) and (pointer:fine){
 .cinema-ready .cinema-has-active .cinema-item:not(.cinema-active){filter:brightness(.78) saturate(.85)}
 .cinema-ready .cinema-item{transition:opacity .72s ease,translate .78s cubic-bezier(.2,.75,.2,1),filter .35s ease}
 .cinema-ready .cinema-item.cinema-active{filter:brightness(1.04) saturate(1.06)}
}
[data-cinema-section] .cinema-item:focus-visible{outline:3px solid rgba(var(--cinema-rgb),.9);outline-offset:4px}
.cinema-updated{animation:cinema-focus .58s cubic-bezier(.2,.75,.2,1)}
@keyframes cinema-focus{0%{filter:brightness(1.14);transform:translateY(5px)}100%{filter:brightness(1);transform:translateY(0)}}
@media(max-width:700px){
 .cinema-ready .cinema-heading:not(.cinema-visible),.cinema-ready .cinema-item:not(.cinema-visible){translate:0 15px}
 .cinema-ambient{opacity:.55}
}
@media(prefers-reduced-motion:reduce){
 .cinema-ambient,.cinema-progress{display:none!important}
 .cinema-ready .cinema-heading,.cinema-ready .cinema-item,.cinema-updated{opacity:1!important;translate:none!important;animation:none!important;transition:none!important;filter:none!important}
}
/* experience-upgrade.css */
/* SaaleSpa experience enhancement. */
:root{--upgrade-ease:cubic-bezier(.2,.75,.2,1)}
.spa-intro-stage{--intro-exit:0}
.spa-intro-media{transform:scale(calc(1 + var(--intro-exit)*.055));transform-origin:center;will-change:transform}
.spa-intro-shade{opacity:calc(1 + var(--intro-exit)*.1)}
.spa-intro::after{content:"";display:block;position:absolute;bottom:-1px;left:0;right:0;height:90px;pointer-events:none;background:linear-gradient(transparent,var(--night));opacity:var(--intro-exit)}
.tour-image{overflow:hidden;isolation:isolate}.tour-image img{transition:opacity .58s var(--upgrade-ease),transform 1s var(--upgrade-ease);transform:scale(1.015)}.tour-image img.preview-changing{animation:preview-photo-in .7s var(--upgrade-ease)}@keyframes preview-photo-in{from{opacity:.3;transform:scale(1.055)}to{opacity:1;transform:scale(1.015)}}
.tour-copy{transition:transform .5s var(--upgrade-ease)}.tour-panel:has(.preview-changing) .tour-copy{transform:translateY(5px)}
.chooser .section-heading{margin-bottom:26px}.booking-card{box-shadow:0 22px 65px #071b1c13}.package-tabs button{transition:background .25s,color .25s,transform .25s}.package-tabs button:hover{transform:translateY(-2px)}
.preview-slots{border-top:1px solid var(--line);margin-top:23px;padding-top:22px}.preview-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.preview-slot-actions button{background:transparent;border:1px solid var(--line);color:var(--cream);text-align:left;padding:13px 14px;min-height:66px;font-size:15px;transition:background .25s,color .25s,border-color .25s}.preview-slot-actions button small{display:block;font-size:12px;margin-top:4px;opacity:.8}.preview-slot-actions button[aria-pressed="true"]{background:var(--night);border-color:var(--night);color:var(--cream)}.preview-slot-actions button:disabled{opacity:.36;cursor:not-allowed}#preview-slot-hint{font-size:13px;line-height:1.5;min-height:39px;margin:12px 0 0;color:var(--muted)}
.gift-section{border-top:1px solid var(--line)}.gift-grid img{transition:transform 1.1s var(--upgrade-ease);will-change:transform}.gift-section.preview-visible .gift-grid img{transform:scale(1.025)}
.lake-scene>img{transform:translate3d(0,var(--lake-drift,0px),0) scale(1.08);will-change:transform}.lake-scene figcaption{transform:translate3d(0,var(--lake-copy,0px),0)}
.morning-photos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto}
@media(max-width:700px){
 .morning-photos{grid-template-columns:none;max-width:none}
 .mobile-book{padding:0;background:var(--night);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -7px 30px #0004}
 .mobile-book a{min-height:66px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--cream);gap:7px}
 .mobile-book a.preview-mobile-book{background:var(--gold);color:var(--night)}
 .mobile-book a.preview-mobile-gift{border-left:1px solid #ffffff40}
 .package-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:14px 15px 0;gap:7px}.package-tabs::-webkit-scrollbar{display:none}.package-tabs button{flex:0 0 auto;min-height:46px;padding:10px 15px;white-space:nowrap}
 .package-stage{padding-top:22px}
 .preview-slot-actions button{font-size:14px;padding:12px}
}
@media(prefers-reduced-motion:reduce){.spa-intro-media,.lake-scene>img,.lake-scene figcaption,.tour-image img,.gift-grid img{transform:none!important;transition:none!important;animation:none!important}}
/* Preserve hidden controls for the live package script; the visible choices are its existing tabs. */
.chooser .advisor,.chooser .package-mobile{display:none!important}

/* V2: motion and selection polish in the existing sections. */
.tour-section{--tour-drift:0px;--tour-step:25%;position:relative}
.tour-section .tour-image img{transform:translate3d(0,var(--tour-drift),0) scale(1.085);transition:opacity .55s var(--upgrade-ease),transform .7s var(--upgrade-ease)}
.tour-section .tour-tabs{position:relative}
.tour-section .tour-tabs::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:var(--tour-step);background:var(--gold);transition:width .65s var(--upgrade-ease);pointer-events:none}
.tour-section .tour-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;transition:background .3s,color .3s}
.tour-section .tour-tabs button::after{content:attr(data-hint);display:block;font-size:11px;letter-spacing:.02em;opacity:.78;font-weight:400}
.preview-motion-ready .tour-section .section-heading:not(.preview-entered),.preview-motion-ready .guest-voices:not(.preview-entered),.preview-motion-ready .gift-grid>div:not(.preview-entered){opacity:0;transform:translateY(22px)}
.tour-section .section-heading,.guest-voices,.gift-grid>div{transition:opacity .8s var(--upgrade-ease),transform .8s var(--upgrade-ease)}
.preview-motion-ready .preview-entered{opacity:1;transform:translateY(0)}
.package-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;padding-left:16px;min-height:85px;font-weight:600;line-height:1.2}
.package-tabs button::after{content:attr(data-from);display:block;font-size:12px;font-weight:400;opacity:.78}
.package-tabs button.active::after{opacity:.9}
.preview-slots .field-label{color:var(--cream)}.preview-slot-actions button{border-color:#aec4c780}.preview-slot-actions button[aria-pressed="true"]{background:var(--gold);color:var(--night);border-color:var(--gold)}
#preview-slot-hint{color:#d0dadd}
@media(max-width:700px){.package-tabs{scroll-snap-type:x proximity;padding-bottom:0}.package-tabs button{min-height:64px;min-width:115px;scroll-snap-align:start;padding-inline:13px}.tour-section .tour-tabs button{align-items:center;text-align:center}.tour-section .tour-tabs button::after{display:none}.tour-section .tour-image img{transform:translate3d(0,var(--tour-drift),0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.tour-section .tour-image img{transform:none!important}.tour-section .tour-tabs::after,.package-tabs button{transition:none!important}.preview-motion-ready .tour-section .section-heading,.preview-motion-ready .guest-voices,.preview-motion-ready .gift-grid>div{opacity:1!important;transform:none!important}}

/* V3: one choice in the existing on-board tour guides the existing package selector. */
.moment-guide{margin:0 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0 22px}.moment-guide-prompt{font:400 26px/1.2 var(--serif);margin:0 0 17px;color:var(--ink)}.moment-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.moment-options button{min-height:82px;text-align:left;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:14px 16px;position:relative;transition:background .28s var(--upgrade-ease),color .28s var(--upgrade-ease),transform .28s var(--upgrade-ease)}.moment-options button span{display:block;font:400 22px/1.08 var(--serif)}.moment-options button small{display:block;font-size:12px;line-height:1.3;margin-top:7px;color:var(--muted)}.moment-options button:hover{transform:translateY(-3px)}.moment-options button[aria-pressed="true"]{background:var(--night);color:var(--cream);border-color:var(--night)}.moment-options button[aria-pressed="true"] small{color:#d2d8d5}.moment-result{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);margin-top:17px;padding-top:16px}.moment-result[hidden]{display:none}.moment-result p{margin:0;display:flex;flex-direction:column;gap:3px}.moment-result-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#735f45}.moment-result-name{font:400 28px/1.1 var(--serif)}.moment-result-detail{font-size:13px;color:var(--muted)}.moment-result a{flex-shrink:0;display:inline-flex;align-items:center;gap:13px;background:var(--gold);color:var(--night);padding:12px 17px;min-height:46px;text-decoration:none;font-size:13px;font-weight:600}
.lake-scene .lake-light{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.46;pointer-events:none;mix-blend-mode:screen}
@media(max-width:1000px){.moment-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.moment-guide{margin-bottom:24px}.moment-guide-prompt{font-size:24px}.moment-options{gap:7px}.moment-options button{padding:12px;min-height:78px}.moment-options button span{font-size:19px}.moment-options button small{font-size:11px}.moment-result{align-items:stretch;flex-direction:column}.moment-result a{justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.moment-options button{transition:none!important;transform:none!important}.lake-scene .lake-light{display:none}}

.lake-scene figcaption{position:relative;z-index:1}
/* The existing three historical photographs become a short scroll narrative. */
.story-grid{display:block;position:relative;max-width:1100px;margin-inline:auto;isolation:isolate}
.story-grid figure{position:sticky;top:76px;min-height:min(72svh,650px);height:min(72svh,650px);overflow:hidden;margin:0;background:var(--night);box-shadow:0 22px 45px #04131735}
.story-grid figure:nth-child(1){z-index:1}.story-grid figure:nth-child(2){z-index:2}.story-grid figure:nth-child(3){z-index:3}
.story-grid img,.story-grid .photo-open{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;transform:translate3d(0,var(--story-y,0px),0) scale(1.06);filter:brightness(.78)}
.story-grid figure::after{content:"";position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(transparent,#041a23b5)}
.story-grid figcaption{position:absolute;z-index:1;left:5%;bottom:7%;right:5%;margin:0!important;color:var(--cream);font:400 clamp(32px,4.4vw,60px)/1.08 var(--serif);letter-spacing:-.02em}
.story-grid figure+figure{margin-top:18vh}
.story-bottom{position:relative;z-index:4;background:var(--cream);padding-top:25px}
@media(max-width:700px){.story-grid figure{top:68px;height:52svh;min-height:360px}.story-grid figure+figure{margin-top:9vh}.story-grid figcaption{font-size:34px;bottom:8%;left:6%;right:6%}.story-grid img,.story-grid .photo-open{aspect-ratio:auto!important}}
@media(prefers-reduced-motion:reduce){.story-grid figure{position:relative;top:auto}.story-grid img,.story-grid .photo-open{transform:none!important}}

/* V4: guided package choice and tactile on-board tour. */
.moment-options{grid-template-columns:repeat(5,minmax(0,1fr))}
.moment-duration{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.moment-duration[hidden]{display:none}
.moment-duration>span{font-size:14px;font-weight:600;color:var(--ink)}
.moment-duration-options{display:flex;flex-wrap:wrap;gap:8px}
.moment-duration-options button{background:transparent;border:1px solid var(--line);padding:10px 14px;min-height:44px;color:var(--ink);font-size:14px;cursor:pointer}
.moment-duration-options button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--night);font-weight:600}
.moment-result-reason{font-size:13px;line-height:1.45;color:var(--ink);margin-top:3px}
.tour-image{position:relative}
.tour-image-controls{position:absolute;bottom:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;text-shadow:0 1px 8px #061719;padding:0 2px;pointer-events:none}
.tour-image-controls>span{font-size:13px;letter-spacing:.02em;background:#061719ba;padding:10px 13px}
.tour-image-controls>div{display:flex;gap:5px;pointer-events:auto}
.tour-image-controls button{width:46px;height:46px;border:1px solid #ffffff7d;background:#061719c7;color:#fff;font-size:22px;cursor:pointer;transition:background .2s}
.tour-image-controls button:hover,.tour-image-controls button:focus-visible{background:var(--gold);color:var(--night)}
@media(max-width:1000px){.moment-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.moment-options{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-options button:last-child{grid-column:1/-1}.moment-options button small{font-size:12px}.moment-result-reason{font-size:14px}.tour-image-controls{left:10px;right:10px;bottom:10px}.tour-image-controls>span{font-size:12px}}


/* Four distinct original photographs form one interactive walk through the boat. */
.tour-section{--tour-accent:#dbbd8b}.tour-image{position:relative}.tour-image::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(5,24,29,.68));pointer-events:none}.tour-scene-caption{position:absolute;left:clamp(16px,3vw,36px);bottom:clamp(64px,8vw,88px);right:20%;z-index:3;color:#fff;display:grid;gap:7px;text-shadow:0 2px 16px #001b26aa;pointer-events:none}.tour-scene-caption span{color:#f0ce97;letter-spacing:.2em;font-size:11px}.tour-scene-caption strong{font:400 clamp(22px,3vw,37px)/1.12 var(--serif);max-width:360px;text-wrap:balance}.tour-image-controls{z-index:4}.tour-tabs button .package-occasion{display:none}.package-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.package-tabs .package-occasion{display:block;font:400 11px/1.2 var(--sans,Arial,sans-serif);opacity:.75;text-align:center}.tour-section .tour-tabs::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#dbbd8b48}.tour-image img.preview-changing{animation:tour-scene-arrive .75s var(--upgrade-ease)}@keyframes tour-scene-arrive{from{opacity:.42;filter:brightness(.7);transform:scale(1.055)}to{opacity:1;filter:brightness(1);transform:scale(1.015)}}
@media(max-width:700px){.tour-scene-caption{bottom:66px;right:14px}.tour-scene-caption strong{font-size:23px}.package-tabs button{min-width:125px;padding:10px 13px;white-space:normal;min-height:67px}.package-tabs .package-occasion{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tour-image img.preview-changing{animation:none!important}}

/* The meal after the boat has its own visual moment. */
.restaurant-section{background:#e7e3d8;color:#142f39;padding:clamp(64px,8vw,120px) 0}.restaurant-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,7vw,112px);align-items:center}.restaurant-copy{max-width:510px}.restaurant-copy .overline{color:#6b5135}.restaurant-copy h2{font:400 clamp(40px,5vw,72px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:16px 0 30px}.restaurant-copy>p:not(.overline){font-size:clamp(16px,1.35vw,19px);line-height:1.65}.restaurant-copy .restaurant-note{font-size:13px!important;line-height:1.5!important;color:#556367;margin-top:22px}.restaurant-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:32px}.restaurant-actions .text-link{color:#142f39}.restaurant-grid figure{margin:0;position:relative}.restaurant-grid img{display:block;width:100%;height:clamp(380px,44vw,620px);object-fit:cover}.restaurant-grid figcaption{position:absolute;right:0;bottom:0;background:#0b1c24;color:#f4f3ef;padding:12px 18px;font-size:12px;letter-spacing:.05em}@media(max-width:780px){.restaurant-grid{grid-template-columns:1fr}.restaurant-grid img{height:auto;aspect-ratio:4/3}.restaurant-actions{align-items:stretch}.restaurant-actions .button{width:100%;justify-content:space-between}}

/* Film-to-facts bridge: the facts remain part of the dark opening scene. */
.facts-bridge{background:var(--night);color:var(--cream);border-top:1px solid rgba(219,189,139,.55);position:relative}.facts-bridge::before{content:"";position:absolute;top:-1px;left:max(20px,calc((100vw - 1200px)/2));width:88px;height:2px;background:var(--gold)}.facts-bridge .facts{padding-block:clamp(26px,3vw,42px);border-bottom:0;gap:0}.facts-bridge .facts p{margin:0;padding:4px clamp(18px,2.4vw,34px);border-left:1px solid rgba(219,189,139,.3)}.facts-bridge .facts p:first-child{padding-left:0;border-left:0}.facts-bridge .facts b{font:400 clamp(18px,1.6vw,23px)/1.15 var(--serif);color:var(--cream)}.facts-bridge .facts span{font-size:12px;line-height:1.5;color:#bccbd0;margin-top:8px}@media(max-width:700px){.facts-bridge .facts{gap:0;padding-block:18px}.facts-bridge .facts p{padding:14px 10px 14px 0;border-left:0;border-top:1px solid rgba(219,189,139,.22)}.facts-bridge .facts p:nth-child(even){padding-left:14px;border-left:1px solid rgba(219,189,139,.22)}.facts-bridge .facts p:nth-child(-n+2){border-top:0}.facts-bridge .facts b{font-size:18px}.facts-bridge .facts span{font-size:11px;margin-top:6px}}
/* booking-upgrade.css */
/* The existing SaaleSpa arrangement panel now carries live price and availability. */
.atmosphere .lake-scene{min-height:clamp(430px,67vh,690px)}
.atmosphere-morning{background:var(--cream);padding-bottom:38px}
.atmosphere-morning .morning-section{padding-top:54px}
.price-preview,.next-dates{margin-top:24px;border-top:1px solid #d6c4a269;padding-top:20px}
.preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.preview-heading strong{font:400 23px/1.2 var(--serif);color:var(--cream)}
.preview-heading span,.next-dates .preview-heading span{font-size:13px;color:#d4dedf;line-height:1.5}
.preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.preview-fields label{display:flex;flex-direction:column;gap:6px;color:#e2e9e8;font-size:13px}
.preview-fields select{width:100%;min-height:44px;border:1px solid #a8bdc0;background:#112d37;color:#f4f3ef;padding:8px 10px;border-radius:2px;font:inherit}
.preview-fields label[hidden]{display:none}
.preview-price-hint{font-size:13px;line-height:1.5;color:#d4dedf;margin:12px 0}
.preview-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #ffffff40;padding-top:14px;margin-top:15px;color:#f4f3ef}
.preview-total span{font-size:14px}.preview-total strong{font:400 clamp(26px,3vw,37px)/1 var(--serif);white-space:nowrap;color:var(--gold)}
.price-preview>small{display:block;margin-top:10px;color:#d4dedf;font-size:12px;line-height:1.5}
.next-dates-list{display:grid;gap:8px;margin-top:14px}
.next-date,.all-dates{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:9px 12px;border:1px solid #ffffff70;color:var(--cream);text-decoration:none;font-size:14px;line-height:1.35}
.next-date:hover,.next-date:focus-visible,.all-dates:hover,.all-dates:focus-visible{background:#dbbd8b;color:#0b1c24;border-color:#dbbd8b}
.all-dates{margin-top:11px;border-color:transparent;border-bottom-color:#ffffff70;padding-inline:0}
.booking-card .book-link{margin-top:20px}
@media(max-width:700px){.atmosphere .lake-scene{min-height:390px}.atmosphere-morning .morning-section{padding-top:35px}.preview-fields{gap:10px}.preview-heading strong{font-size:21px}.price-preview,.next-dates{margin-top:20px}}
@media(max-width:370px){.preview-fields{grid-template-columns:1fr 1fr}.preview-total span{max-width:140px}}
@media(prefers-reduced-motion:reduce){.atmosphere .lake-scene>img{transform:none!important}}

/* Compact quantity rows; totals are shown once below the selection. */
.price-preview .preview-fields{grid-template-columns:minmax(0,1fr);gap:0;margin-top:12px}
.price-preview .preview-fields label{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:16px;min-width:0;padding:13px 0;border-bottom:1px solid #ffffff20;font-size:15px;line-height:1.4;overflow-wrap:normal;word-break:normal}
.price-preview .preview-fields label[hidden]{display:none}
.price-preview .preview-field-copy{display:grid;gap:3px;min-width:0}
.price-preview .preview-field-name{font-weight:500;color:#f4f3ef}
.price-preview .preview-field-description,.price-preview .preview-unit-price{font-size:14px;line-height:1.45;color:#c7d8da;word-break:normal;overflow-wrap:normal}
.price-preview .preview-unit-price{color:var(--gold,#dbbd8b)}
.price-preview .preview-fields select{width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;box-sizing:border-box;border:1px solid #a8bdc080;border-radius:6px;background:#112d37;color:#f4f3ef;padding:8px 10px;font:inherit;font-size:16px}
.price-preview .preview-fields select:focus-visible{outline:2px solid var(--gold,#dbbd8b);outline-offset:3px}
.price-preview .preview-fields #preview-etagere-wrap{grid-template-columns:minmax(0,1fr)}
.price-preview .preview-fields #preview-etagere{width:100%}
.price-preview .preview-price-hint{font-size:14px;margin:16px 0}
.price-preview .preview-total{align-items:center;gap:16px;margin-top:16px;padding-top:18px}
.price-preview .preview-total span{font-size:15px;line-height:1.4}
.price-preview>small{font-size:14px;line-height:1.5}
@media(max-width:400px){.price-preview .preview-fields label{grid-template-columns:minmax(0,1fr) 72px;gap:12px}.price-preview .preview-total strong{font-size:30px}}

@media(max-width:600px){
 .price-preview .preview-fields label{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
 .price-preview .preview-fields select{width:100%}
 .price-preview .preview-total{flex-wrap:wrap}
 .spa-motion .chooser .price-preview .preview-fields,.spa-motion .chooser .price-preview .preview-price-hint,.spa-motion .chooser .price-preview .preview-total,.spa-motion .chooser .price-preview>small{margin-inline:16px}
}
/* spa-motion-base.css */
/* Isolated motion study for the existing SaaleSpa page. */
.spa-motion .motion-meter{position:fixed;z-index:1001;top:0;left:0;right:0;height:3px;background:#ffffff22;pointer-events:none}
.spa-motion .motion-meter span{display:block;width:100%;height:100%;background:#dbbd8b;transform:scaleX(0);transform-origin:left}
.spa-motion .spa-intro-media{will-change:transform}
.spa-motion .facts-bridge{position:relative;z-index:5;background:#0b222c;color:#f2eee6;overflow:hidden}
.spa-motion .facts-bridge-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,5vw,84px);align-items:stretch;padding-top:clamp(36px,5vw,70px);padding-bottom:clamp(36px,5vw,70px)}
.spa-motion .facts-bridge-content{display:flex;flex-direction:column;justify-content:center;min-width:0}
.spa-motion .bridge-eyebrow{display:flex;justify-content:space-between;gap:20px;margin:0 0 clamp(26px,4vw,54px);padding-bottom:16px;border-bottom:1px solid #d5ba8b70;color:#d9bf96;font:600 10px/1.4 "DM Sans",Arial,sans-serif;letter-spacing:.16em}
.spa-motion .facts-bridge .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px) clamp(20px,3vw,48px);padding:0;margin:0;max-width:none;background:none}
.spa-motion .facts-bridge .facts p{display:block;min-width:0;margin:0;padding:0 0 0 17px;border:0;border-left:1px solid #d5ba8b88;color:#eee9df;background:none}
.spa-motion .facts-bridge .facts b{display:block;margin:0 0 6px;color:#f3e7d3;font:400 clamp(21px,2.2vw,31px)/1.13 Georgia,serif;letter-spacing:-.035em}
.spa-motion .facts-bridge .facts span{display:block;color:#bbcacb;font:400 clamp(12px,1vw,14px)/1.5 "DM Sans",Arial,sans-serif}
.spa-motion .bridge-cta{display:flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:25px;margin-top:clamp(30px,4vw,52px);padding:13px 17px;background:#d8b988;color:#10222a;border-radius:2px;text-decoration:none;font:600 12px/1.2 "DM Sans",Arial,sans-serif;transition:background .2s,transform .2s}
.spa-motion .bridge-cta:hover,.spa-motion .bridge-cta:focus-visible{background:#f3d5a6;transform:translateY(-2px)}
.spa-motion .bridge-visual{position:relative;min-height:clamp(400px,43vw,590px);margin:0;overflow:hidden;background:#1f343a;clip-path:inset(8% 0 0 0)}
.spa-motion .bridge-visual::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071b24bb);pointer-events:none}
.spa-motion .bridge-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 52%;transform:scale(1.12);will-change:transform}
.spa-motion .bridge-visual figcaption{position:absolute;z-index:1;bottom:clamp(20px,3vw,38px);left:clamp(20px,3vw,38px);right:clamp(20px,3vw,38px);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#fff}
.spa-motion .bridge-visual figcaption span{font:600 9px/1.4 "DM Sans",Arial,sans-serif;letter-spacing:.16em;color:#dfc397;white-space:nowrap}
.spa-motion .bridge-visual figcaption strong{font:400 clamp(24px,2.5vw,38px)/1.08 Georgia,serif;text-align:right;letter-spacing:-.03em}
.spa-motion .tour-section .tour-image{will-change:clip-path}
.spa-motion .tour-section .tour-image img{will-change:transform}
.spa-motion .tour-section .tour-image img{transition:opacity .3s ease}
.spa-motion .tour-section .tour-image img.preview-changing{animation:none}
.spa-motion .tour-story-guide{display:flex;align-items:center;gap:18px;margin:0 0 14px;color:#48606a;font:600 10px/1.4 "DM Sans",Arial,sans-serif;letter-spacing:.12em}
.spa-motion .tour-story-guide>span:first-child{white-space:nowrap}
.spa-motion .tour-story-track{flex:1;display:block;height:1px;background:#a0aeae80}
.spa-motion .tour-story-track i{display:block;width:100%;height:2px;background:#b78f5c;transform:scaleX(.25);transform-origin:left}
.spa-motion .tour-story-position{white-space:nowrap;font-variant-numeric:tabular-nums}
.spa-motion .tour-panel{position:relative;isolation:isolate;box-shadow:0 24px 60px #0a2a3420}
.spa-motion .tour-section .tour-tabs button{transition:background .35s ease,color .35s ease}
.spa-motion .tour-image .tour-scene-caption strong{max-width:440px}
.spa-motion .package-stage{will-change:transform,opacity}
@media(max-width:700px){
 .spa-motion .facts-bridge-layout{display:flex;flex-direction:column;gap:0;padding-top:0;padding-bottom:38px}
 .spa-motion .bridge-visual{order:0;height:clamp(310px,80vw,420px);min-height:0;margin:0 0 34px;clip-path:none}
 .spa-motion .bridge-visual img{transform:none}
 .spa-motion .bridge-visual figcaption{left:22px;right:22px;bottom:22px}
 .spa-motion .bridge-visual figcaption strong{font-size:27px}
 .spa-motion .facts-bridge-content{order:1}
 .spa-motion .bridge-eyebrow{margin-bottom:24px;font-size:9px}
 .spa-motion .facts-bridge .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}
 .spa-motion .facts-bridge .facts p{padding-left:12px}
 .spa-motion .facts-bridge .facts b{font-size:21px}
 .spa-motion .facts-bridge .facts span{font-size:11px}
 .spa-motion .bridge-cta{width:100%;margin-top:28px}
 .spa-motion .tour-story-guide{gap:9px;margin-bottom:12px;font-size:8px;letter-spacing:.08em}
 .spa-motion .tour-section .tour-image{height:min(62svh,560px);min-height:370px;aspect-ratio:auto}
 .spa-motion .tour-section .tour-copy{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .spa-motion .motion-meter{display:none}
 .spa-motion .bridge-visual{clip-path:none!important}
 .spa-motion .bridge-visual img{transform:none!important}
 .spa-motion .tour-section .tour-image{clip-path:none!important}
}
/* spa-art-direction.css */
/* SaaleSpa art direction study: existing content, original photography and booking logic. */
.spa-motion{--art-ink:#0b2731;--art-bone:#eee8dc;--art-sand:#d8b889;--art-copper:#a47c52}
.spa-motion #spa-cinema.spa-intro{position:relative;overflow:hidden}
.spa-motion #spa-cinema.spa-intro::before{display:none}
.spa-motion #spa-cinema .spa-intro-stage{max-width:none;min-height:max(760px,calc(100svh - 80px));display:flex;align-items:center;padding:100px clamp(34px,6vw,110px) 92px;background:#071d26}
.spa-motion #spa-cinema .spa-intro-stage::before{display:none}
.spa-motion #spa-cinema .spa-intro-stage::after{content:"";position:absolute;z-index:4;left:clamp(34px,6vw,110px);right:clamp(34px,6vw,110px);bottom:73px;border-top:1px solid #e0bf8e8c;pointer-events:none}
.spa-motion #spa-cinema .spa-intro-copy{position:relative;z-index:3;width:min(64%,840px);padding:40px 0 50px;gap:clamp(46px,7vh,78px);text-shadow:0 2px 22px #061920b0}
.spa-motion #spa-cinema h1{font-size:clamp(65px,7.1vw,112px);line-height:.97;letter-spacing:-.055em;max-width:800px}
.spa-motion #spa-cinema h1 em{color:#e9c99e}
.spa-motion #spa-cinema .spa-intro-eyebrow{margin-bottom:35px;padding-left:16px;border-left:1px solid #ddb786;font-size:11px}
.spa-motion #spa-cinema .spa-intro-media{position:absolute;z-index:1;inset:0 0 0 auto;width:69%;height:100%;min-width:0;max-width:none;aspect-ratio:auto;clip-path:none;border:0;filter:none}
.spa-motion #spa-cinema :is(video,.spa-intro-poster){object-fit:cover;object-position:50% 46%}
.spa-motion #spa-cinema .spa-intro-shade{background:linear-gradient(90deg,#071d26 0%,#071d26eb 13%,#071d2694 37%,#071d2600 75%),linear-gradient(0deg,#071d26d6,transparent 28%)}
.spa-motion #spa-cinema .spa-intro-book{border-radius:100px;min-height:55px}
.spa-motion #spa-cinema .spa-intro-gift{border:0;padding-left:4px;background:transparent}
.spa-motion #spa-cinema .spa-intro-controls{bottom:29px}
.spa-motion .facts-bridge-layout{min-height:710px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(42px,6vw,100px);padding-top:58px;padding-bottom:68px}
.spa-motion .bridge-title{margin:0 0 45px;font:400 clamp(51px,5.7vw,88px)/.99 Georgia,serif;letter-spacing:-.055em;color:#f5eee3}
.spa-motion .bridge-eyebrow{margin-bottom:40px}
.spa-motion .bridge-visual{min-height:clamp(510px,45vw,650px);margin-top:0;border:0;clip-path:none}
.spa-motion .bridge-visual img{transform:scale(1.12)}
.spa-motion .bridge-cta{min-height:52px;padding-inline:21px}
.spa-motion .tour-section{background:#f2efe8}
.spa-motion .tour-section .section-heading h2{max-width:660px;font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.05em}
.spa-motion .tour-section .tour-tabs{border-color:#c5c5bb}
.spa-motion .tour-section .tour-tabs button{min-height:74px;padding-inline:24px;background:#f2efe8;color:#17323b}
.spa-motion .tour-section .tour-tabs button[aria-selected=true]{background:#d8b889;color:#102a33}
.spa-motion .tour-panel{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);height:clamp(520px,calc(100svh - 145px),760px);background:var(--art-bone);box-shadow:0 34px 70px #0a2a3429}
.spa-motion .tour-section .tour-image{height:100%;min-height:0;aspect-ratio:auto}
.spa-motion .tour-section .tour-copy{background:var(--art-bone);color:var(--art-ink);padding:clamp(38px,4.4vw,72px);--muted:#40545b;--line:#17343c34}
.spa-motion .tour-section .tour-copy .overline{color:#916a44}
.spa-motion .tour-section .tour-copy h3{font-size:clamp(38px,3.4vw,57px);line-height:1.03;letter-spacing:-.04em}
.spa-motion .tour-section .tour-copy>p:not(.overline){color:#354b51}
.spa-motion .tour-section .tour-copy .tour-note{color:#536469}
.spa-motion .tour-section .tour-copy .text-link{color:#755331;border-bottom-color:#755331}
.spa-motion .tour-story-guide{margin-block:12px 16px}
.spa-motion .chooser{background:#0c2630}
.spa-motion .chooser .section-heading h2{font-size:clamp(52px,5.2vw,82px);line-height:1;letter-spacing:-.05em}
.spa-motion .chooser .booking-card{border:0;border-radius:0;overflow:visible;background:#102b35;box-shadow:0 30px 90px #06171f66}
.spa-motion .chooser .package-tabs{border:0;gap:1px;background:#283f45}
.spa-motion .chooser .package-tabs button{min-height:86px;border:0;background:#eee8dc;color:#19323b}
.spa-motion .chooser .package-tabs button.active{background:#d8b889;color:#0b2731;box-shadow:inset 0 -4px #8d673e}
.spa-motion .chooser .package-tabs button:hover:not(.active){background:#f8f2e7}
.spa-motion .chooser .package-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;padding:0;align-items:stretch}
.spa-motion .chooser .package-detail{position:relative;min-width:0;min-height:610px;padding:clamp(34px,4.4vw,68px);background:radial-gradient(circle at 112% -25%,transparent 40%,#ac9b7a26 40.1%,transparent 40.3%,transparent 49%,#ac9b7a22 49.1%,transparent 49.3%),#eee8dc;color:#102b35}
.spa-motion .chooser .package-detail h3{font-size:clamp(49px,4.7vw,76px);line-height:1;letter-spacing:-.055em}
.spa-motion .chooser .package-detail .overline,.spa-motion .chooser .standard-note,.spa-motion .chooser .package-extra-label{color:#885e32}
.spa-motion .chooser .package-copy,.spa-motion .chooser .package-included>p+p,.spa-motion .chooser .package-features{color:#30474d}
.spa-motion .chooser .package-included{border-top-color:#243f4839}
.spa-motion .chooser .duration-box{min-width:0;margin:0;padding:clamp(34px,4.3vw,65px);border:0;background:#102b35;color:#eee8dc}
.spa-motion .chooser .package-information{padding:18px clamp(25px,4vw,56px) 22px;background:#102b35}
.spa-motion .chooser .book-link{border-radius:0}
.spa-motion .gift-section{background:#eee8dc;color:#102b35;--muted:#475b60;padding-block:clamp(75px,9vw,140px)}
.spa-motion .gift-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(36px,6vw,100px)}
.spa-motion .gift-grid>img{aspect-ratio:3/4;object-fit:cover;max-height:680px;box-shadow:24px 24px 0 #d2bea1}
.spa-motion .gift-grid h2{font-size:clamp(49px,5vw,78px);line-height:1;letter-spacing:-.05em}
.spa-motion .gift-grid .overline{color:#926b41}
.spa-motion .gift-grid>div>p:not(.overline){color:#3d5359}
.spa-motion .gift-grid .button.gold{background:#102b35;color:#eee8dc;border-color:#102b35;border-radius:0}
.spa-motion .gift-grid .button.gold:hover{background:#214754}
.spa-motion .atmosphere-morning{background:#eee8dc;color:#102b35}
.spa-motion .morning-section{padding-block:30px 100px}
.spa-motion .morning-heading h3{font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-.05em}
.spa-motion .morning-photos{max-width:1200px;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr));align-items:end;gap:28px}
.spa-motion .morning-photos figure:first-child .photo-open{aspect-ratio:4/3}
.spa-motion .morning-photos figure:first-child img{aspect-ratio:4/3;object-fit:cover}
.spa-motion .morning-photos figcaption{color:#52676b}
@media(max-width:900px){
 .spa-motion #spa-cinema .spa-intro-stage{min-height:720px;padding-inline:28px}
 .spa-motion #spa-cinema h1{font-size:clamp(52px,6.5vw,72px)}
 .spa-motion .bridge-title{font-size:clamp(48px,6vw,67px)}
 .spa-motion .tour-panel{height:auto;grid-template-columns:1fr}
 .spa-motion .tour-section .tour-image{height:auto;min-height:440px;aspect-ratio:4/3}
 .spa-motion .chooser .package-stage{grid-template-columns:1fr}
 .spa-motion .chooser .package-detail{min-height:0}
}
@media(max-width:700px){
 .spa-motion #spa-cinema.spa-intro::before{display:none}
 .spa-motion #spa-cinema .spa-intro-stage{height:100svh;min-height:560px;max-height:1040px;padding:0}
 .spa-motion #spa-cinema .spa-intro-stage::before{display:none}
 .spa-motion #spa-cinema .spa-intro-stage::after{left:24px;right:24px;bottom:20px}
 .spa-motion #spa-cinema .spa-intro-media{inset:0;width:100%;height:100%;max-width:none;clip-path:none;filter:none}
 .spa-motion #spa-cinema .spa-intro-controls{bottom:clamp(205px,30svh,290px)}
 .spa-motion #spa-cinema :is(video,.spa-intro-poster){object-fit:cover}
 .spa-motion #spa-cinema .spa-intro-shade{background:linear-gradient(180deg,#071d26e8 0%,#071d26a1 24%,#071d261a 44%,#071d26a6 67%,#071d26 91%)}
 .spa-motion #spa-cinema .spa-intro-copy{width:100%;height:100%;padding:clamp(135px,19svh,210px) 24px calc(46px + env(safe-area-inset-bottom));justify-content:space-between;gap:18px}
 .spa-motion #spa-cinema h1{font-size:clamp(49px,13vw,69px);line-height:.99;max-width:365px}
 .spa-motion #spa-cinema .spa-intro-eyebrow{margin-bottom:17px;padding-left:10px}
 .spa-motion .facts-bridge-layout.wrap{position:relative;display:flex;width:100%;min-height:max(740px,100svh);padding:0;overflow:hidden}
 .spa-motion .bridge-title{display:none}
 .spa-motion .bridge-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;order:0}
 .spa-motion .bridge-visual img{object-position:58% 48%}
 .spa-motion .bridge-visual::after{inset:0;background:linear-gradient(180deg,#071b24c9 0%,#071b2480 25%,transparent 45%,#071b246b 55%,#071b24eb 76%,#071b24 100%)}
 .spa-motion .bridge-visual figcaption{top:clamp(48px,10svh,100px);bottom:auto;left:24px;right:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-shadow:0 2px 19px #061a1df0}
 .spa-motion .bridge-visual figcaption strong{max-width:310px;font-size:clamp(43px,12vw,61px);line-height:.98;text-align:left}
 .spa-motion .facts-bridge-content{position:relative;z-index:2;align-self:flex-end;width:100%;min-width:0;margin-top:390px;padding:62px 24px 42px;background:linear-gradient(transparent,#071b24 22%)}
 .spa-motion .bridge-eyebrow{color:#e2c69b;border-color:#d5ba8b70}
 .spa-motion .facts-bridge .facts b{color:#f4ead7}
 .spa-motion .facts-bridge .facts span{color:#d3dedd}
 .spa-motion .tour-section .section-heading h2{font-size:clamp(42px,11vw,62px)}
 .spa-motion .tour-section .tour-tabs button{min-height:58px;padding-inline:10px}
 .spa-motion .tour-panel{display:flex;flex-direction:column;box-shadow:none}
 .spa-motion .tour-section .tour-image{height:62svh;min-height:370px;aspect-ratio:auto}
 .spa-motion .tour-section .tour-copy{padding:34px 26px 38px;min-height:0}
 .spa-motion .tour-section .tour-copy h3{font-size:42px}
 .spa-motion .chooser .section-heading h2{font-size:clamp(43px,10vw,62px)}
 .spa-motion .chooser .package-tabs button{min-height:76px;min-width:135px}
 .spa-motion .chooser .package-detail{padding:38px 25px 44px}
 .spa-motion .chooser .package-detail h3{font-size:53px}
 .spa-motion .chooser .duration-box{padding:35px 25px 45px}
 .spa-motion .chooser .package-information{padding:16px 25px 24px}
 .spa-motion .gift-section{padding-block:55px 78px}
 .spa-motion .gift-grid{grid-template-columns:1fr;gap:45px}
 .spa-motion .gift-grid>img{aspect-ratio:4/3;max-height:none;box-shadow:12px 12px 0 #d2bea1}
 .spa-motion .gift-grid h2{font-size:48px}
 .spa-motion .morning-section{padding-block:36px 64px}
 .spa-motion .morning-heading h3{font-size:46px}
 .spa-motion .morning-photos{grid-template-columns:none;gap:16px}
 .spa-motion .morning-photos figure:first-child .photo-open,.spa-motion .morning-photos figure:first-child img{aspect-ratio:3/4}
 .spa-motion .morning-photos figure:first-child img{object-position:44% center}
}
@media(prefers-reduced-motion:reduce){
 .spa-motion #spa-cinema .spa-intro-media{clip-path:none}
}

/* The portrait original stays legible in a deliberate frame on wide screens. */
@media(min-width:701px){
 .spa-motion #spa-cinema .spa-intro-stage{min-height:max(740px,calc(100svh - 80px));padding-right:clamp(34px,5vw,84px)}
 .spa-motion #spa-cinema .spa-intro-media{inset:26px clamp(25px,3vw,55px) 26px auto;width:48%;height:calc(100% - 52px);overflow:hidden;border:1px solid #d9bf9966}
 .spa-motion #spa-cinema .spa-intro-media::before{content:"";position:absolute;z-index:2;inset:0;border:14px solid #071d261f;pointer-events:none}
 .spa-motion #spa-cinema .spa-intro-copy{width:56%;max-width:800px;gap:clamp(40px,7vh,76px)}
 .spa-motion #spa-cinema h1{font-size:clamp(72px,7.1vw,112px);line-height:.98;max-width:780px}
 .spa-motion #spa-cinema h1 span,.spa-motion #spa-cinema h1 em{display:block;white-space:nowrap}
 .spa-motion #spa-cinema .spa-intro-shade{background:linear-gradient(90deg,#071d26a6 0%,#071d265c 16%,transparent 48%),linear-gradient(0deg,#071d2660,transparent 26%)}
 .spa-motion #spa-cinema :is(video,.spa-intro-poster){object-position:50% 51%}
}
@media(min-width:701px) and (max-width:1100px){
 .spa-motion #spa-cinema h1{font-size:clamp(57px,7vw,78px)}
 .spa-motion #spa-cinema .spa-intro-copy{width:58%}
}
@media(max-width:700px){
 .spa-motion #spa-cinema .spa-intro-shade{background:linear-gradient(180deg,#071d26e5 0%,#071d266e 25%,transparent 44%,#071d2657 62%,#071d26f4 87%)}
 .spa-motion #spa-cinema h1 span,.spa-motion #spa-cinema h1 em{display:block}
}

/* Each choice reveals its own original photograph; the booking controls remain adjacent. */
.spa-motion .chooser .package-detail{padding:0;display:flex;flex-direction:column;background:#eee8dc}
.spa-motion .chooser .package-scene{position:relative;height:clamp(390px,35vw,550px);min-height:0;margin:0;overflow:hidden;background:#1b343c;color:#fff}
.spa-motion .chooser .package-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#071d263b 0%,transparent 37%,#071d2696 100%);pointer-events:none}
.spa-motion .chooser .package-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:opacity .32s ease,transform .8s ease}
.spa-motion .chooser .package-scene img.is-switching{opacity:.25;transform:scale(1.035)}
.spa-motion .chooser .package-scene figcaption{position:absolute;z-index:1;left:clamp(34px,4.4vw,68px);right:25px;bottom:clamp(34px,4vw,58px);text-shadow:0 2px 15px #061820b8}
.spa-motion .chooser .package-scene .overline{color:#edd0a4}
.spa-motion .chooser .package-scene h3{margin:10px 0 0;color:#fff;font-size:clamp(58px,6vw,92px);line-height:.96}
.spa-motion .chooser .package-description{padding:clamp(30px,3.2vw,50px) clamp(34px,4.4vw,68px) clamp(38px,4vw,60px)}
.spa-motion .chooser .package-copy{font-size:clamp(18px,1.5vw,21px);line-height:1.55}
.spa-motion .chooser .package-included{margin-top:32px}
.spa-motion .chooser .package-stage{align-items:stretch}
.spa-motion .chooser .package-tabs button{transition:background-color .2s ease,color .2s ease}
@media(max-width:700px){
 .spa-motion .chooser .package-scene{height:420px}
 .spa-motion .chooser .package-scene figcaption{left:24px;bottom:27px}
 .spa-motion .chooser .package-scene h3{font-size:clamp(54px,14vw,74px)}
 .spa-motion .chooser .package-description{padding:30px 25px 38px}
}
@media(prefers-reduced-motion:reduce){.spa-motion .chooser .package-scene img{transition:none}}

/* The decision comes before optional detail in the booking sequence. */
.spa-motion .chooser .package-description{display:block}
.spa-motion .chooser .package-description>summary,.spa-motion .chooser .price-preview>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600}
.spa-motion .chooser .package-description>summary::-webkit-details-marker,.spa-motion .chooser .price-preview>summary::-webkit-details-marker{display:none}
.spa-motion .chooser .package-description>summary{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #17343c34;color:#6d4b2e;font-size:14px}
.spa-motion .chooser .package-description[open]>summary::after,.spa-motion .chooser .price-preview[open]>summary::after{transform:rotate(45deg)}
.spa-motion .chooser .price-preview{margin-top:20px;border:1px solid #c4b28e66;background:#173943}
.spa-motion .chooser .price-preview>summary{padding:20px 22px;color:#edd7b6;font-size:15px}
.spa-motion .chooser .price-preview .preview-heading,.spa-motion .chooser .price-preview .preview-fields,.spa-motion .chooser .price-preview .preview-price-hint,.spa-motion .chooser .price-preview .preview-total,.spa-motion .chooser .price-preview>small{margin-inline:22px}
.spa-motion .chooser .price-preview[open]>summary{border-bottom:1px solid #d5ba8b4f;margin-bottom:20px}
.spa-motion .chooser .next-dates{margin-top:22px}
.spa-motion .chooser .next-dates.is-calendar-fallback{display:none}
.spa-motion .chooser .book-link{margin-top:18px}
@media(max-width:700px){
 .spa-motion .chooser .package-scene{height:238px}
 .spa-motion .chooser .package-scene img{object-position:center 42%}
 .spa-motion .chooser .package-scene figcaption{bottom:21px}
 .spa-motion .chooser .package-scene h3{font-size:clamp(49px,13vw,64px)}
 .spa-motion .chooser .package-description{padding:0 25px;background:#eee8dc}
 .spa-motion .chooser .package-description>summary{min-height:62px;margin:0;padding:18px 0;border:0}
 .spa-motion .chooser .package-description[open]{padding-bottom:28px}
 .spa-motion .chooser .package-description[open]>summary{margin-bottom:15px;border-bottom:1px solid #17343c34}
 .spa-motion .chooser .package-description .package-copy{font-size:16px;line-height:1.5}
 .spa-motion .chooser .duration-box{padding:27px 25px 35px}
 .spa-motion .chooser .price-preview{margin-top:18px}
 .spa-motion .chooser .price-preview>summary{padding:18px}
}
/* morning-story.css */
/* Original morning footage: one lead photograph, film and two quieter details. */
.spa-motion .morning-story .morning-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(16px,2.4vw,34px);padding-block:clamp(64px,8vw,112px);max-width:1200px}
.spa-motion .morning-story .morning-film-layout,.spa-motion .morning-story .morning-photos{display:contents}
.spa-motion .morning-story .morning-film-copy{grid-column:1/-1;max-width:850px;margin-bottom:clamp(8px,1vw,18px)}
.spa-motion .morning-story h2{font-size:clamp(44px,5.5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 22px}
.spa-motion .morning-story .morning-film-copy p:not(.overline){font-size:clamp(16px,1.5vw,19px);line-height:1.6;max-width:650px}
.spa-motion .morning-story .morning-film-note{opacity:.7;margin-top:12px}
.spa-motion .morning-story .morning-heading{grid-column:1/-1;grid-row:3;margin:4px 0 -10px}
.spa-motion .morning-story .morning-heading p{font:italic clamp(19px,2.3vw,27px)/1.3 Georgia,serif;margin:0;color:#233d43}

.spa-motion .morning-story .morning-photos figure{min-width:0;margin:0;transform:none}
.spa-motion .morning-story .morning-photos figure:first-child{grid-column:1;grid-row:2}
.spa-motion .morning-story .morning-film-frame{grid-column:2;grid-row:2;margin:0;min-width:0;width:100%;max-width:none;justify-self:stretch}
.spa-motion .morning-story .morning-photos figure:nth-child(2){grid-column:1;grid-row:4}
.spa-motion .morning-story .morning-photos figure:nth-child(3){grid-column:2;grid-row:4}
.spa-motion .morning-story .morning-photos .photo-open,.spa-motion .morning-story .morning-photos figure:first-child .photo-open{display:block;width:100%;height:clamp(265px,31vw,400px);aspect-ratio:auto;padding:0;overflow:hidden}
.spa-motion .morning-story .morning-photos figure:first-child .photo-open{height:clamp(430px,48vw,630px)}
.spa-motion .morning-story .morning-photos img,.spa-motion .morning-story .morning-photos figure:first-child img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 48%}
.spa-motion .morning-story .morning-film-frame video{display:block;width:100%;height:clamp(430px,48vw,630px);aspect-ratio:auto;object-fit:cover;background:#10232b;border-radius:2px}
.spa-motion .morning-story .morning-film-frame figcaption,.spa-motion .morning-story .morning-photos figcaption{font-size:13px;line-height:1.5;margin:10px 0 0;color:#52676b}
.spa-motion .morning-story .morning-video-status:empty{display:none}
.spa-motion .story-film{max-width:420px;margin-left:auto}
.spa-motion .story-film summary{font-size:13px;opacity:.75;cursor:pointer}
.spa-motion .story-film[open] summary{opacity:1}
@media(max-width:700px){
 .spa-motion .morning-story .morning-section{grid-template-columns:1fr;gap:16px;padding-block:54px 68px}
 .spa-motion .morning-story .morning-film-copy{grid-column:1;margin-bottom:0}
 .spa-motion .morning-story h2{font-size:clamp(40px,11vw,58px);margin-bottom:16px}
 .spa-motion .morning-story .morning-film-copy p:not(.overline){font-size:16px}
 .spa-motion .morning-story .morning-heading{grid-column:1;grid-row:2;display:flex;justify-content:space-between;align-items:center;margin:0}
 .spa-motion .morning-story .morning-heading p{font-size:19px;max-width:70%}
 .spa-motion .morning-story .morning-photos{display:grid;grid-column:1;grid-row:3;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}
 .spa-motion .morning-story .morning-photos figure,.spa-motion .morning-story .morning-photos figure:first-child,.spa-motion .morning-story .morning-photos figure:nth-child(2),.spa-motion .morning-story .morning-photos figure:nth-child(3){grid-column:auto;grid-row:auto;scroll-snap-align:start}
 .spa-motion .morning-story .morning-photos .photo-open,.spa-motion .morning-story .morning-photos figure:first-child .photo-open{height:clamp(270px,76vw,350px)}
 .spa-motion .morning-story .morning-film-frame{grid-column:1;grid-row:4;max-width:230px;justify-self:center;margin:8px 0 0}
 .spa-motion .morning-story .morning-film-frame video{height:auto;aspect-ratio:512/910}
 .spa-motion .morning-story .story-film{margin-left:0}
}
/* booking-journey.css */
.chooser .booking-card{position:relative}
.chooser .next-dates{margin-top:26px;padding-top:0;border-top:0}
.chooser .price-preview{margin-top:24px;padding-top:0;border-top:0}
.chooser .chosen-date{margin:12px 0 0;padding:12px 14px;border-left:3px solid #d5b783;background:#173743;color:#fff3d8;font-size:14px;line-height:1.5}
.chooser .next-date[aria-current="true"]{background:#dbbd8b;color:#0b1c24;border-color:#dbbd8b;font-weight:700}
.chooser .booking-card .book-link{display:flex;justify-content:space-between;margin-top:22px}
.chooser .all-dates{font-size:14px}
.chooser .booking-note{display:block;margin-top:12px;line-height:1.5}
@media(max-width:700px){.chooser .booking-card .book-link{width:100%}}
/* saalespa-film38.css */
/* 55-second original-source film with the approved Weave opening: preserve complete image and its own titles. */
body.spa-site #spa-cinema .spa-intro-stage{display:grid;max-width:1600px;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);min-height:680px;gap:32px;padding-top:140px;padding-bottom:82px}
body.spa-site #spa-cinema .spa-intro-media{position:relative;inset:auto;height:auto;grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none;aspect-ratio:16/9}
body.spa-site #spa-cinema h1{font-size:clamp(40px,4.3vw,64px)}
body.spa-site #spa-cinema .spa-intro-copy{width:100%;height:auto;gap:38px;padding:16px 0 0}
body.spa-site #spa-cinema .spa-intro-shade{display:none}
@media(max-width:700px){
 body.spa-site #spa-cinema .spa-intro-stage{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:0;max-height:none;padding:86px 0 18px;overflow:visible}
 body.spa-site #spa-cinema .spa-intro-copy{display:contents;pointer-events:auto}
 body.spa-site #spa-cinema .spa-intro-heading{order:1;padding:16px 24px 24px}
 body.spa-site #spa-cinema .spa-intro-eyebrow{margin-bottom:10px}
 body.spa-site #spa-cinema h1{font-size:clamp(34px,9.5vw,48px);line-height:1.05}
 body.spa-site #spa-cinema .spa-intro-media{order:2;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;flex:none}
 body.spa-site #spa-cinema .spa-intro-controls{order:3;position:relative;left:auto;bottom:auto;padding:10px 24px 12px;margin:0;min-height:64px}
 body.spa-site #spa-cinema .spa-intro-booking{order:4;width:100%;padding:0 24px}
 body.spa-site #spa-cinema .spa-intro-capacity{margin-bottom:10px}
 body.spa-site #spa-cinema .spa-intro-note{text-align:left;padding:0 24px 18px}
}
@media(max-width:360px){
 body.spa-site #spa-cinema .spa-intro-stage{padding-top:78px}
 body.spa-site #spa-cinema .spa-intro-heading{padding:0 20px 8px}
 body.spa-site #spa-cinema .spa-intro-controls{padding-inline:20px}
 body.spa-site #spa-cinema .spa-intro-booking{padding-inline:20px}
}

body.spa-site #spa-cinema :is(video,.spa-intro-poster){object-fit:contain;object-position:center}
body.spa-site #spa-cinema .spa-intro-stage::after{display:none}
body.spa-site #spa-cinema .spa-intro-controls{bottom:24px}
@media(max-width:700px){body.spa-site #spa-cinema .spa-intro-controls{bottom:auto}body.spa-site #spa-cinema .spa-intro-eyebrow{margin-bottom:10px}body.spa-site #spa-cinema h1{max-width:none}}


body.spa-site #spa-cinema .spa-intro-note{position:relative;z-index:1;color:#a9bec5;opacity:1;font-size:11px}

/* Reserve the controls before JavaScript and keep the clock steady on play/pause. */
body.spa-site #spa-cinema .spa-intro-controls[hidden]{display:flex;visibility:hidden}
body.spa-site #spa-cinema #spa-play{min-width:132px}

/* The fixed hero no longer uses the old scroll transform. Keep its poster on the normal paint path. */
body.spa-site #spa-cinema .spa-intro-media{transform:none;will-change:auto}

/* /assets/privacy-consent.css?v=20261017-lesbar */
.sm-privacy,.sm-privacy-launcher{--sm-paper:#f5f0e8;--sm-ink:#071a26;--sm-accent:#cf8b55;font-family:'DM Sans',Arial,sans-serif;color:var(--sm-ink);color-scheme:light;box-sizing:border-box}
.sm-privacy[data-brand=saalemomente],.sm-privacy-launcher[data-brand=saalemomente]{--sm-paper:#fbf9f4;--sm-ink:#173c32;--sm-accent:#c9ac7e}
.sm-privacy[data-brand=reisebuero],.sm-privacy-launcher[data-brand=reisebuero]{--sm-paper:#fbf9f4;--sm-ink:#183d47;--sm-accent:#d5bd99}
.sm-privacy[data-brand=saalespa],.sm-privacy-launcher[data-brand=saalespa]{--sm-paper:#f4f3ef;--sm-ink:#16333d;--sm-accent:#dbbd8b}
.sm-privacy{position:fixed;z-index:2147483000;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 48px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px 32px 20px;background:var(--sm-paper);border:1px solid color-mix(in srgb,var(--sm-ink) 18%,transparent);border-radius:14px;box-shadow:0 16px 64px #06172340;text-align:left;line-height:1.5}
.sm-privacy[hidden],.sm-privacy [hidden],.sm-privacy-launcher[hidden]{display:none!important}
.sm-privacy *{box-sizing:border-box;max-width:100%}.sm-privacy p,.sm-privacy h2{margin:0}.sm-privacy .sm-privacy-kicker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--sm-ink);margin-bottom:8px}
.sm-privacy h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:29px;line-height:1.18;letter-spacing:-.02em;margin:0 0 12px}.sm-privacy-intro{font-size:14px;max-width:75ch}
.sm-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.sm-privacy button{font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none;margin:0}
.sm-privacy .sm-privacy-choice,.sm-privacy .sm-privacy-save{display:block;min-height:46px;padding:12px 18px;border:1px solid var(--sm-ink);border-radius:7px;background:var(--sm-ink);color:var(--sm-paper);font-size:13px;font-weight:600;text-align:center;transition:filter .15s}
.sm-privacy .sm-privacy-choice:hover,.sm-privacy .sm-privacy-save:hover{filter:brightness(1.25)}.sm-privacy-footer{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:16px}
.sm-privacy .sm-privacy-link{font-size:12px;line-height:1.5;display:inline-block;padding:3px 0;background:none;border:0;color:var(--sm-ink);text-decoration:underline;text-underline-offset:3px;border-radius:0}
.sm-privacy-options{border-top:1px solid color-mix(in srgb,var(--sm-ink) 20%,transparent);margin-top:20px;padding-top:18px}.sm-privacy-required{font-size:12px;margin-bottom:10px!important}.sm-privacy-toggle{display:flex!important;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;margin:0 0 10px;padding:0;background:none;border:0}
.sm-privacy-toggle input{appearance:auto!important;display:block!important;position:static!important;width:18px!important;height:18px!important;margin:0!important;accent-color:var(--sm-ink)}.sm-privacy-detail{font-size:12px;line-height:1.65}.sm-privacy .sm-privacy-save{margin-top:14px;width:100%}
.sm-privacy-launcher{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:18px;z-index:2147482999;padding:9px 13px;background:var(--sm-paper);border:1px solid color-mix(in srgb,var(--sm-ink) 22%,transparent);border-radius:7px;font-size:11px;line-height:1.3;box-shadow:0 3px 16px #06172316;cursor:pointer}
.sm-privacy :focus-visible,.sm-privacy-launcher:focus-visible{outline:3px solid var(--sm-accent);outline-offset:3px}
@media(max-width:599px){.sm-privacy{width:calc(100% - 24px);padding:20px 19px 16px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:12px;max-height:calc(100dvh - 24px)}.sm-privacy h2{font-size:25px}.sm-privacy-intro{font-size:12.5px;line-height:1.65}.sm-privacy-actions{gap:9px;margin-top:18px}.sm-privacy .sm-privacy-choice{font-size:12px;padding:12px 7px}.sm-privacy-launcher{left:12px;bottom:calc(82px + env(safe-area-inset-bottom));font-size:10px;max-width:calc(100% - 24px)}.sm-privacy-footer{justify-content:space-between;gap:8px 14px}}
@media(prefers-reduced-motion:reduce){.sm-privacy button{transition:none}}


/* Compact initial choice; detailed settings and all consent options remain available. */
@media(max-width:599px){.sm-privacy{padding:14px 15px 12px}.sm-privacy .sm-privacy-kicker{margin-bottom:5px;font-size:9px}.sm-privacy h2{font-size:20px;line-height:1.2;margin-bottom:7px}.sm-privacy-intro{font-size:12px;line-height:1.45}.sm-privacy-actions{margin-top:12px;gap:8px}.sm-privacy .sm-privacy-choice{min-height:44px;padding:10px 7px}.sm-privacy-footer{margin-top:8px}.sm-privacy .sm-privacy-link{min-height:24px;font-size:11px}}
/* Lesbarkeit und Touch-Ziele (Audit Runde 2, Punkt 7) */
html body .sm-privacy .sm-privacy-kicker{font-size:12px!important;letter-spacing:.14em!important;line-height:1.4!important}
html body .sm-privacy .sm-privacy-intro{font-size:15px!important;line-height:1.55!important}
html body .sm-privacy .sm-privacy-footer{gap:0 28px!important;margin-top:10px!important}
html body .sm-privacy .sm-privacy-link{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0!important;font-size:14px!important;line-height:1.3!important}
html body .sm-privacy .sm-privacy-detail,html body .sm-privacy .sm-privacy-required{font-size:14px!important;line-height:1.5!important}
@media(max-width:599px){html body .sm-privacy .sm-privacy-intro{font-size:14px!important;line-height:1.5!important}html body .sm-privacy .sm-privacy-footer{justify-content:space-between!important;margin-top:4px!important}}
html body .sm-privacy .sm-privacy-choice,html body .sm-privacy .sm-privacy-save{font-size:15px!important;min-height:48px!important}

/* Schmale Leiste (25.10.2026): der erste Hinweis liegt als Leiste am unteren Rand und lässt das erste Bild frei.
   „Einstellungen“ klappt wie bisher alle Wahlmöglichkeiten und den ausführlichen Text auf. */
.sm-privacy-short{display:none}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))){left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border-radius:0!important;border-width:1px 0 0!important;box-shadow:0 -12px 40px #0617231c!important;padding:14px max(24px,calc((100% - 1240px) / 2)) calc(14px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy actions" "copy footer"!important;column-gap:36px!important;row-gap:0!important;align-items:center!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-copy{grid-area:copy!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) :is(.sm-privacy-kicker,.sm-privacy-intro){display:none!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) h2{font-size:18px!important;line-height:1.3!important;margin:0 0 3px!important;letter-spacing:-.01em!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-short{display:block!important;font-size:14px!important;line-height:1.5!important;max-width:64ch!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-actions{grid-area:actions!important;margin:0!important;grid-template-columns:repeat(2,minmax(170px,auto))!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-footer{grid-area:footer!important;margin:0!important;justify-content:flex-end!important;gap:0 24px!important}
html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-link{min-height:40px!important}
@media(max-width:899px){
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "actions" "footer"!important;padding:12px 16px calc(6px + env(safe-area-inset-bottom))!important;row-gap:10px!important}
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) h2{font-size:17px!important}
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-short{font-size:14px!important;max-width:none!important}
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-footer{justify-content:space-between!important;row-gap:0!important}
 html body .sm-privacy:not([hidden]):not(:has(.sm-privacy-options:not([hidden]))) .sm-privacy-link{min-height:44px!important}
}

/* inline */
#spa-final{--ink:#0a2029;--deep:#071820;--gold:#dec393;--paper:#f1eee5;--soft:#b9c8ca;--line:#ffffff26;--serif:Georgia,'Times New Roman',serif;color:var(--paper);background:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;overflow:clip}
#spa-final *{box-sizing:border-box}#spa-final h1,#spa-final h2,#spa-final h3,#spa-final p{margin:0}#spa-final a{color:inherit}#spa-final img{display:block;max-width:100%}#spa-final [hidden]{display:none!important}#spa-final .wrap{max-width:1340px;margin:auto;padding:0 6%}#spa-final section{scroll-margin-top:90px}#spa-final .eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px;line-height:1.6}#spa-final .serif{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.08}#spa-final h2{font-size:clamp(38px,5.7vw,74px)}#spa-final .muted{color:var(--soft)}#spa-final .action{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 24px;border:1px solid var(--gold);border-radius:2px;background:var(--gold);color:var(--deep);text-decoration:none;font-size:14px;font-weight:500}#spa-final .action.secondary{background:transparent;color:var(--paper);border-color:#ffffff59}#spa-final .textlink{background:none;color:inherit;border:0;border-bottom:1px solid #ffffff69;padding:8px 0;min-height:44px;text-decoration:none;font-size:14px}#spa-final .actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}#spa-final .brand{font-family:var(--serif);font-size:29px;letter-spacing:-1.2px;line-height:1;text-decoration:none;white-space:nowrap}#spa-final .brand span{color:var(--gold)}#spa-final .brand small{display:block;font-family:Arial,sans-serif;letter-spacing:.29em;font-size:9px;color:var(--soft);margin-top:9px}
#spa-final .sitehead{position:sticky;top:0;z-index:20;background:rgba(7,24,32,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}#spa-final .headrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}#spa-final .mainnav{display:flex;align-items:center;gap:28px;font-size:13px}#spa-final .mainnav a{text-decoration:none;color:#d0dadb}#spa-final .mainnav .action{color:var(--deep)}#spa-final .menutoggle{display:none}#spa-final .mobilemenu{padding:10px 6% 24px;background:var(--deep)}#spa-final .mobilemenu a{display:block;padding:10px 0;text-decoration:none}
#spa-final .hero{min-height:710px;overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:80px 0 65px}#spa-final .hero .wrap{width:100%}#spa-final .hero .visual{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:54% 48%}#spa-final .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a2029 0%,#071820a8 29%,#07182015 70%),linear-gradient(90deg,#07182088,transparent 72%)}#spa-final .hero-copy{max-width:770px}#spa-final .hero h1{font-size:clamp(52px,7.8vw,105px);margin:20px 0 25px;text-shadow:0 3px 28px #0005}#spa-final .hero h1 em{font-weight:400;color:var(--gold)}#spa-final .hero-copy>p:not(.eyebrow){max-width:405px;color:#e0e7e4;font-size:17px}#spa-final .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}#spa-final .filmcontrol{border:1px solid #ffffff66;color:var(--paper);background:#071820aa;min-height:44px;padding:10px 16px;border-radius:2px;font-size:12px}#spa-final .fine{font-size:12px;color:var(--soft);line-height:1.7}#spa-final .hero-note{margin-top:22px;font-size:13px;color:#d2dcd9}
#spa-final .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:25px;padding-bottom:65px;border-bottom:1px solid var(--line)}#spa-final .fact b{display:block;font-weight:400;font-family:var(--serif);font-size:29px;line-height:1.3;margin-bottom:7px}#spa-final .fact span{font-size:13px;color:var(--soft)}
#spa-final .tour{padding:100px 0 90px}#spa-final .sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}#spa-final .sectionhead .eyebrow{margin-bottom:17px}#spa-final .sectionhead>p{max-width:325px;font-size:15px;color:var(--soft)}#spa-final .tourgrid{display:grid;grid-template-columns:1.25fr .8fr;gap:70px;align-items:center}#spa-final .tourphoto{height:620px;width:100%;object-fit:cover;border-radius:2px}#spa-final .tabs{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:35px;border-bottom:1px solid var(--line)}#spa-final .tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--soft);padding:14px 0;min-height:48px;font-size:14px}#spa-final .tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}#spa-final .tourtext h3{font:400 clamp(30px,3.1vw,44px)/1.15 var(--serif);margin:17px 0 22px;letter-spacing:-.025em}#spa-final .tourtext p{font-size:15px;color:var(--soft);margin-bottom:20px}#spa-final .tour-facts{display:flex;flex-wrap:wrap;gap:9px 20px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--gold)}#spa-final .tourtext .textlink{margin-top:20px}
#spa-final .heat{padding:55px 0 110px}#spa-final .heatgrid{display:grid;grid-template-columns:.75fr 1.05fr;gap:90px;align-items:center}#spa-final .heatmedia{height:680px;position:relative;overflow:hidden;background:var(--deep)}#spa-final .heatmedia img,#spa-final .heatmedia video{width:100%;height:100%;object-fit:cover}#spa-final .heatmedia .filmcontrol{position:absolute;bottom:16px;right:16px}#spa-final .heat-copy .eyebrow{margin-bottom:20px}#spa-final .heat-copy h2{margin-bottom:28px}#spa-final .heat-copy>p:not(.eyebrow){max-width:365px;font-size:16px;color:var(--soft)}#spa-final .lineword{display:block;font-family:var(--serif);font-size:40px;margin-top:28px;color:var(--gold);font-style:italic}
#spa-final .morning{position:relative;padding:80px 0 100px;background:linear-gradient(#0a2029,#102d38 60%,#0a2029)}#spa-final .morning-stage{position:relative;height:620px;overflow:hidden;margin-top:37px}#spa-final .morning-stage img,#spa-final .morning-stage video{width:100%;height:100%;object-fit:cover;object-position:center 55%}#spa-final .morning-stage::after{content:'';position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,#071820cc)}#spa-final .morning-caption{position:absolute;bottom:35px;left:35px;z-index:2;font:italic 28px var(--serif)}#spa-final .morning-stage .filmcontrol{position:absolute;right:25px;bottom:28px;z-index:3}#spa-final .photopicks{display:flex;gap:25px;flex-wrap:wrap;margin-top:22px}#spa-final .photopicks button{border:0;border-bottom:1px solid transparent;background:none;color:var(--soft);font-size:13px;padding:9px 0;min-height:44px}#spa-final .photopicks button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}
#spa-final .packages{padding:100px 0;background:var(--paper);color:var(--ink)}#spa-final .packages .eyebrow,#spa-final .gift .eyebrow{color:#7d663b}#spa-final .packages .sectionhead>p{color:#4b6168}#spa-final .package-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-bottom:1px solid #a9b6b9;margin:0 0 37px}#spa-final .package-tabs button{text-align:left;background:none;border:0;border-bottom:2px solid transparent;padding:16px 0;color:#52666c;min-height:70px}#spa-final .package-tabs button b{display:block;font-size:17px;font-weight:400}#spa-final .package-tabs button span{font-size:12px}#spa-final .package-tabs button[aria-selected=true]{color:var(--ink);border-color:#9b763b}#spa-final .plan-grid{display:grid;grid-template-columns:.85fr 1.1fr;gap:60px;align-items:start}#spa-final .package-photo{width:100%;height:360px;object-fit:cover;margin-bottom:27px}#spa-final .package-story h3{font:400 37px/1.2 var(--serif);margin:12px 0 16px}#spa-final .package-story p{font-size:15px;color:#415962}#spa-final .inclusions{border-top:1px solid #b9c4c4;margin-top:25px;padding-top:20px;font-size:14px;color:#415962}#spa-final .inclusions strong{display:block;font-weight:500;color:var(--ink);margin-bottom:9px}#spa-final .inclusions p+p{margin-top:10px}#spa-final .plan{background:#fffaf1;padding:30px 34px;border:1px solid #d2d8d3;border-radius:2px}#spa-final .plan-head{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:26px}#spa-final .plan-head h3{font:400 29px var(--serif)}#spa-final .plan-head span{font-size:12px;color:#52666c}#spa-final .field-label{display:block;font-size:13px;color:#405962;margin-bottom:9px}#spa-final .fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}#spa-final .field select,#spa-final .field input,#spa-final .field textarea{width:100%;border:1px solid #aebebe;border-radius:2px;background:#fff;color:var(--ink);padding:12px 13px;min-height:47px;font-size:16px}#spa-final .field textarea{resize:vertical;min-height:86px}#spa-final .segments{display:flex;gap:10px;flex-wrap:wrap}#spa-final .segments button{flex:1;padding:12px 15px;min-height:47px;background:transparent;color:var(--ink);border:1px solid #b0bfc0;border-radius:2px;font-size:14px}#spa-final .segments button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}#spa-final button:disabled{opacity:.45}#spa-final .slothelp{font-size:12px;color:#52666c;margin-top:11px}#spa-final .extras{margin-top:25px;border-top:1px solid #bbc8c6;border-bottom:1px solid #bbc8c6}#spa-final details>summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;list-style:none}#spa-final summary::-webkit-details-marker{display:none}#spa-final summary::after{content:'+';font-size:21px;font-weight:400}#spa-final details[open]>summary::after{content:'−'}#spa-final .extras .fieldrow{margin:0 0 18px}#spa-final .price-row{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:24px}#spa-final .total{font:400 43px/1.2 var(--serif);white-space:nowrap;letter-spacing:-.03em}#spa-final .total small{display:block;font:400 12px Arial,sans-serif;letter-spacing:0;color:#52666c;margin-top:5px}#spa-final .packages .action{background:var(--ink);border-color:var(--ink);color:var(--paper)}#spa-final .price-detail{font-size:12px;color:#52666c;margin:14px 0 0;line-height:1.7}#spa-final .terms{color:#52666c;font-size:12px;margin-top:20px}#spa-final .review{display:flex;align-items:center;gap:30px;border-top:1px solid #a9b6b9;margin-top:47px;padding-top:25px}#spa-final .review .score{font:400 38px var(--serif);white-space:nowrap}#spa-final .review .quote{font:italic 21px/1.4 var(--serif);max-width:700px}#spa-final .review .fine{color:#52666c}
#spa-final .gift{padding:100px 0;background:#e3dfd2;color:var(--ink)}#spa-final .giftgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}#spa-final .gift h2{margin:20px 0 25px}#spa-final .gift-copy>p:not(.eyebrow){color:#425960;font-size:15px;max-width:430px}#spa-final .gift .fieldrow{margin-top:24px}#spa-final .gift .field textarea{background:#f7f4eb}#spa-final .gift .action{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-top:22px}#spa-final .gift-card{background:var(--deep);color:var(--paper);padding:36px;aspect-ratio:1.32;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 70px #07182025;transform:rotate(-2deg);transition:transform .5s}#spa-final .gift-card:hover{transform:rotate(0)}#spa-final .gift-card .gift-scenery{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}#spa-final .gift-card::after{content:'';position:absolute;inset:0;background:linear-gradient(#071820bb,#07182022 38%,#071820dd);z-index:-1}#spa-final .gift-card h3{font:400 clamp(25px,3.2vw,43px)/1.2 var(--serif);margin:20px 0 10px}#spa-final .gift-card .gift-value{font:400 34px var(--serif);color:var(--gold)}#spa-final .gift-card .gift-note{font:italic 16px/1.5 var(--serif);max-width:350px;overflow-wrap:anywhere}#spa-final .gift-card .gift-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}#spa-final .gift .fine{margin-top:19px;color:#52666c}
#spa-final .story{padding:110px 0 95px}#spa-final .storyhead{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}#spa-final .storyhead h2{margin-top:20px}#spa-final .storyhead>div>p:not(.eyebrow){color:var(--soft);font-size:16px;margin-top:23px;max-width:420px}#spa-final .signature{font:italic 39px var(--serif);color:var(--gold);margin-top:25px}#spa-final .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}#spa-final .timeline img{width:100%;height:260px;object-fit:cover}#spa-final .timeline figcaption{font-size:13px;color:var(--soft);border-top:1px solid var(--line);padding-top:15px;margin-top:18px}#spa-final figure{margin:0}#spa-final .visit{padding:70px 0 95px;border-top:1px solid var(--line)}#spa-final .visitgrid{display:grid;grid-template-columns:.85fr 1fr;gap:90px;margin-top:38px}#spa-final .visit h3{font:400 28px var(--serif);margin-bottom:17px}#spa-final .visit p{font-size:15px;color:var(--soft)}#spa-final .visit .actions{margin-top:24px}#spa-final .visit details{border-bottom:1px solid var(--line)}#spa-final .visit details p{padding-bottom:23px;font-size:14px}#spa-final .visit details summary{font-size:15px;min-height:65px}
#spa-final .restaurant{background:#122b34;padding:90px 0}#spa-final .restaurantgrid{display:grid;grid-template-columns:.75fr 1.05fr;gap:80px;align-items:center}#spa-final .restaurant .eyebrow{margin-bottom:20px}#spa-final .restaurant h2{margin-bottom:25px}#spa-final .restaurant p:not(.eyebrow){color:var(--soft);font-size:15px;max-width:350px}#spa-final .restaurant img{height:560px;width:100%;object-fit:cover}#spa-final .closing{text-align:center;padding:100px 6% 90px}#spa-final .closing .eyebrow{margin-bottom:24px}#spa-final .closing .actions{justify-content:center}#spa-final .closing p:not(.eyebrow){color:var(--soft);margin-top:22px}#spa-final footer{border-top:1px solid var(--line);padding:35px 0 80px}#spa-final .footrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}#spa-final .footlinks{display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--soft)}#spa-final .footer-small{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--soft);margin-top:30px}#spa-final .mobilebar{display:none}#spa-final dialog{background:var(--paper);color:var(--ink);border:0;border-radius:3px;width:min(580px,calc(100% - 28px));padding:32px;box-shadow:0 30px 100px #0007}#spa-final dialog::backdrop{background:#071820cb;backdrop-filter:blur(6px)}#spa-final dialog h2{font:400 35px/1.2 var(--serif);margin-bottom:15px}#spa-final .dialogtop{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}#spa-final .close-dialog{border:0;background:transparent;color:var(--ink);font-size:14px;padding:10px;min-height:44px}#spa-final .calendar-summary{padding:15px 0;border-top:1px solid #bac7c6;border-bottom:1px solid #bac7c6;font-size:14px;margin-bottom:20px}#spa-final .date-list{display:grid;gap:10px;margin:20px 0}#spa-final .date-choice{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;text-align:left;border:1px solid #aebcbb;background:#fff;color:var(--ink);padding:12px 17px;border-radius:2px}#spa-final .date-choice[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#spa-final .date-choice small{display:block;font-size:12px;margin-top:3px}#spa-final dialog .fine{color:#50666d}#spa-final dialog .action{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-top:15px;width:100%}#spa-final .media-dialog{width:min(1000px,calc(100% - 28px));padding:16px;background:var(--deep);color:var(--paper)}#spa-final .media-dialog .close-dialog{color:var(--paper)}#spa-final .media-dialog img,#spa-final .media-dialog video{width:100%;max-height:76vh;object-fit:contain}
#spa-final .reveal{transition:opacity .7s ease,transform .8s cubic-bezier(.22,.8,.24,1)}#spa-final.motion-on .reveal:not(.shown){opacity:0;transform:translateY(24px)}
@media(max-width:1000px){#spa-final .mainnav{gap:17px}#spa-final .mainnav a{font-size:12px}#spa-final .tourgrid,#spa-final .heatgrid,#spa-final .plan-grid,#spa-final .giftgrid,#spa-final .restaurantgrid{gap:40px}#spa-final .hero{min-height:650px}#spa-final .tourphoto{height:540px}#spa-final .heatmedia{height:570px}#spa-final .plan{padding:25px}#spa-final .price-row{align-items:stretch;flex-direction:column;gap:18px}#spa-final .price-row .action{width:100%}#spa-final .gift-card{padding:28px}#spa-final .morning-stage{height:540px}}
@media(max-width:760px){#spa-final .wrap{padding:0 6%}#spa-final .headrow{padding-top:16px;padding-bottom:16px}#spa-final .mainnav{display:none}#spa-final .menutoggle{display:inline-flex;background:transparent;color:var(--paper);border-color:#ffffff59;padding:9px 15px;font-size:13px}#spa-final .brand{font-size:26px}#spa-final .hero{min-height:670px;padding:60px 0 48px}#spa-final .hero .visual{object-position:60% center}#spa-final .hero::after{background:linear-gradient(0deg,#0a2029 0%,#071820d9 26%,#07182030 64%)}#spa-final .hero h1{font-size:clamp(54px,12vw,83px);letter-spacing:-.045em;margin:16px 0 22px}#spa-final .hero-copy>p:not(.eyebrow){font-size:15px;max-width:280px}#spa-final .hero-bottom{display:block}#spa-final .hero-bottom>.filmcontrol{margin-top:25px}#spa-final .facts{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:22px;padding-bottom:45px}#spa-final .fact b{font-size:25px}#spa-final .fact span{font-size:12px}#spa-final .sectionhead{display:block;margin-bottom:30px}#spa-final .sectionhead>p{margin-top:22px;max-width:400px;font-size:15px}#spa-final .tour{padding:70px 0 60px}#spa-final .tourgrid,#spa-final .heatgrid,#spa-final .plan-grid,#spa-final .giftgrid,#spa-final .storyhead,#spa-final .visitgrid,#spa-final .restaurantgrid{grid-template-columns:1fr;gap:32px}#spa-final .tourphoto{height:480px}#spa-final .tourtext{display:flex;flex-direction:column}#spa-final .tourtext .tabs{order:-1;margin:0 0 22px}#spa-final .tourtext h3{font-size:36px}#spa-final .heat{padding:30px 0 70px}#spa-final .heatgrid{gap:30px}#spa-final .heat-copy{order:-1}#spa-final .heatmedia{height:590px;max-width:470px;width:100%;margin:auto}#spa-final .heat-copy>p:not(.eyebrow){max-width:430px}#spa-final .lineword{font-size:34px;margin-top:20px}#spa-final .morning{padding:50px 0 65px}#spa-final .morning-stage{height:490px;margin-top:28px}#spa-final .morning-caption{left:22px;bottom:80px;font-size:24px}#spa-final .morning-stage .filmcontrol{right:20px;bottom:22px}#spa-final .photopicks{gap:12px 20px}#spa-final .packages,#spa-final .gift{padding:70px 0}#spa-final .package-tabs{grid-template-columns:repeat(3,1fr);gap:0 20px;margin-bottom:25px}#spa-final .package-tabs button b{font-size:15px}#spa-final .package-tabs button{min-height:65px}#spa-final .package-photo{height:290px;margin-bottom:22px}#spa-final .package-story h3{font-size:33px}#spa-final .inclusions{margin-top:20px}#spa-final .plan{padding:24px}#spa-final .plan-head{margin-bottom:23px}#spa-final .price-row{flex-direction:row;align-items:flex-end}#spa-final .price-row .action{width:auto}#spa-final .total{font-size:36px}#spa-final .review{display:block;margin-top:35px}#spa-final .review .quote{font-size:21px;margin-top:15px}#spa-final .giftgrid{gap:45px}#spa-final .gift-card{transform:none;max-width:600px;aspect-ratio:1.25}#spa-final .gift-card h3{font-size:35px}#spa-final .story{padding:70px 0}#spa-final .timeline{gap:15px;grid-template-columns:1fr}#spa-final .timeline img{height:300px}#spa-final .timeline figure+figure{margin-top:13px}#spa-final .visit{padding:55px 0 70px}#spa-final .visitgrid{gap:25px;margin-top:30px}#spa-final .restaurant{padding:65px 0}#spa-final .restaurant img{height:460px}#spa-final .closing{padding:75px 6%}#spa-final .closing h2{font-size:43px}#spa-final footer{padding-bottom:110px}#spa-final .footrow{display:block}#spa-final .footlinks{margin-top:25px;gap:16px}#spa-final .footer-small{display:block}#spa-final .footer-small>span{display:block;margin-bottom:12px}#spa-final .mobilebar{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:30;padding:11px 5% calc(11px + env(safe-area-inset-bottom));background:#071820f5;border-top:1px solid var(--line);backdrop-filter:blur(15px)}#spa-final .mobilebar .action{font-size:13px;min-height:44px;padding:10px}#spa-final dialog{padding:24px}}
@media(max-width:400px){#spa-final .hero{min-height:640px}#spa-final .hero h1{font-size:53px}#spa-final .actions{gap:12px}#spa-final .actions .action{padding:12px 17px}#spa-final .tourphoto{height:410px}#spa-final .tourtext .tabs{gap:19px}#spa-final .tourtext .tabs button{font-size:13px}#spa-final .morning-stage{height:400px}#spa-final .plan{padding:20px}#spa-final .fieldrow{gap:12px}#spa-final .field select{padding:10px}#spa-final .plan-head h3{font-size:27px}#spa-final .plan-head{display:block}#spa-final .plan-head span{display:block;margin-top:8px}#spa-final .price-row{display:block}#spa-final .price-row .action{width:100%;margin-top:20px}#spa-final .gift-card{padding:24px;aspect-ratio:1.05}#spa-final .gift-card h3{font-size:31px}#spa-final .gift-card .gift-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#spa-final *{transition:none!important;animation:none!important}#spa-final.motion-on .reveal:not(.shown){opacity:1;transform:none}}
@media(max-width:430px){#spa-final .fieldrow{grid-template-columns:1fr;gap:17px}#spa-final .field select{font-size:16px}}
#spa-final .morning-stage.watching{width:min(430px,100%);height:auto;aspect-ratio:512/910;margin:37px auto 0}#spa-final .morning-stage.watching video{object-fit:contain}#spa-final .morning-stage.watching .morning-caption{bottom:100px;font-size:22px;left:22px}

#spa-final .tourgrid{grid-template-columns:minmax(0,1.9fr) minmax(260px,.8fr);gap:40px}
#spa-final .scene-stage{height:610px;position:relative;overflow:hidden;background:linear-gradient(#52675d,#adc1ae 40%,#223e39 40%);isolation:isolate}
#spa-final .scene-shore{position:absolute;inset:0 0 60%;overflow:hidden;z-index:-1}
#spa-final .scene-shore img{width:100%;height:auto;display:block;filter:brightness(.72) saturate(.7)}
#spa-final .scene-shore:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#6b86784d,transparent 65%)}
#spa-final .scene-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y!important;opacity:0;transition:opacity 1.2s ease}
#spa-final .scene-ready canvas{opacity:1}
#spa-final .scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#spa-final .scene-stage .tourphoto{display:none}
#spa-final .scene-mark{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 6px;border:1px solid #faf6eb5c;border-radius:40px;background:#092029d9;color:#f1eee5;font-size:14px;box-shadow:0 2px 10px #00120f22;cursor:pointer;backdrop-filter:blur(8px)}
#spa-final .scene-mark:before{content:'';width:9px;height:9px;background:#dec393;border:6px solid #092029;border-radius:50%}
#spa-final .scene-mark[aria-pressed=true]{background:#dec393;color:#102a29;border-color:#dec393}
#spa-final .scene-mark[aria-pressed=true]:before{background:#102a29;border-color:#dec393}
#spa-final .scene-top{position:absolute;z-index:4;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}
#spa-final .scene-top button{min-height:44px;padding:7px 13px;background:#0a2029b8;color:#f1eee5;border:1px solid #f1eee54d;font-size:13px;cursor:pointer}
#spa-final .scene-caption{position:absolute;left:22px;right:22px;bottom:18px;z-index:4;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#f1eee5;font-size:13px;text-shadow:0 1px 3px #000}
#spa-final .scene-caption span:first-child{letter-spacing:.06em;text-transform:uppercase;font-size:12px}
#spa-final .scene-status{position:absolute;z-index:4;left:20px;right:20px;bottom:52px;color:#f1eee5;font-size:14px}
#spa-final .original-link{display:block;margin:25px 0 5px;padding:12px 0;min-height:44px;border:0;border-bottom:1px solid var(--gold);background:none;color:var(--gold);text-align:left;cursor:pointer;font-size:15px}
#spa-final .original-dialog{max-width:540px;width:calc(100% - 40px);padding:24px;background:#0a2029;color:#f1eee5;border:1px solid #dec39355;box-sizing:border-box}
#spa-final .original-dialog::backdrop{background:#071820df;backdrop-filter:blur(10px)}
#spa-final .original-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
#spa-final .original-dialog h2{margin:0;font:400 28px/1.2 var(--serif)}
#spa-final .original-dialog .dialog-head button{min-width:44px;min-height:44px;border:1px solid #f1eee544;background:none;color:#f1eee5;font-size:22px;cursor:pointer}
#spa-final .original-dialog video{display:block;height:min(66vh,660px);max-width:100%;margin:auto;object-fit:contain;background:#071820}
#spa-final .original-dialog p{margin:14px 0 0;font-size:13px;color:#b9c8ca}
@media(max-width:1000px){#spa-final .tourgrid{grid-template-columns:1.35fr .8fr;gap:28px}#spa-final .scene-stage{height:570px}}
@media(max-width:760px){#spa-final .tourgrid{grid-template-columns:1fr;gap:30px}#spa-final .scene-stage{height:480px}#spa-final .scene-shore{bottom:59%}#spa-final .scene-top{top:12px;left:12px;right:12px}#spa-final .scene-caption{left:14px;right:14px;align-items:start;flex-direction:column;gap:3px}#spa-final .tabs button{font-size:16px}#spa-final .scene-mark{font-size:13px;padding-right:9px;gap:4px}#spa-final .tourtext p{font-size:16px}#spa-final .original-dialog{padding:18px;width:calc(100% - 24px)}}
@media(max-width:400px){#spa-final .scene-stage{height:440px}#spa-final .scene-mark{width:44px;height:44px;padding:0;justify-content:center}#spa-final .scene-mark span{display:none}#spa-final .scene-top button{font-size:12px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){#spa-final .scene-stage canvas{transition:none}}

#spa-final{--gold:#d6bd91;--paper:#f3efe5;--soft:#c6d1cb}
#spa-final .hero{height:100svh;min-height:680px;box-sizing:border-box;padding-bottom:10vh}
#spa-final .hero h1{font-size:clamp(64px,8.2vw,126px);line-height:.94;letter-spacing:-.065em}
#spa-final .hero-note{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:30px}
#spa-final .sitehead{position:absolute;inset:0 0 auto;background:transparent;border:0;z-index:25}
#spa-final .headrow{padding-top:26px;padding-bottom:26px}
#spa-final .hero::after{background:linear-gradient(0deg,#0a2029 0%,#0a20297a 25%,#07182015 70%),linear-gradient(90deg,#07182066,transparent 75%)}
#spa-final .scroll-invitation{position:absolute;right:6%;bottom:10vh;display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
#spa-final .scroll-invitation i{display:block;height:55px;width:1px;background:linear-gradient(#d6bd91,transparent)}
#spa-final .hero .filmcontrol{margin-right:150px}
#spa-final .voyage{height:380svh;position:relative;background:#0a2029}
#spa-final .voyage-shell{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}
#spa-final .voyage .scene-stage{position:absolute;inset:0;height:100%;background:#708986}
#spa-final .voyage .scene-stage:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#071820e3 0%,#0718208a 24%,transparent 56%),linear-gradient(0deg,#0a2029fa,transparent 28%,transparent 87%,#0a20294d);z-index:1}
#spa-final .voyage .scene-caption{display:none}
#spa-final .voyage .scene-top{top:30px;left:auto;right:5%;gap:8px}
#spa-final .voyage .scene-top button{border-radius:50px;background:#102a29aa;font-size:11px;letter-spacing:.04em}
#spa-final .voyage .tourtext{position:absolute;z-index:5;left:7%;top:50%;transform:translateY(-38%);width:min(29vw,385px);pointer-events:none}
#spa-final .voyage .tourtext button,#spa-final .voyage .tourtext a{pointer-events:auto}
#spa-final .voyage .tourtext h3{font-size:clamp(40px,4.6vw,72px);line-height:1.05;margin:22px 0;letter-spacing:-.055em;text-wrap:balance}
#spa-final .voyage .tourtext p{font-size:15px;line-height:1.75;max-width:330px;color:#d6ded6}
#spa-final .voyage .tourtext .eyebrow{font-size:11px;color:var(--gold);letter-spacing:.18em}
#spa-final .voyage .tabs{gap:16px;border-color:#ffffff35;margin-bottom:35px}
#spa-final .voyage .tabs button{font-size:12px;padding:12px 0}
#spa-final .voyage .tour-facts{font-size:10px;gap:7px 14px;letter-spacing:.04em;padding-top:18px}
#spa-final .voyage .original-link{font-size:13px;margin-top:24px;width:fit-content}
#spa-final .voyage .textlink{font-size:12px;margin-top:14px}
#spa-final .voyage-label{position:absolute;top:35px;left:7%;z-index:5;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ebeadc}
#spa-final .voyage-label b{font:italic 18px var(--serif);letter-spacing:0;text-transform:none;display:block;margin-top:7px}
#spa-final .voyage-progress{position:absolute;left:7%;right:7%;bottom:35px;height:1px;background:#ffffff35;z-index:5}
#spa-final .voyage-progress i{display:block;width:0;height:1px;background:var(--gold)}
#spa-final .voyage-progress span{position:absolute;right:0;bottom:12px;font-size:10px;letter-spacing:.16em;color:#e5e8dd;text-transform:uppercase}
#spa-final .scene-mark{background:#0a202999;border-color:#ffffff55;font-size:11px;box-shadow:none}
#spa-final .original-dialog{max-width:840px;width:calc(100% - 32px);background:#0c2429;border-color:#ffffff26;padding:28px}
#spa-final .original-dialog video{height:min(68vh,720px);width:100%;object-fit:contain}
#spa-final .original-dialog h2{font-size:35px}
#spa-final .facts{padding-top:42px;padding-bottom:42px}
#spa-final .heat{padding-top:100px}
#spa-final .packages{background:#eeeadf}
#spa-final .packages h2,#spa-final .gift h2{letter-spacing:-.045em;font-size:clamp(42px,5vw,76px)}
#spa-final .package-tabs button{transition:color .3s,border-color .3s}
#spa-final .plan{box-shadow:0 25px 70px #28443d0a;border-color:#c9cec4;background:#faf7ef}
#spa-final .gift{background:#e5e0d2}
@media(max-width:760px){
 #spa-final .hero{min-height:690px;padding-bottom:120px;height:100svh}
 #spa-final .hero h1{font-size:clamp(59px,13vw,86px)}
 #spa-final .hero .filmcontrol{margin-right:0;margin-top:25px}
 #spa-final .scroll-invitation{right:6%;bottom:120px;font-size:9px}
 #spa-final .voyage{height:300svh}
 #spa-final .voyage-shell{min-height:650px}
 #spa-final .voyage .scene-stage:after{background:linear-gradient(0deg,#0a2029 1%,#0a2029e8 15%,#0718207a 34%,transparent 59%,#07182055)}
 #spa-final .voyage .tourtext{width:auto;left:6%;right:6%;top:auto;bottom:92px;transform:none;display:block}
 #spa-final .voyage .tourtext h3{font-size:36px;max-width:300px;margin:13px 0}
 #spa-final .voyage .tourtext p{font-size:13px;line-height:1.6;max-width:340px;margin-bottom:12px}
 #spa-final .voyage .tourtext .eyebrow{font-size:10px}
 #spa-final .voyage .tabs{margin-bottom:15px;gap:22px}
 #spa-final .voyage .tabs button{font-size:12px;min-height:44px}
 #spa-final .voyage .tour-facts{display:none}
 #spa-final .voyage .original-link{margin:10px 0 0;min-height:44px;padding:9px 0;display:inline-block;font-size:12px}
 #spa-final .voyage .textlink{display:inline-block;margin:10px 0 0 20px;font-size:12px}
 #spa-final .voyage-label{left:6%;top:24px;font-size:9px}
 #spa-final .voyage-label b{font-size:16px}
 #spa-final .voyage .scene-top{right:5%;top:23px;flex-direction:column;align-items:flex-end;gap:4px}
 #spa-final .voyage .scene-top button{font-size:10px;min-height:36px}
 #spa-final .voyage-progress{bottom:81px;left:6%;right:6%}
 #spa-final .voyage-progress span{font-size:8px}
 #spa-final .scene-mark span{display:none}#spa-final .scene-mark{width:44px;height:44px;padding:0;justify-content:center}
 #spa-final .original-dialog{padding:18px}
 #spa-final .facts{gap:25px;padding-top:30px;padding-bottom:30px}
}
@media(prefers-reduced-motion:reduce){#spa-final .voyage{height:100svh;min-height:650px}#spa-final .voyage-shell{position:relative}html{scroll-behavior:auto}}

@media(max-width:760px){#spa-final .voyage-label b{max-width:185px;line-height:1.25}#spa-final .voyage .tourtext{bottom:105px}#spa-final .voyage-progress span{display:none}}

#spa-final .voyage .scene-stage{background:linear-gradient(#80988c 0%,#657e71 38%,#355951 62%,#183c3d 100%)}
#spa-final .voyage .scene-shore{inset:0 0 auto;height:48%;z-index:0}
#spa-final .voyage .scene-shore img{width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:brightness(.85) saturate(.78)}
#spa-final .voyage .scene-shore:after{background:linear-gradient(0deg,#355951,transparent 26%)}
#spa-final .voyage .scene-stage>canvas{z-index:1}
#spa-final .voyage .scene-stage:after{z-index:2}
#spa-final .scene-photo-card{position:absolute;z-index:5;right:7%;bottom:88px;width:246px;padding:0;border:1px solid #d6bd9166;background:#0a2029eb;color:#f3efe5;text-align:left;box-shadow:0 18px 50px #0005;cursor:pointer;opacity:1;transform:none}
#spa-final .scene-photo-card[hidden]{display:none}
#spa-final .scene-photo-card img{width:100%;height:151px;display:block;object-fit:cover;object-position:center}
#spa-final .scene-photo-card span{padding:14px 17px;display:block}
#spa-final .scene-photo-card small{display:block;color:#d6bd91;font-size:9px;text-transform:uppercase;letter-spacing:.17em;margin-bottom:6px}
#spa-final .scene-photo-card strong{font:400 25px var(--serif)}
#spa-final .scene-photo-card em{display:block;margin-top:8px;font-style:normal;font-size:10px;color:#c6d1cb}
#spa-final .scene-photo-card:hover{border-color:#d6bd91}
#spa-final .photo-dialog{max-width:980px}
#spa-final .photo-dialog img{display:block;max-width:100%;width:100%;height:min(70vh,760px);object-fit:contain}
@keyframes spa-photo-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 #spa-final .voyage .scene-shore{height:39%}
 #spa-final .scene-photo-card{right:6%;bottom:auto;top:142px;width:116px}
 #spa-final .scene-photo-card img{height:86px}
 #spa-final .scene-photo-card span{padding:9px}
 #spa-final .scene-photo-card small{font-size:7px;letter-spacing:.08em;margin-bottom:4px}
 #spa-final .scene-photo-card strong{font-size:16px;overflow-wrap:anywhere;line-height:1.2}
 #spa-final .scene-photo-card em{font-size:8px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){#spa-final .scene-photo-card{animation:none}}

#spa-final .voyage .scene-shore{inset:0;height:100%;z-index:0}
#spa-final .voyage .scene-shore img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.88) saturate(.87)}
#spa-final .voyage .scene-shore:after{background:linear-gradient(0deg,#0b252b8c,transparent 58%)}
#spa-final .scene-mark[hidden]{display:none}
#spa-final .scene-detail-mark{font-size:12px;padding:4px 10px 4px 5px;min-height:36px}
#spa-final .scene-detail-mark:before{width:6px;height:6px;border-width:5px;background:#d7c096}
#spa-final .scene-detail-menu{position:absolute;z-index:6;right:7%;bottom:55px;width:246px;color:#f3efe5}
#spa-final .scene-detail-menu summary{display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:44px;padding:8px 14px;font-size:13px;border:1px solid #d6bd9166;background:#102b30ed;cursor:pointer}
#spa-final .scene-detail-menu summary span{font-size:11px;color:#c6d1cb}
#spa-final .scene-detail-menu summary:after{content:'+';font-size:20px;margin-left:10px}
#spa-final .scene-detail-menu[open] summary:after{content:'−'}
#spa-final .scene-detail-menu>div{position:absolute;bottom:100%;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:8px;background:#102b30fa;border:1px solid #d6bd9166;box-shadow:0 -10px 30px #0004}
#spa-final .scene-detail-menu button{min-height:44px;padding:8px;border:0;background:none;color:#f3efe5;text-align:left;font-size:12px;cursor:pointer}
#spa-final .scene-detail-menu button:hover,#spa-final .scene-detail-menu button:focus-visible{background:#d6bd9122;color:#d6bd91}
#spa-final .scene-photo-card{bottom:112px;border-radius:2px;box-shadow:0 12px 40px #0005}
#spa-final .scene-photo-card img{height:158px}
#spa-final .scene-photo-card strong{font-size:24px}
#spa-final .scene-photo-card em{font-size:12px}
@media(max-width:760px){
 #spa-final .scene-detail-menu{right:6%;bottom:auto;top:104px;width:160px}
 #spa-final .scene-detail-menu summary{font-size:12px;padding:5px 10px;min-height:36px}
 #spa-final .scene-detail-menu summary span{display:none}
 #spa-final .scene-detail-menu>div{bottom:auto;top:100%;width:240px;left:auto;grid-template-columns:1fr 1fr}
 #spa-final .scene-photo-card{top:158px;bottom:auto;width:116px}
 #spa-final .scene-photo-card img{height:86px}
 #spa-final .scene-photo-card strong{font-size:16px;overflow-wrap:anywhere;line-height:1.2}
 #spa-final .scene-photo-card em{font-size:10px}
 #spa-final .scene-detail-mark{min-width:36px;min-height:36px;width:36px;height:36px}
}

#spa-final .scene-detail-menu summary b{font-weight:400;white-space:nowrap}
#spa-final .scene-detail-menu summary span{white-space:nowrap}
@media(min-width:761px){#spa-final .voyage .tourtext h3{font-size:clamp(40px,3.8vw,56px)}}

#spa-final #spa-tour-facts{display:none!important}
#spa-final .stay-note{padding-top:38px;padding-bottom:38px}
#spa-final .stay-note p{max-width:680px;margin:0 auto;text-align:center;color:var(--soft);font-size:17px;line-height:1.8}

#erlebnis{scroll-margin-top:70px}#spa-final .scene-ready .scene-shore{visibility:hidden}#spa-final .voyage .tourtext p{font-size:16px}#spa-final .voyage .tourtext .eyebrow{font-size:12px}#spa-final .scene-mark{font-size:14px}#spa-final .scene-top button{font-size:14px}#spa-final .tabs button{font-size:14px}
/* The tour is a single, readable stop between the film and the offers. */
#spa-final .voyage{height:auto;min-height:0;padding:clamp(70px,8vw,120px) 0 100px;background:#0a2029}
#spa-final .voyage-shell{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.75fr);gap:28px clamp(34px,5vw,84px);align-items:center;max-width:1500px;padding:0 clamp(24px,5vw,88px);margin:auto;box-sizing:border-box}
#spa-final .voyage-label{position:relative;top:auto;left:auto;grid-column:1/-1;color:#d6bd91;font-size:11px}
#spa-final .voyage-label b{font:400 clamp(38px,4vw,60px)/1.07 var(--serif);color:#f3efe5;margin:13px 0 15px;letter-spacing:-.045em}
#spa-final .voyage-label p{max-width:620px;margin:0;color:#b9c8ca;font-size:16px;line-height:1.6;letter-spacing:0;text-transform:none}
#spa-final .voyage .scene-stage{position:relative;inset:auto;grid-column:1;height:clamp(430px,48vw,630px);border:1px solid #ffffff24;border-radius:3px;background:#335b58;overflow:hidden}
#spa-final .voyage .scene-stage:after{background:linear-gradient(0deg,#07182075,transparent 27%);z-index:2}
#spa-final .scene-ready .scene-shore{visibility:visible}
#spa-final .voyage .scene-shore img{filter:brightness(.9) saturate(.86)}
#spa-final .voyage .scene-top{top:16px;left:auto;right:16px}
#spa-final .voyage .scene-top button{font-size:12px}
#spa-final .voyage .tourtext{position:relative;z-index:3;grid-column:2;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;pointer-events:auto;padding:10px 0}
#spa-final .voyage .tabs{gap:18px;margin-bottom:24px;border-color:#ffffff38}
#spa-final .voyage .tabs button{font-size:14px;min-height:44px}
#spa-final .voyage .tourtext h3{font-size:clamp(35px,3.2vw,49px);line-height:1.1;margin:14px 0 18px}
#spa-final .voyage .tourtext p{font-size:16px;line-height:1.65;max-width:470px;color:#d9e1dc}
#spa-final .voyage .tourtext .eyebrow{font-size:11px}
#spa-final .voyage .textlink{display:inline-flex;align-items:center;justify-content:center;margin:20px 0 0;padding:14px 22px;min-height:46px;border-radius:2px;background:#d6bd91;color:#0a2029;font-size:14px;font-weight:600;text-decoration:none}
#spa-final .voyage .original-link{display:block;margin:12px 0 0;font-size:13px}
#spa-final .scene-photo-card{position:relative;right:auto;bottom:auto;top:auto;width:100%;max-width:410px;display:grid;grid-template-columns:100px 1fr;min-height:100px;margin:24px 0 0;border:1px solid #d6bd9166;border-radius:2px;box-shadow:none;transform:none}
#spa-final .scene-photo-card img{width:100px;height:100px;object-fit:cover}
#spa-final .scene-photo-card span{padding:16px 18px}
#spa-final .scene-photo-card strong{display:block;font-size:22px}
#spa-final .scene-photo-card em{font-size:11px}
#spa-final .scene-detail-menu,#spa-final .voyage-progress{display:none}
#spa-final #spa-scene-overview{display:none}
@media(max-width:950px){
 #spa-final .voyage-shell{grid-template-columns:1fr;gap:22px;padding:0 5%}
 #spa-final .voyage-label,#spa-final .voyage .scene-stage,#spa-final .voyage .tourtext{grid-column:1}
 #spa-final .voyage .scene-stage{height:clamp(340px,61vw,550px)}
 #spa-final .voyage .tourtext{padding:10px 2% 0}
}
@media(max-width:760px){
 #spa-final .voyage{height:auto;min-height:0;padding:66px 0 76px}
 #spa-final .voyage-shell{height:auto;min-height:0;position:relative;overflow:visible;gap:18px}
 #spa-final .voyage-label{top:auto;left:auto;font-size:10px}
 #spa-final .voyage-label b{font-size:37px;max-width:none}
 #spa-final .voyage-label p{font-size:14px}
 #spa-final .voyage .scene-stage{height:clamp(330px,92vw,470px)}
 #spa-final .voyage .tourtext{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;width:auto}
 #spa-final .voyage .tabs{gap:18px;margin-bottom:18px}
 #spa-final .voyage .tabs button{font-size:13px}
 #spa-final .voyage .tourtext h3{font-size:37px;max-width:none}
 #spa-final .voyage .tourtext p{font-size:15px;max-width:none}
 #spa-final .voyage .original-link{margin:10px 0 0}
 #spa-final .voyage .textlink{display:flex;width:100%;box-sizing:border-box;margin-top:18px}
 #spa-final .scene-photo-card{top:auto;bottom:auto;width:100%;grid-template-columns:88px 1fr;min-height:88px;margin-top:18px}
 #spa-final .scene-photo-card img{width:88px;height:88px}
 #spa-final .scene-photo-card span{padding:12px}
 #spa-final .scene-photo-card strong{font-size:20px}
 #spa-final .scene-top{top:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){#spa-final .voyage{height:auto;min-height:0}#spa-final .voyage-shell{position:relative}}
@media(max-width:599px){body.spa-site.spa-motion>.sm-privacy-launcher[data-brand=saalespa]{position:static;display:block;width:max-content;max-width:calc(100% - 40px);margin:20px 20px calc(82px + env(safe-area-inset-bottom))}}

/* /assets/water-story.css?v=20261013-spa-refinement */
/* SaaleSpa: photo-led upgrade of the existing sales website. */
body.spa-water{background:#0b1c24;color:#f4f3ef;--water-paper:#f4f3ef;--water-gold:#dbbd8b;--water-night:#0b1c24;--water-ease:cubic-bezier(.2,.75,.2,1)}
body.spa-water .header{position:fixed;inset:0 0 auto;min-height:88px;padding:18px 4.5vw;background:linear-gradient(#071920b0,#07192000);border:0;transition:background .4s,border-color .4s;z-index:35}
body.spa-water .header.water-solid{background:#0b1c24f2;backdrop-filter:blur(12px);border-bottom:1px solid #dbbd8b24}
body.spa-water .header nav{gap:22px;font-size:14px}
body.spa-water .header .wordmark{font-size:31px;width:136px;min-width:136px}
body.spa-water .header .wordmark small{font-size:11px}
body.spa-water .header .nav-book{border-radius:2px;padding-inline:23px;min-height:47px}
body.spa-water .motion-meter{display:none}
body.spa-water h2{font-size:clamp(42px,5.5vw,76px);line-height:1.05;letter-spacing:-.045em}
body.spa-water .overline{font-size:13px;letter-spacing:.12em}
.water-entry{height:220svh;position:relative;background:var(--water-night);isolation:isolate}
.water-window{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:var(--water-night)}
.water-media{position:absolute;inset:0;margin:0;overflow:hidden;clip-path:inset(var(--water-inset-y,0%) var(--water-inset-x,0%));will-change:clip-path;transform:translateZ(0)}
.water-media>picture{position:absolute;inset:0;display:block}
.water-media img,.water-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(var(--water-content-scale,1));transform-origin:center;will-change:transform}
.water-media>picture{opacity:1;transition:opacity .35s}
.water-media.is-playing>picture{opacity:0}
.water-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0618205c 0%,#06182000 43%,#06182000 61%,#061820b8 100%)}
.water-copy{position:absolute;top:clamp(138px,16svh,180px);left:5.5vw;z-index:2;opacity:var(--water-copy-opacity,1);transform:translateY(var(--water-copy-y,0px));will-change:transform,opacity}
.water-kicker{font:400 13px/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:0 0 20px;color:#f4f3ef}
.water-copy h1{font:400 clamp(65px,6.8vw,106px)/.99 var(--serif);letter-spacing:-.055em;margin:0;color:#f4f3ef;text-shadow:0 1px 20px #07192050}
.water-copy h1 span{display:block}
.water-copy h1 em{font-style:normal;color:#ead5b1}
.water-location{position:absolute;right:5.5vw;top:150px;text-align:right;text-transform:uppercase;font:400 12px/1.6 var(--sans);letter-spacing:.09em;opacity:var(--water-copy-opacity,1)}
.water-location span{display:block}
.water-lower{position:absolute;inset:auto 5.5vw 48px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;z-index:3;opacity:var(--water-copy-opacity,1);pointer-events:none}
.water-lower a,.water-lower button{pointer-events:auto}
.water-lower-copy{max-width:380px;font-size:17px;line-height:1.7}
.water-lower-copy>p{color:#f4f3ef;margin:0 0 21px}
.water-film-control{display:flex;align-items:center;gap:12px;font-size:12px;color:#e7e1d7}
#water-play{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #f4f3ef80;border-radius:50%;background:#0b1c2450;color:#fff;font-size:15px}
.water-offer{display:grid;grid-template-columns:auto 170px;align-items:end;gap:40px}
.water-price{text-align:right;font:400 14px/1.5 var(--sans);color:#ede8dc}
.water-price strong{display:block;font:400 45px/1.05 var(--serif);color:#f4f3ef;margin:7px 0}
.water-reserve{border:1px solid #f4f3efb3;border-radius:50%;width:170px;height:170px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:25px;line-height:1.45;gap:15px;font-size:16px;transition:background .35s,color .35s,transform .35s}
.water-reserve:hover{background:#ead5b1;color:#0b1c24;transform:scale(1.04)}
.water-reserve [aria-hidden]{font-size:22px}
.water-statement{position:absolute;inset:auto 0 5svh;text-align:center;font:400 clamp(44px,6vw,88px)/1 var(--serif);letter-spacing:-.045em;color:var(--water-gold);opacity:var(--water-statement-opacity,0);transform:translateY(var(--water-statement-y,25px));pointer-events:none}
.water-frame-note{position:absolute;inset:9svh 0 auto;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--water-gold);opacity:var(--water-statement-opacity,0)}
.water-prologue{min-height:76svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 24px 110px;background:var(--water-night)}
.water-prologue .overline{color:var(--water-gold);margin-bottom:30px}
.water-prologue h2{font-size:clamp(44px,5.6vw,84px);line-height:1.03;max-width:1030px;font-weight:400;color:var(--water-gold);text-transform:uppercase;letter-spacing:-.04em}
.water-prologue h2 span{display:inline-block;opacity:.28;transition:opacity .15s}
.water-prologue p:last-child{font-size:16px;max-width:620px;line-height:1.8;margin-top:35px;color:#c5d1d2}
.water-tour{height:440svh;position:relative;background:#0b1c24;scroll-margin-top:0}
.water-tour-sticky{position:sticky;top:0;height:100svh;min-height:710px;overflow:clip}
.water-tour-top{position:absolute;top:115px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;align-items:baseline;z-index:2;border-bottom:1px solid #dbbd8b50;padding-bottom:18px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#dbbd8b}
.water-tour-top strong{font-weight:400;color:#f4f3ef;letter-spacing:.03em;font-size:15px}
.water-rail{position:absolute;inset:0;display:flex;width:100%;will-change:transform}
.water-scene{flex:0 0 100%;width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:175px 9vw 100px 7vw;overflow:hidden;position:relative}
.water-scene:nth-child(even){grid-template-columns:1.2fr .8fr;padding-inline:9vw 7vw}
.water-scene:nth-child(even) .water-scene-copy{grid-column:2;grid-row:1}
.water-scene:nth-child(even) .water-scene-photo{grid-column:1;grid-row:1}
.water-scene-copy{align-self:center;position:relative;z-index:1;max-width:460px}
.water-scene-copy .overline{color:#dbbd8b}
.water-scene-copy h3{font:400 clamp(42px,5.5vw,78px)/1.02 var(--serif);letter-spacing:-.045em;color:#f4f3ef;margin:17px 0 26px}
.water-scene-copy>p:not(.overline){font-size:17px;line-height:1.8;color:#c5d1d2;max-width:360px}
.water-scene-copy .text-link{color:#dbbd8b;margin-top:25px;min-height:48px;border-bottom:1px solid #dbbd8b70}
.water-scene-number{display:block;font-size:14px;letter-spacing:.06em;margin-bottom:32px;color:#dbbd8b}
.water-scene-photo{position:relative;height:min(65svh,680px);width:100%;display:grid;place-items:center;min-width:0}
.water-scene-photo img{width:100%;height:100%;object-fit:contain;transform:translateY(var(--water-photo-y,0px));will-change:transform}
.water-scene-photo figcaption{position:absolute;bottom:-32px;left:0;right:0;text-align:center;font-size:12px;color:#b3c3c7;letter-spacing:.05em}
.water-scene-word{position:absolute;left:4vw;right:4vw;bottom:42px;z-index:0;font:400 clamp(110px,17vw,250px)/.8 var(--sans);letter-spacing:-.065em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #dbbd8b24;pointer-events:none}
.water-tour-nav{position:absolute;left:5.5vw;right:5.5vw;bottom:31px;display:flex;gap:27px;z-index:3;border-top:1px solid #dbbd8b30;padding-top:18px}
.water-tour-nav button{border:0;background:transparent;color:#b7c5c9;font:400 14px/1.4 var(--sans);padding:8px 0;min-height:44px;border-bottom:1px solid transparent;border-radius:0}
.water-tour-nav button[aria-pressed=true]{color:#dbbd8b;border-color:#dbbd8b}
.water-tour-nav button:first-child{margin-left:auto}
body.spa-water #gaeste{--muted:#bfcccf;--line:#dbbd8b30;margin-top:0;padding-top:0;border-top:0;color:#f4f3ef}
body.spa-water #gaeste .voices-heading{margin-bottom:36px}
body.spa-water #gaeste h3{font-size:42px}
body.spa-water #gaeste .review-grid blockquote p{font-size:25px;color:#f4f3ef}
body.spa-water #atmosphaere{display:none}
body.spa-water #arrangements{background:#f4f3ef;color:#16333d;--muted:#526369;--line:#16333d28;padding-block:110px 100px}
body.spa-water #arrangements .section-heading{gap:70px;margin-bottom:44px}
body.spa-water #arrangements .section-heading>p{font-size:17px;line-height:1.8}
body.spa-water #arrangements .booking-card{box-shadow:none;border:0;border-top:1px solid #16333d45;border-bottom:1px solid #16333d45;border-radius:0;overflow:visible}
body.spa-water #arrangements .package-tabs{border:0;background:transparent;gap:0}
body.spa-water #arrangements .package-tabs button{background:transparent;color:#16333d;border:0;border-right:1px solid #16333d25;border-bottom:1px solid #16333d25;padding:25px 12px;min-height:118px;transform:none}
body.spa-water #arrangements .package-tabs button:first-child{border-left:1px solid #16333d25}
body.spa-water #arrangements .package-tabs button.active{background:#16333d;color:#f4f3ef}
body.spa-water #arrangements .package-tabs button::after{color:inherit}
body.spa-water #arrangements .package-tabs button .package-occasion{color:inherit}
body.spa-water #arrangements .package-stage{padding:40px 0 32px;gap:65px;grid-template-columns:1fr .9fr}
body.spa-water #arrangements .package-scene{border-radius:0;aspect-ratio:auto;max-height:none}
body.spa-water #arrangements .package-detail h3{font-size:48px}
body.spa-water #arrangements .package-description{border-color:#16333d30}
body.spa-water #arrangements :is(.package-copy,.package-included>p,.package-features,.price-note,.booking-note,.included>p){color:#526369}
body.spa-water #arrangements :is(.package-extra-label,.standard-note){color:#16333d}
body.spa-water #arrangements .duration-box{padding-left:0;border:0}
body.spa-water #arrangements .preview-slot-actions button{border-color:#16333d40;color:#16333d;background:transparent}
body.spa-water #arrangements .preview-slot-actions button[aria-pressed=true]{background:#16333d;color:#f4f3ef}
body.spa-water #arrangements .durations button{color:#16333d;border-color:#16333d40}
body.spa-water #arrangements .durations button.active{background:#16333d;color:#f4f3ef;border-color:#16333d}
body.spa-water #arrangements .price-row strong{font-size:56px;color:#16333d}
body.spa-water #arrangements .button.gold{background:#16333d;color:#f4f3ef;border-color:#16333d;border-radius:0;font-size:16px;min-height:57px}
body.spa-water #arrangements .package-information{padding-inline:0}
body.spa-water #arrangements .next-dates-list a{background:transparent;color:#16333d;border-color:#16333d40;border-radius:0;font-size:14px;min-height:48px}
body.spa-water #arrangements :is(.next-dates,.price-preview,.included){border-color:#16333d35}
body.spa-water #arrangements .next-dates{background:transparent}
body.spa-water #arrangements .preview-fields label{color:#16333d}
body.spa-water #arrangements .field-label{color:#16333d}
body.spa-water #arrangements .preview-total{background:transparent;color:#16333d;border-color:#16333d35}
/* All nested copy belongs to the light arrangement surface, including extras. */
body.spa-water #arrangements .price-preview .preview-field-name,
body.spa-water #arrangements .price-preview .preview-total strong{color:#16333d}
body.spa-water #arrangements .price-preview .preview-field-description,
body.spa-water #arrangements .price-preview .preview-unit-price,
body.spa-water #arrangements .price-preview .preview-price-hint,
body.spa-water #arrangements .price-preview>small{color:#485d63}
body.spa-water #arrangements .price-preview .preview-fields label{border-color:#16333d28}
body.spa-water #arrangements .price-preview .preview-total strong{font-variant-numeric:tabular-nums}
body.spa-water #arrangements .price-preview select{background:#fff;color:#16333d;border-color:#16333d50}
body.spa-water #arrangements .extras-list div,body.spa-water #arrangements table :is(th,td){border-color:#16333d30}
body.spa-water .gift-section{background:#0b1c24;border:0;padding-block:105px}
body.spa-water .gift-grid{grid-template-columns:1fr 1fr;gap:80px}
body.spa-water .gift-grid>img{aspect-ratio:4/5;max-height:690px;object-fit:cover;transform:none;order:2}
body.spa-water .gift-grid h2{font-size:clamp(46px,6vw,82px);max-width:500px;color:#dbbd8b}
body.spa-water .gift-grid>div{order:1;opacity:1;translate:none}
body.spa-water .gift-grid p:not(.overline){font-size:16px;line-height:1.85;color:#c4d1d4}
body.spa-water .gift-grid .gift-note{font-size:14px}
body.spa-water .gift-grid .button{border-radius:0;font-size:16px;min-height:55px}
body.spa-water .morning-story{background:#f4f3ef;color:#16333d;padding-top:100px}
body.spa-water .morning-heading h2{max-width:620px}
body.spa-water .story,body.spa-water .visit,body.spa-water .restaurant-section{background:#f4f3ef;color:#16333d}
body.spa-water .story{padding-block:100px}
body.spa-water .story-grid{gap:34px}
body.spa-water .story-grid figure:nth-child(2){padding-top:80px}
body.spa-water .story-grid figure:nth-child(3){padding-top:35px}
body.spa-water .visit{padding-top:70px}
body.spa-water .restaurant-section{padding-block:80px 105px}
body.spa-water .final-cta{padding-block:100px}
body.spa-water footer{border-color:#dbbd8b30;padding-top:60px}
.water-original-link{background:transparent;border:0;border-bottom:1px solid #dbbd8b80;color:#dbbd8b;font-size:15px;min-height:48px;padding:7px 0;margin-top:18px;border-radius:0}
.water-scene-copy .water-original-link{display:block;width:max-content;max-width:100%;margin-top:16px}
body.spa-water #arrangements .overline{color:#526369}
body.spa-water #arrangements #preview-slot-hint,body.spa-water #arrangements #next-dates-status{color:#526369}
body.spa-water .gift-grid .button{margin-right:12px;margin-bottom:8px}
body.spa-water .gift-grid #water-package-gift{display:block;width:max-content;max-width:100%;margin-top:16px;border-bottom:1px solid #dbbd8b70;color:#dbbd8b}
body.spa-water #arrangements #water-package-gift{display:flex;width:max-content;max-width:100%;margin-top:10px;border-bottom:1px solid #16333d70;color:#16333d;font-size:14px;min-height:44px}
body.spa-water .gift-grid .button{display:flex;width:min(100%,300px);margin-right:0}
body.spa-water .gift-grid .water-gift-date{display:flex;width:max-content;max-width:100%;margin-top:5px;border-bottom:1px solid #dbbd8b70;color:#dbbd8b}
body.spa-water .water-gift-info{margin-top:30px;border-top:1px solid #dbbd8b50;border-bottom:1px solid #dbbd8b50;color:#dbbd8b}
body.spa-water .water-gift-info summary{font-size:15px;padding-block:14px;min-height:56px}
body.spa-water .water-gift-info p{font-size:14px!important;line-height:1.8!important;padding-bottom:10px}
body.spa-water footer .sm-privacy-launcher{position:static;left:auto;right:auto;bottom:auto;box-shadow:none;border:0;background:transparent;color:#c3d0d3;font-size:13px;min-height:40px;padding:6px 0;display:block;text-align:left}
.water-film-dialog{width:min(1120px,94vw);max-height:92svh;border:1px solid #dbbd8b70;background:#0b1c24;color:#f4f3ef;padding:24px}
.water-film-dialog::backdrop{background:#071920ed}
.water-film-dialog header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.water-film-dialog h2{font-size:30px!important}
.water-film-dialog button{width:44px;height:44px;color:#f4f3ef;background:transparent;border:1px solid #dbbd8b60;font-size:25px}
.water-film-dialog video{width:100%;max-height:70svh;background:#000;object-fit:contain}
.water-film-dialog p{font-size:13px;color:#c5d1d2;margin-top:15px}
.water-motion-control{border:0;border-bottom:1px solid #dbbd8b60;border-radius:0;padding:8px 0;color:#dbbd8b;background:transparent;font-size:14px;min-height:44px;margin-top:20px}
body.spa-water .mobile-book{z-index:40}
body.spa-water.water-at-top .mobile-book{visibility:hidden;pointer-events:none;transform:translateY(100%)}
body.spa-water.water-reduced .water-entry{height:auto}
body.spa-water.water-reduced .water-window{position:relative}
body.spa-water.water-reduced .water-tour{height:auto}
body.spa-water.water-reduced .water-tour-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding-top:100px}
body.spa-water.water-reduced .water-tour-top{position:relative;inset:auto;margin:0 5.5vw}
body.spa-water.water-reduced .water-rail{position:relative;display:block;transform:none!important}
body.spa-water.water-reduced .water-scene{min-height:85svh;padding-top:60px}
body.spa-water.water-reduced .water-tour-nav{display:none}
body.spa-water.water-reduced .water-prologue h2 span{opacity:1!important}
@media(max-width:1100px){body.spa-water .header nav{gap:14px}.water-copy h1{font-size:80px}.water-offer{gap:22px}.water-scene{gap:5vw;padding-inline:6vw}.water-scene:nth-child(even){padding-inline:6vw}.water-scene-copy h3{font-size:58px}body.spa-water .gift-grid{gap:40px}body.spa-water #arrangements .package-stage{gap:40px}}
@media(max-width:1000px){body.spa-water .header{min-height:78px;padding:16px 28px}body.spa-water .header nav{inset:78px 0 auto;background:#0b1c24;gap:9px}body.spa-water .header nav.open{display:flex}.water-location{display:none}}
@media(max-width:700px){
 body.spa-water h2{font-size:clamp(38px,10vw,52px)}body.spa-water .header{padding:15px 22px;min-height:77px}body.spa-water .header .wordmark{font-size:28px;min-width:125px;width:125px}
 .water-entry{height:160svh}.water-window{min-height:660px;height:100svh;max-height:none}.water-media{clip-path:inset(var(--water-inset-y,0%) var(--water-inset-x,0%));background:#0b1c24}
 .water-media img,.water-media>video{top:0;height:100%;object-fit:contain;object-position:50% 50%}.water-media::after{background:linear-gradient(180deg,#0b1c2460 0%,#0b1c2400 38%,#0b1c2400 70%,#0b1c24d9 96%)}
 .water-copy{left:24px;right:24px;top:120px}.water-kicker{font-size:11px;letter-spacing:.09em;margin-bottom:17px}.water-copy h1{font-size:clamp(46px,12vw,66px);line-height:1.04;letter-spacing:-.045em}
 .water-lower{inset:auto 24px 29px;display:block}.water-lower-copy>p{display:none}.water-film-control{position:absolute;bottom:calc(100% + 16px);left:0;gap:10px;font-size:11px}
 #water-play{min-width:38px;min-height:38px;font-size:12px}.water-offer{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;width:100%}.water-price{text-align:left;font-size:12px;line-height:1.5}.water-price strong{font-size:34px;margin:4px 0}.water-reserve{width:100%;height:auto;min-height:55px;border-radius:0;padding:15px;font-size:15px;gap:8px;background:#dbbd8b;color:#0b1c24;border-color:#dbbd8b}.water-reserve [aria-hidden]{font-size:20px}
 .water-frame-note{top:11svh;font-size:11px}.water-statement{inset:auto 24px 16svh;font-size:47px;line-height:1.05}
 .water-prologue{min-height:62svh;padding:80px 26px}.water-prologue h2{font-size:38px;line-height:1.08}.water-prologue .overline{font-size:11px;margin-bottom:24px}.water-prologue p:last-child{font-size:15px;margin-top:28px}
 .water-tour{height:440svh}.water-tour-sticky{height:100svh;min-height:690px}.water-tour-top{top:94px;left:24px;right:24px;padding-bottom:12px;font-size:10px}.water-tour-top strong{font-size:12px}
 .water-scene,.water-scene:nth-child(even){grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:19px;padding:145px 24px 92px;align-items:start;align-content:stretch}
 .water-scene-copy,.water-scene:nth-child(even) .water-scene-copy{grid-column:1;grid-row:1;max-width:none;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}
 .water-scene-number{display:none}.water-scene-copy .overline{grid-column:1/-1;margin:0;font-size:11px}.water-scene-copy h3{font-size:33px;margin:0;grid-column:1;grid-row:2;max-width:180px;line-height:1.06}.water-scene-copy>p:not(.overline){font-size:13px;line-height:1.6;grid-column:2;grid-row:2;align-self:start}.water-scene-copy .text-link{grid-column:1/-1;display:none}
 .water-scene-photo,.water-scene:nth-child(even) .water-scene-photo{grid-column:1;grid-row:2;height:100%;max-height:47svh;min-height:0;width:100%;margin:0}.water-scene-photo img{width:100%;height:100%;object-fit:contain}.water-scene-photo figcaption{bottom:-22px;font-size:10px}
 .water-scene-word{display:none}.water-tour-nav{left:24px;right:24px;bottom:83px;gap:22px;padding-top:11px;justify-content:space-between}.water-tour-nav button{font-size:13px;min-height:38px}.water-tour-nav button:first-child{margin:0}
 .water-scene,.water-scene:nth-child(even){padding-bottom:150px}
 .water-scene-copy .water-original-link{grid-column:1/-1;text-align:left;font-size:13px;min-height:39px;margin:0}
 body.spa-water .gift-grid .button{margin-right:0}
 body.spa-water #gaeste h3{font-size:33px}body.spa-water #gaeste .review-grid blockquote p{font-size:24px}
 body.spa-water #arrangements{padding-block:66px 60px}body.spa-water #arrangements .section-heading{gap:24px;margin-bottom:32px}body.spa-water #arrangements .section-heading>p{font-size:16px}
 body.spa-water #arrangements .package-mobile{padding:20px 0}body.spa-water #arrangements .package-stage{padding:0 0 20px;grid-template-columns:1fr;gap:27px}body.spa-water #arrangements .package-scene{aspect-ratio:4/3;max-height:none}body.spa-water #arrangements .package-detail h3{font-size:38px}body.spa-water #arrangements .price-row strong{font-size:48px}body.spa-water #arrangements .package-information{padding-inline:0}
 body.spa-water .gift-section{padding-block:65px}body.spa-water .gift-grid{grid-template-columns:1fr;gap:34px}body.spa-water .gift-grid>img{aspect-ratio:4/3;order:2}body.spa-water .gift-grid h2{font-size:49px;max-width:330px}body.spa-water .gift-grid .gift-note{font-size:13px}
 body.spa-water .morning-story{padding-top:65px}body.spa-water .story{padding-block:65px}body.spa-water .story-grid{gap:22px}body.spa-water .story-grid figure:nth-child(2),body.spa-water .story-grid figure:nth-child(3){padding-top:0}body.spa-water .visit{padding-top:35px}body.spa-water .restaurant-section{padding-block:60px}body.spa-water .final-cta{padding-block:60px}
 body.spa-water.water-reduced .water-tour-sticky{padding-top:70px}body.spa-water.water-reduced .water-scene,body.spa-water.water-reduced .water-scene:nth-child(even){min-height:750px;padding-top:35px;grid-template-rows:auto 450px}
}
@media(max-width:360px){.water-copy{left:20px;right:20px;top:113px}.water-copy h1{font-size:43px}.water-kicker{font-size:10px}.water-lower{left:20px;right:20px}.water-offer{gap:12px}.water-reserve{font-size:14px;padding:12px}.water-tour-nav{gap:13px;left:20px;right:20px}.water-scene-copy h3{font-size:29px}.water-scene-copy>p:not(.overline){font-size:12px}}
@media(prefers-reduced-motion:reduce){.water-media,.water-copy,.water-prologue h2 span,.water-scene-photo img{transition:none;will-change:auto}}

@media(max-width:700px){.water-film-control{display:none}.water-media>picture{top:30svh;bottom:18svh}.water-media img{object-fit:contain}.water-scene-copy>p:not(.overline){font-size:14px}.water-scene-word{display:none}}
.water-scene-word{display:none}

@media(max-width:700px){.water-scene-photo,.water-scene:nth-child(even) .water-scene-photo{height:min(37svh,calc(100svh - 510px));max-height:37svh}.water-tour-nav{background:#0b1c24}.water-scene-photo figcaption{bottom:-19px}}
.water-scene-photo img{position:absolute;inset:0;min-height:0;min-width:0}

.water-media img{object-fit:contain;object-position:center}.water-media::after{background:linear-gradient(90deg,#0b1c2460,transparent 30%,transparent 70%,#0b1c2430),linear-gradient(180deg,#0b1c2460,transparent 45%,transparent 65%,#0b1c24b0)}
body.spa-water #arrangements .package-tabs button::after{display:none}
body.spa-water .water-extras-copy p{max-width:780px;font-size:16px;line-height:1.8;color:#526369}
@media(max-width:700px){.water-scene-copy{display:block!important}.water-scene-copy h3{font-size:38px;max-width:none;margin:10px 0 16px}.water-scene-copy>p:not(.overline){font-size:16px;line-height:1.65;max-width:340px}.water-scene-photo,.water-scene:nth-child(even) .water-scene-photo{height:min(36svh,calc(100svh - 440px));max-height:36svh}.water-tour-top{font-size:12px}.water-tour-nav{gap:14px}.water-tour-nav button{font-size:14px}.water-copy h1{font-size:clamp(46px,12vw,66px)}}
.water-film-open,.water-model-open{font:400 14px/1.5 var(--sans);color:#dbbd8b;border:0;border-bottom:1px solid #dbbd8b80;background:transparent;border-radius:0;min-height:44px;padding:7px 0}.water-film-open{display:flex;gap:18px;align-items:center}.water-model-open{margin-left:auto;margin-right:30px}.water-model-dialog{width:min(1220px,96vw)}.water-model-dialog iframe{display:block;width:100%;height:70svh;max-height:760px;border:0;background:#0b1c24}.water-film-dialog video{display:block;width:auto;max-width:100%;height:70svh;margin:auto}.water-film-dialog[open]{display:block}
@media(max-width:700px){.water-film-open{position:absolute;bottom:calc(100% + 12px);left:0;font-size:14px}.water-tour-top strong{max-width:105px;line-height:1.5}.water-model-open{font-size:14px;margin-right:0;margin-left:auto}.water-tour-top #water-count{display:none}.water-film-dialog{padding:16px}.water-film-dialog h2{font-size:24px!important}.water-model-dialog iframe{height:67svh}}
@font-face{font-family:SaaleDisplay;src:url('/assets/experience-fonts/playfair-display-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
body.spa-water h1,body.spa-water h2,body.spa-water h3,.water-statement{font-family:SaaleDisplay,Georgia,serif;font-weight:600}
@media(max-width:700px){.water-scene,.water-scene:nth-child(even){padding-top:180px;padding-bottom:175px;grid-template-rows:auto minmax(0,1fr)}.water-scene-photo,.water-scene:nth-child(even) .water-scene-photo{height:100%;max-height:38svh;align-self:center}.water-scene-copy h3{font-size:34px}.water-scene-photo figcaption{font-size:12px;bottom:-24px}}
/* Revised cinematic direction: the existing header film leads the page. */
body.spa-water{--serif:"DM Sans",Arial,sans-serif}
body.spa-water h1,body.spa-water h2,body.spa-water h3,.water-statement{font-family:var(--sans);font-weight:400}
body.spa-water .wordmark{font-family:Georgia,"Times New Roman",serif}
body.spa-water .header{padding:22px 4.5vw;min-height:88px;background:linear-gradient(#08191db8,transparent)}
body.spa-water .header .nav-book{background:transparent;color:#f4f3ef;border-color:#ffffff80;border-radius:0;padding-inline:22px}
.water-window{min-height:640px}
.water-media #water-header-film{inset:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none}
.water-media::after{background:linear-gradient(180deg,#04121870,transparent 32%),linear-gradient(0deg,#041218ed,transparent 80%),linear-gradient(90deg,#04121840,transparent 75%)}
.water-copy{left:5.5vw;top:auto;bottom:230px;max-width:880px}
.water-kicker{font-size:12px;letter-spacing:.15em;margin-bottom:25px}
.water-copy h1{font-family:var(--sans);font-weight:400;font-size:clamp(65px,8.5vw,126px);line-height:1.01;letter-spacing:-.055em;text-shadow:none}
.water-copy h1 em{color:#f4f3ef;font-style:normal}
.water-location{display:none}
.water-lower{bottom:52px;gap:50px}
.water-lower-copy{font-size:17px;line-height:1.65}
.water-lower-copy>p{margin-bottom:16px}
.water-film-open{font-size:13px;color:#f4f3ef;min-height:44px;border-color:#ffffff65;width:max-content;gap:0}
.water-offer{grid-template-columns:1fr;gap:20px;min-width:260px}
.water-price{text-align:left;color:#f4f3ef;font-size:13px}
.water-price strong{font:400 37px/1.1 var(--sans);letter-spacing:-.04em;margin:5px 0}
.water-reserve{border-radius:0;width:260px;height:58px;min-height:58px;display:flex;justify-content:space-between;text-align:left;padding:15px 22px;background:#f4f3ef;color:#0b1c24;border:0;font-size:16px}
.water-reserve:hover{background:#dbbd8b;transform:none}
.water-statement{font-size:clamp(52px,7vw,100px);color:#f4f3ef;font-weight:400}
.water-frame-note{display:none}
.water-prologue{align-items:flex-start;text-align:left;padding:120px 9vw;min-height:70svh}
.water-prologue .overline{display:none}
.water-prologue h2{color:#f4f3ef;text-transform:none;font-family:var(--sans);font-size:clamp(46px,6.4vw,90px);line-height:1.1;max-width:1120px;letter-spacing:-.05em}
.water-prologue p:last-child{align-self:flex-end;max-width:420px;font-size:17px;margin-top:55px}
.water-tour-top{letter-spacing:0;text-transform:none;font-size:14px;border-color:#ffffff2b}
.water-tour-top strong{font-size:16px}
.water-scene-copy .overline{display:none}
.water-scene-copy h3{font-family:var(--sans);font-size:clamp(48px,5.2vw,76px);letter-spacing:-.05em;font-weight:400;margin-top:0;line-height:1.08}
.water-scene-copy>p:not(.overline){font-size:17px;line-height:1.75;max-width:390px}
.water-scene-photo{height:68svh;max-height:690px}
.water-scene-photo figcaption{font-size:13px;letter-spacing:0}
.water-tour-nav{border-color:#ffffff2b}
body.spa-water .gift-grid h2{color:#f4f3ef;font-family:var(--sans);font-size:clamp(46px,6vw,82px);letter-spacing:-.055em}
body.spa-water #arrangements .section-heading{display:block;max-width:780px;margin-bottom:50px}
body.spa-water #arrangements .section-heading>p{max-width:600px;margin-top:25px}
body.spa-water #arrangements .overline{display:none}
body.spa-water #arrangements .package-tabs button{min-height:90px}
body.spa-water #arrangements .package-detail h3{font-size:42px;font-weight:400}
body.spa-water #arrangements .price-row strong{font-family:var(--sans);font-size:50px}
body.spa-water .section-heading h2{font-weight:400}
body.spa-water .guest-voices .overline{display:none}
@media(max-width:1100px){.water-copy h1{font-size:clamp(70px,9vw,110px)}}
@media(max-width:700px){
 body.spa-water .header{padding:17px 23px;min-height:76px}
 .water-window{min-height:650px;height:100svh}
 .water-media #water-header-film{object-fit:cover;object-position:55% 50%;height:100%;top:0}
 .water-media::after{background:linear-gradient(180deg,#04121899,transparent 40%),linear-gradient(0deg,#041218fa 0%,#04121880 40%,transparent 72%)}
 .water-copy{left:24px;right:20px;top:auto;bottom:256px;max-width:none}
 .water-kicker{font-size:11px;line-height:1.6;letter-spacing:.09em;margin-bottom:20px;max-width:260px}
 .water-copy h1{font-size:clamp(40px,10.5vw,70px);line-height:1.06;letter-spacing:-.052em}
 .water-lower{left:24px;right:24px;bottom:26px;display:block}
 .water-lower-copy>p{display:none}
 .water-film-open{position:relative;inset:auto;min-height:44px;margin-bottom:17px;font-size:13px}
 .water-offer{grid-template-columns:1fr;gap:17px;min-width:0}
 .water-price{text-align:left;font-size:12px}
 .water-price strong{display:inline;font-size:28px;margin:0 11px 0 0}
 .water-price{line-height:1.65}
 .water-reserve{width:100%;min-height:56px;height:56px;background:#f4f3ef;font-size:16px;padding:16px 20px}
 .water-prologue{min-height:auto;padding:90px 24px 105px}
 .water-prologue h2{font-size:42px;line-height:1.15}
 .water-prologue p:last-child{font-size:16px;margin-top:35px;align-self:flex-start;max-width:330px}
 .water-statement{font-size:54px}
 .water-scene-copy h3{font-size:39px;margin-bottom:18px}
 .water-scene-copy>p:not(.overline){font-size:16px;line-height:1.7}
 .water-scene-photo,.water-scene:nth-child(even) .water-scene-photo{height:100%;max-height:39svh}
 .water-model-open{font-size:13px}
 .water-tour-top strong{font-size:14px;max-width:150px}
 body.spa-water #arrangements .section-heading{margin-bottom:30px}
 body.spa-water #arrangements .package-detail h3{font-size:36px}
 body.spa-water .gift-grid h2{font-size:46px}
}
body.spa-water .header .wordmark{position:relative;display:inline-flex;flex-wrap:nowrap;width:160px;min-width:160px;padding-bottom:20px}
body.spa-water .header .wordmark small{position:absolute;left:0;top:35px;width:160px;margin:0}
body.spa-water .sm-privacy-panel h2{font-size:clamp(28px,3vw,38px);line-height:1.15}
@media(max-width:700px){body.spa-water .header .wordmark{width:145px;min-width:145px;font-size:28px}body.spa-water .header .wordmark small{top:32px;font-size:10px}}
.water-price-label,.water-price-detail{display:block}
@media(max-width:700px){
 .water-copy{bottom:278px}
 .water-price-label{font-size:12px;margin-bottom:4px}
 .water-price strong{display:block;font-size:30px;line-height:1.1;margin:0 0 5px}
 .water-price-detail{font-size:12px}
 body.spa-water.water-reduced .water-tour{height:auto}
 body.spa-water.water-reduced .water-tour-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding-top:85px}
 body.spa-water.water-reduced .water-tour-top{position:relative;inset:auto;margin:0 24px;padding:0 0 15px}
 body.spa-water.water-reduced .water-rail{display:block;position:relative;transform:none!important}
 body.spa-water.water-reduced .water-scene,body.spa-water.water-reduced .water-scene:nth-child(even){display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;padding:50px 24px 60px;gap:30px}
 body.spa-water.water-reduced .water-scene-copy{max-width:none}
 body.spa-water.water-reduced .water-scene-photo,body.spa-water.water-reduced .water-scene:nth-child(even) .water-scene-photo{height:auto;max-height:none;width:100%;display:block;margin:0}
 body.spa-water.water-reduced .water-scene-photo img{position:relative;inset:auto;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
 body.spa-water.water-reduced .water-scene-photo figcaption{position:relative;inset:auto;margin-top:15px;text-align:left;font-size:13px}
 body.spa-water.water-reduced .water-tour-nav{display:none}
}
@media(max-width:700px){body.spa-water footer #water-motion{display:none}}
/* One continuous camera-like transition rather than simultaneous crops. */
.water-media{clip-path:none;transform:scale(var(--water-frame-scale,1));transform-origin:center;will-change:transform}
.water-media>video{transform:none!important}
.water-copy{will-change:opacity,transform}
.water-prologue h2 span{transition:none}
.water-film-actions{display:flex;align-items:center;gap:26px}
.water-film-actions .water-film-open{margin:0;text-decoration:none}
.water-film-actions a{display:flex;gap:12px}
.water-model-section{padding:40px 5.5vw 95px;background:#0b1c24;scroll-margin-top:90px}
.water-model-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:35px}
.water-model-heading h2{font-size:clamp(42px,5.6vw,80px);line-height:1.08;letter-spacing:-.055em}
.water-model-heading p{font-size:16px;color:#c5d1d2;max-width:370px;line-height:1.8;padding-bottom:7px}
.water-model-stage{position:relative;height:640px;max-height:75svh;min-height:470px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;overflow:hidden}
.water-model-stage iframe{display:block;width:100%;height:100%;border:0;background:#0b1c24}
.water-model-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0b1c24}
.water-model-loading button{padding:16px 24px;min-height:54px;border:1px solid #ffffff80;border-radius:0;background:transparent;color:#f4f3ef;display:flex;gap:40px;font-size:16px}
.water-model-loading p{color:#c5d1d2;font-size:14px;text-align:center;padding-inline:24px}
.model-started .water-model-loading{display:none}
.water-model-book{margin-top:22px;float:none;color:#f4f3ef;border-bottom:1px solid #ffffff50}
.water-model-open{text-decoration:none}
@media(max-width:700px){
 .water-film-actions{flex-wrap:wrap;gap:10px 24px;margin-bottom:17px}
 .water-film-actions .water-film-open{font-size:12px;min-height:40px}
 .water-film-actions a{gap:6px}
 .water-model-section{padding:65px 24px 40px;scroll-margin-top:80px}
 .water-model-heading{display:block;margin-bottom:30px}
 .water-model-heading h2{font-size:41px}
 .water-model-heading p{margin-top:22px;font-size:16px}
 .water-model-stage{height:520px;max-height:none;min-height:0;margin-inline:-24px}
 .water-model-book{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.water-media{transform:none;will-change:auto}}
@media(max-width:700px){.water-scene{scroll-margin-top:90px}}

/* A quiet progress line keeps orientation throughout the real-photo journey. */
.water-tour-top::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#dbbd8b;transform-origin:left;transform:scaleX(var(--tour-progress,0));pointer-events:none}
@media(max-width:700px){.water-tour-top::after{display:none}}
/* Full-width original film; the intro title shares the movie timeline. */
.water-window{display:block;height:100svh;min-height:700px}
.water-media{inset:0;transform:scale(var(--water-frame-scale,1));background:#08151a}
.water-media #water-header-film{object-fit:contain;object-position:center}
.water-media::after{display:block;background:linear-gradient(180deg,#061820aa,transparent 27%,transparent 65%,#061820a0)}
.water-copy{left:auto;right:5.5vw;top:clamp(125px,16svh,175px);bottom:auto;width:38vw;max-width:550px;text-align:right;opacity:calc(var(--water-copy-opacity,1)*var(--film-title-opacity,1));transform:translateY(var(--water-copy-y,0px));transition:opacity .55s}
.water-copy h1{font-size:clamp(54px,6.4vw,96px);line-height:1.01}
.water-copy h1 span{display:block}.water-copy h1 em{display:block}
.water-kicker{font-size:11px;line-height:1.6;max-width:330px;margin-left:auto}
.water-location{display:none}
.water-lower{left:auto;right:5.5vw;bottom:40px;width:330px;display:flex;flex-direction:column;align-items:stretch;gap:16px}
.water-lower-copy{max-width:none}.water-film-actions{justify-content:flex-end;gap:20px;font-size:12px}
.water-offer{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin:0}
.water-price{text-align:left;white-space:nowrap}.water-price strong{font-size:33px;margin:4px 0}.water-price-detail{font-size:11px}
.water-reserve{width:156px;min-width:156px;height:60px;min-height:60px;border-radius:0;font-size:14px;padding:14px;background:#f4f3ef;color:#0b1c24}
.water-price-label{font-size:11px}
/* Original photographs and portrait film form one coherent morning spread. */
body.spa-water .morning-story{background:#f1eee6;color:#102b35;padding:0}
body.spa-water .morning-story .morning-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:28px;max-width:1200px;padding-block:90px 100px}
body.spa-water .morning-film-layout,body.spa-water .morning-photos{display:contents}
body.spa-water .morning-film-copy{grid-column:1/-1;max-width:850px;margin-bottom:20px}
body.spa-water .morning-film-copy h2{font-size:clamp(44px,5.5vw,78px);margin:14px 0 24px;line-height:1.06}
body.spa-water .morning-film-copy p:not(.overline){font-size:17px;line-height:1.75;max-width:640px}
body.spa-water .morning-film-note{color:#52676b;margin-top:12px}
body.spa-water .morning-photos figure{min-width:0;margin:0}
body.spa-water .morning-photos figure:first-child{grid-column:1;grid-row:2}
body.spa-water .morning-film-frame{grid-column:2;grid-row:2;margin:0;min-width:0;width:100%}
body.spa-water .morning-film-frame video{display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#102b35}
body.spa-water .morning-photos figure:nth-child(2){grid-column:1;grid-row:3}
body.spa-water .morning-photos figure:nth-child(3){grid-column:2;grid-row:3}
body.spa-water .morning-photos .photo-open{display:block;aspect-ratio:auto;width:100%;height:360px}
body.spa-water .morning-photos figure:first-child .photo-open{height:100%;min-height:0;max-height:calc((min(1200px,100vw - 96px) - 28px)*.35*910/512)}
body.spa-water .morning-photos img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 48%}
body.spa-water .morning-film-frame figcaption,body.spa-water .morning-photos figcaption{font-size:13px;line-height:1.5;color:#52676b;margin:12px 0 0}
body.spa-water .morning-video-status:empty{display:none}
@media(max-width:700px){
 .water-entry{height:auto}.water-window{position:relative;height:auto;min-height:0;padding-top:88px;padding-bottom:165px}
 .water-media{inset:88px 0 auto;height:auto;aspect-ratio:16/9;position:relative;top:auto;left:auto;right:auto}
 .water-media #water-header-film{object-fit:contain}.water-media::after{background:linear-gradient(180deg,#081c2445,transparent 70%)}
 .water-copy{top:104px;right:20px;left:auto;bottom:auto;width:42%;max-width:200px}
 .water-copy h1{font-size:clamp(27px,7.4vw,41px);line-height:1.02}.water-kicker{font-size:7px;letter-spacing:.07em;line-height:1.4;margin-bottom:8px;max-width:170px}
 .water-lower{left:24px;right:24px;bottom:22px;width:auto;gap:10px}
 .water-film-actions{justify-content:space-between;gap:12px;flex-wrap:nowrap;margin:0}.water-film-actions .water-film-open{font-size:12px;min-height:38px}
 .water-offer{display:flex;justify-content:space-between;gap:16px}.water-price strong{font-size:27px;margin:3px 0}.water-price-label{display:block;font-size:10px}.water-price-detail{display:block;font-size:10px}.water-reserve{height:54px;min-height:54px;width:155px;min-width:140px;font-size:14px}
 .water-frame-note,.water-statement{display:none}
 body.spa-water .morning-story .morning-section{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;padding-block:62px 70px}
 body.spa-water .morning-film-copy{grid-column:1/-1;margin:0}
 body.spa-water .morning-film-copy h2{font-size:43px;margin-bottom:18px}
 body.spa-water .morning-film-copy p:not(.overline){font-size:16px;line-height:1.7}
 body.spa-water .morning-photos figure:first-child{grid-column:1/-1;grid-row:2}
 body.spa-water .morning-photos figure:first-child .photo-open{height:420px;max-height:none}
 body.spa-water .morning-film-frame{grid-column:1/-1;grid-row:4;width:100%;max-width:360px;justify-self:center}
 body.spa-water .morning-photos figure:nth-child(2){grid-column:1;grid-row:3}
 body.spa-water .morning-photos figure:nth-child(3){grid-column:2;grid-row:3}
 body.spa-water .morning-photos .photo-open{height:245px}
 body.spa-water .morning-photos figcaption{font-size:12px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.water-copy{opacity:1;transition:none}.water-media{transform:none}}

/* Package photographs and captions form one calm editorial column. */
body.spa-water #arrangements .package-scene{position:static;height:auto;overflow:visible;background:transparent;color:var(--ink);aspect-ratio:auto;max-height:none}
body.spa-water #arrangements .package-scene::after{display:none}
body.spa-water #arrangements #package-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
body.spa-water #arrangements .package-scene figcaption{position:static;padding:26px 0 24px;text-shadow:none}
body.spa-water #arrangements .package-scene .package-tag{display:block;color:#526369;font-size:11px;line-height:1.6;letter-spacing:.11em;margin:0 0 9px}
body.spa-water #arrangements .package-scene h3{color:var(--ink);font-size:clamp(32px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0}
body.spa-water #arrangements .package-description{padding:0;border-top:1px solid #16333d30}
body.spa-water #arrangements .package-description>summary{padding:20px 0;margin:0;border:0;color:#16333d;font-size:14px;font-weight:500;line-height:1.6;gap:24px}
body.spa-water #arrangements .package-description>p{font-size:16px;line-height:1.8;margin:0 0 22px;max-width:44ch}
body.spa-water #arrangements .package-description .package-included{margin:0 0 22px;padding:20px 24px;background:#16333d06;border-left:2px solid #a9997c}
body.spa-water #arrangements .package-included p{font-size:14px;line-height:1.8}
body.spa-water #arrangements .package-description .standard-note{font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
body.spa-water #arrangements .package-description .package-extra-label{margin-bottom:8px;font-size:13px;font-weight:600}
@media(max-width:700px){body.spa-water #arrangements #package-photo{aspect-ratio:4/3}body.spa-water #arrangements .package-scene figcaption{padding:22px 0}body.spa-water #arrangements .package-scene h3{font-size:34px}}

body.spa-water.water-quiet-dock .mobile-book,body.spa-water.viewing-photo .mobile-book{visibility:hidden;pointer-events:none;transform:translateY(100%)}


/* Shorter route to arrangements; original media remain available on demand. */
@media(min-width:701px){
 body.spa-water:not(.water-reduced) .water-entry{height:145svh}
 body.spa-water:not(.water-reduced) .water-tour{height:330svh}
 .water-prologue{min-height:0;padding-block:75px}
 .water-prologue h2{font-size:clamp(42px,5vw,72px)}
 .water-prologue p:last-child{margin-top:32px;max-width:600px}
}
body.spa-water .water-background{border-top:1px solid #16333d30;background:#f1eee6;color:#16333d}
body.spa-water .water-background>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:24px max(24px,5.5vw);font-size:clamp(20px,2.3vw,30px);line-height:1.35;cursor:pointer;list-style:none}
body.spa-water .water-background>summary::-webkit-details-marker{display:none}
body.spa-water .water-background>summary>span:last-child{font-size:30px;transition:transform .2s}
body.spa-water .water-background[open]>summary>span:last-child{transform:rotate(45deg)}
body.spa-water .water-background>summary:focus-visible{outline:2px solid #16333d;outline-offset:-6px}
body.spa-water .water-background #geschichte{padding-block:48px 65px}
body.spa-water .water-background .morning-section{padding-block:35px 60px}
@media(max-width:700px){
 .water-prologue{padding-block:60px}
 .water-prologue h2{font-size:clamp(32px,8.4vw,42px)}
 .water-film-actions .water-film-open{min-height:44px}
 .water-background>summary{min-height:76px}
 .water-model-stage{height:460px}
}
@media(prefers-reduced-motion:reduce){body.spa-water .water-background>summary>span:last-child{transition:none}}

/* inline */
@media(min-width:1001px) and (max-width:1140px){.menu{display:flex;position:relative;flex-direction:column;justify-content:center;gap:5px;width:74px;height:46px;padding:8px 46px 8px 0;background:transparent;border:0;color:var(--cream)}.menu span{width:22px;height:1px;background:currentColor}.menu em{position:absolute;left:31px;font-size:14px;font-style:normal}.header nav{display:none;position:absolute;inset:86px 0 auto;background:var(--night);padding:20px 28px 30px;border-bottom:1px solid #ffffff30;box-shadow:0 16px 32px #0005}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav .nav-book{margin-top:12px;justify-content:center}}
/* inline */
.restaurant-section .restaurant-note{font-size:14px!important;line-height:1.7!important}
/* /assets/booking-clarity.css?v=20261007-offers */
/* Keep the existing SaaleSpa palette and type; clarify the purchase selection. */
body.spa-site #arrangements.booking-clarity{--booking-text:#f4f3ef;--booking-secondary:#d4dedf;--booking-border:#ffffff40;--booking-control:#112d37}
body.spa-water #arrangements.booking-clarity{--booking-text:#16333d;--booking-secondary:#485d63;--booking-border:#16333d40;--booking-control:#fff}
body.spa-site #arrangements.booking-clarity .price-row{display:none}
body.spa-site #arrangements.booking-clarity .package-essentials{font-size:16px;line-height:1.6;color:var(--booking-text);margin:14px 0 7px;font-weight:500}
body.spa-site #arrangements.booking-clarity .package-highlight{font-size:16px;line-height:1.6;color:var(--booking-secondary);margin:0 0 22px;max-width:46ch}
body.spa-site #arrangements.booking-clarity :is(.field-label,.price-note,.package-mobile,.package-description>summary,.price-preview>summary,.preview-field-name,.preview-slot-actions button,.next-date,.all-dates){font-size:16px;line-height:1.5}
body.spa-site #arrangements.booking-clarity :is(.price-note,.booking-note,#preview-slot-hint,#next-dates-status,.preview-price-hint){color:var(--booking-secondary);font-size:15px;line-height:1.6}
body.spa-site #arrangements.booking-clarity .price-preview .preview-field-name{color:var(--booking-text);font-size:16px}
body.spa-site #arrangements.booking-clarity .price-preview :is(.preview-unit-price,.preview-field-description){color:var(--booking-secondary);font-size:15px}
body.spa-site #arrangements.booking-clarity .price-preview .preview-fields label{padding:15px 0;border-color:var(--booking-border)}
body.spa-site #arrangements.booking-clarity :is(.preview-fields select,#package-select){font-size:16px;min-height:48px}
body.spa-site #arrangements.booking-clarity .price-preview select{background:var(--booking-control);color:var(--booking-text)}
body.spa-site #arrangements.booking-clarity .preview-slot-actions button small{font-size:14px;opacity:1}
body.spa-site #arrangements.booking-clarity .preview-slots{margin-top:24px;padding-top:22px;border-color:var(--booking-border)}
body.spa-site #arrangements.booking-clarity .preview-total{margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--booking-border);color:var(--booking-text);align-items:center;flex-wrap:wrap}
body.spa-site #arrangements.booking-clarity .preview-total span{font-size:16px;line-height:1.5}
body.spa-site #arrangements.booking-clarity .preview-total strong{font:400 clamp(34px,3vw,42px)/1.15 var(--serif);color:var(--booking-text);font-variant-numeric:tabular-nums}
body.spa-site #arrangements.booking-clarity .booking-selection{margin:12px 0 0;color:var(--booking-secondary);font-size:15px;line-height:1.7}
body.spa-site #arrangements.booking-clarity .next-dates{margin-top:26px}
body.spa-site #arrangements.booking-clarity .preview-heading strong{color:var(--booking-text);font-size:22px;line-height:1.35}
body.spa-site #arrangements.booking-clarity .next-date[aria-current=date]{background:#dbbd8b;color:#0b1c24;border-color:#dbbd8b;font-weight:600}
body.spa-site #arrangements.booking-clarity :is(.durations button,.book-link){min-height:48px;font-size:16px}
body.spa-site #arrangements.booking-clarity .chosen-date{font-size:16px;line-height:1.5}
/* Keep all five offers discoverable; no sideways navigation for purchases. */
body.spa-site #arrangements .package-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none;background:transparent;border:0;padding:0;margin:0 0 28px}
body.spa-site #arrangements .package-tabs button{min-width:0;min-height:108px;width:100%;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;background:#f5f3ee;color:#16333d;border:1px solid #16333d38;text-align:left;white-space:normal;box-shadow:none;border-radius:2px;transform:none}
body.spa-site #arrangements .package-tabs button::after{display:none;content:none}
body.spa-site #arrangements .package-tabs .package-choice-name{font:500 17px/1.3 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
body.spa-site #arrangements .package-tabs .package-occasion{font:400 13px/1.35 var(--sans,Arial,sans-serif);opacity:1;text-align:left;color:#485d63}
body.spa-site #arrangements .package-tabs .package-choice-price{font:500 14px/1.4 var(--sans,Arial,sans-serif);color:inherit;font-variant-numeric:tabular-nums}
body.spa-site #arrangements .package-tabs button[data-popular=true] .package-occasion{color:#78572e;font-weight:500}
body.spa-site #arrangements .package-tabs button:hover:not(.active){background:#ebe8df;border-color:#16333d80}
body.spa-site #arrangements .package-tabs button.active{background:#16333d;color:#fff;border-color:#16333d;box-shadow:none}
body.spa-site #arrangements .package-tabs button.active .package-occasion{color:#edf0ec}
body.spa-site #arrangements .package-tabs button:focus-visible{outline:2px solid #78572e;outline-offset:3px}
body.spa-site #arrangements .package-mobile{display:none}
@media(max-width:700px){
 body.spa-site #arrangements .package-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
 body.spa-site #arrangements .package-tabs button{min-height:94px;padding:12px 13px}
 body.spa-site #arrangements .package-tabs button:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:14px;min-height:76px}
 body.spa-site #arrangements .package-tabs button:last-child .package-choice-price{grid-column:2;grid-row:1/3;align-self:center}
 body.spa-site #arrangements .package-tabs .package-choice-name{font-size:16px}
 body.spa-site #arrangements.booking-clarity .price-preview .preview-fields label{grid-template-columns:minmax(0,1fr) 76px;gap:12px}
 body.spa-site #arrangements.booking-clarity .price-preview .preview-fields #preview-etagere-wrap{grid-template-columns:minmax(0,1fr)}
 body.spa-site #arrangements.booking-clarity .preview-total{gap:10px}
 body.spa-site #arrangements.booking-clarity .preview-total span{max-width:17ch}
 body.spa-site #arrangements.booking-clarity .next-dates-list a{font-size:16px;min-height:48px}
}

/* /assets/guest-locale.css?v=20261012-audit-final */
.guest-language-control{display:inline-flex;gap:2px;align-items:center;flex-shrink:0;white-space:nowrap;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.03em}.guest-language-control a{padding:6px!important;color:inherit;text-decoration:underline;text-underline-offset:4px}.guest-language-control a[aria-current=page]{text-decoration:none;opacity:1}.guest-language-control a:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:900px){.guest-language-control{padding:8px 0}}

/* /assets/qualified-faq.css?v=20261011-qualified-faq */
/* Guest answers inherit the typography and palette of their existing world. */
[data-qualified-faq]{--qf-ink:var(--ink,#303632);--qf-line:var(--line,rgba(48,54,50,.18));color:var(--qf-ink);scroll-margin-top:6rem}
[data-qualified-faq] .qf-kicker{font:500 .7rem/1.5 var(--sans,inherit);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;color:inherit;opacity:.72}
[data-qualified-faq] .qf-intro{max-width:44ch;font-size:1rem;line-height:1.75;margin:1.4rem 0 0;opacity:.82}
[data-qualified-faq] .qf-heading h2{margin:0;max-width:14ch;line-height:1.08;text-wrap:balance}
[data-qualified-faq] .qf-item{border:0;border-bottom:1px solid var(--qf-line);margin:0;padding:0;background:transparent;border-radius:0}
[data-qualified-faq] .qf-item:first-child{border-top:1px solid var(--qf-line)}
[data-qualified-faq] .qf-item summary{display:block;list-style:none;cursor:pointer;position:relative;padding:1.35rem 2.4rem 1.35rem 0;margin:0;min-height:3rem;font:500 1rem/1.55 var(--sans,inherit);color:inherit;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
[data-qualified-faq] .qf-item summary::-webkit-details-marker{display:none}
[data-qualified-faq] .qf-item summary::after{content:'+';position:absolute;top:1.2rem;right:.1rem;font:400 1.5rem/1.4 var(--sans,inherit);color:inherit;opacity:.65}
[data-qualified-faq] .qf-item[open] summary::after{content:'−'}
[data-qualified-faq] .qf-item summary:hover{color:var(--qf-ink)}
[data-qualified-faq] .qf-item summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
[data-qualified-faq] .qf-answer{max-width:65ch;padding:0 2.4rem 1.4rem 0}
[data-qualified-faq] .qf-answer p{font-size:1rem;line-height:1.8;margin:0;color:inherit;opacity:.86;overflow-wrap:anywhere}
[data-qualified-faq] .qf-answer a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.qf-section{background:var(--paper,#f5f2ec);padding:clamp(4rem,8vw,7rem) 0}
.qf-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.qf-layout .qf-heading h2{font-size:clamp(2rem,3.8vw,3.4rem)}
.qf-restaurant .pm-section{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}
.qf-saalemomente{--qf-ink:#252c28;--qf-line:rgba(37,44,40,.18);background:#f5f2ec}
.qf-saalemomente .qf-heading h2{font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.025em}
.qf-reisebuero{--qf-ink:#142c36;--qf-line:rgba(20,44,54,.18);background:#f6f5f0}
.qf-reisebuero .qf-heading h2{font-family:inherit;font-weight:500;letter-spacing:-.035em}
.pm-faq.qf-integrated .qf-heading{margin-bottom:2.5rem}
.qf-spa{--qf-ink:inherit;margin-bottom:0}
.qf-spa .qf-heading{margin:0 0 1.5rem}
.qf-spa .qf-heading h2{max-width:18ch;font-size:clamp(1.5rem,2.2vw,2rem)}
.qf-spa .qf-intro{max-width:55ch;margin-top:1rem}
.qf-spa .qf-kicker{display:none}
.qf-general{margin:0 0 2.5rem}
.journey-faq [data-qualified-faq] .qf-items{min-width:0}
@media(max-width:760px){.qf-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.qf-layout .qf-heading h2{max-width:18ch}.qf-section{padding:3.5rem 0}[data-qualified-faq] .qf-answer{padding-right:.5rem}[data-qualified-faq] .qf-item summary{padding-top:1.2rem;padding-bottom:1.2rem}[data-qualified-faq] .qf-item summary::after{top:1.05rem}}
@media(prefers-reduced-motion:reduce){[data-qualified-faq] *,[data-qualified-faq] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* /assets/audit-refinement.css?v=20261012-seo-accessibility */
/* Selected dates and gift labels need readable text, independent of colour. */
.calendar-legend>span:nth-child(2){color:#775727}
.gift-intro .eyebrow{color:#70542f}

.guest-language-control a[aria-current=page]{opacity:1;text-decoration:none}

/* Elvira: readable labels on the light berth and request cards. */
.place-address,.place-navigation,.gallery-heading p,.guest-control small,.date-fields small,.field-label small,.request-summary>span,.request-summary p,.send-note,.question-explorer>label{color:#43594b!important}

.place-story-copy>.eyebrow{color:#775727!important;font-size:11px}


/* Keep the established header usable before desktop navigation fits. */
@media(min-width:761px) and (max-width:1000px){
 .site-nav .desktop-nav{display:none!important}
 .site-nav .mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .site-nav .nav-cta{margin-left:auto;min-width:0;font-size:12px;min-height:44px}
 .site-nav{gap:14px}
}
.water-scene-copy{min-width:0;max-width:100%}
.water-scene-copy h3{max-width:100%;overflow-wrap:normal}
html body .sm-privacy-launcher{font-size:12px!important;min-height:44px}
html body .sm-privacy-dialog .sm-privacy-settings{font-size:12px;min-height:44px}

html body .sm-privacy-link{font-size:12px!important;min-height:44px}

/* Keep the direct email contact within the mobile footer column. */
.footer-contact{min-width:0}
.footer-contact a[href^="mailto:"]{overflow-wrap:anywhere}

/* Audit 25.10.2026: Mindestschrift – am Handy keine Gestaltungszeile unter 13 px */
@media (max-width:600px){
 .overline,.sp-kicker-text,.sp-h1-kicker,.footer-label,.water-price-label,.water-price-detail,.water-rating>span,.section-kicker>span,.course-label>span,label>small,.footer-bottom>span{font-size:13px!important}
}
/* Audit 25.10.2026: Kennzeile über der Unterseiten-Überschrift steht immer in eigener Zeile (am Desktop rutschte das erste Wort „Die“/„Das“ daneben) */
body.spa-subpage #sp-hero-title>.sp-h1-kicker{display:flex!important;width:fit-content;max-width:100%;margin:0 0 18px!important}

/* /assets/spa-feinschliff.css?v=20261015-2 */
/* SaaleSpa Feinschliff 15.10.2026: Startbild am Handy, Aufklapper, Lesbarkeit.
   Nur Gestaltung; Inhalte, Preise und Buchungswege bleiben unverändert. */

/* Aufklapper zeigen nur ein Plus, das sich beim Öffnen dreht */
body.spa-water .water-background>summary::after{content:none!important;display:none!important}
body.spa-water .water-background>summary>span:last-child{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #16333d40;border-radius:50%;font-size:24px!important;line-height:1;transition:transform .3s,background .3s,color .3s}
body.spa-water .water-background>summary:hover>span:last-child{background:#16333d;color:#f1eee6}
body.spa-water .water-background[open]>summary>span:last-child{transform:rotate(45deg);background:#16333d;color:#f1eee6}

@media(max-width:700px){
 /* Startbild: Film randlos oben, darunter Titel, Preis und Auswahl in Ruhe statt winzig über dem Film */
 body.spa-water .water-window{display:flex!important;flex-direction:column;height:auto!important;min-height:100svh!important;padding:82px 0 0!important;background:radial-gradient(ellipse 90% 50% at 50% 100%,#dbbd8b14,transparent 70%),linear-gradient(180deg,#0b1c24,#0d202a 60%,#0b1c24)!important}
 body.spa-water .water-media{order:1;position:relative!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:16/9;transform:none!important}
 body.spa-water .water-media::after{background:linear-gradient(180deg,transparent 62%,#0b1c24 100%)!important}
 body.spa-water .water-copy{order:2;position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;margin:26px 22px 0;text-align:left!important;opacity:1!important;transform:none!important}
 body.spa-water .water-kicker{max-width:none!important;margin:0 0 14px!important;font-size:11px!important;line-height:1.5!important;letter-spacing:.18em!important;color:#dbbd8b!important;animation:spa-rise .9s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-copy h1{font-size:clamp(44px,13.4vw,60px)!important;line-height:.98!important;letter-spacing:-.035em;animation:spa-rise 1s .1s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-copy h1 em{color:#dbbd8b}
 body.spa-water .water-lower{order:3;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;gap:18px!important;width:auto!important;margin:auto 22px 0;padding:26px 0 28px;animation:spa-rise 1s .2s cubic-bezier(.2,.7,.2,1) both}
 body.spa-water .water-film-actions{position:static;display:flex!important;justify-content:flex-start!important;gap:8px 22px!important;margin:0!important}
 body.spa-water .water-film-actions .water-film-open{position:static!important;display:inline-flex;align-items:center;gap:10px;min-height:44px!important;font-size:14px!important}
 body.spa-water #header-film-toggle::before{content:'';flex:0 0 34px;width:34px;height:34px;border:1px solid #dbbd8b99;border-radius:50%}
 body.spa-water #header-film-toggle[aria-pressed=true]::before{background:#dbbd8b1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M14 11.5v11l9-5.5z' fill='%23dbbd8b'/%3E%3C/svg%3E") center/100% no-repeat;animation:spa-pulse 2.4s ease-in-out infinite}
 body.spa-water #header-film-toggle[aria-pressed=false]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M13.5 12h2.5v10h-2.5zM18 12h2.5v10H18z' fill='%23dbbd8b'/%3E%3C/svg%3E") center/100% no-repeat}
 body.spa-water .water-offer{display:flex!important;align-items:center;justify-content:space-between;gap:16px!important;padding-top:20px;border-top:1px solid #dbbd8b33}
 body.spa-water .water-price-label,body.spa-water .water-price-detail{font-size:12px!important;color:#c7d2d3}
 body.spa-water .water-price strong{font-size:34px!important;letter-spacing:-.02em}
 body.spa-water .water-reserve{flex:0 0 auto;width:auto!important;min-width:150px!important;height:56px!important;min-height:56px!important;padding:0 22px!important;border-radius:999px!important;background:linear-gradient(135deg,#e6cb9c,#d2ad6f)!important;color:#0b1c24!important;font-weight:600;box-shadow:0 14px 30px #00000040}

 /* Untere Leiste: größere, leichter treffbare Beschriftung */
 body.spa-water .mobile-book a,body.spa-water .mobile-book a span{font-size:14px!important}

 /* Kleine Überzeilen und Fußnoten am Handy nicht unter 12 px */
 body.spa-water .overline{font-size:12px!important;letter-spacing:.14em}
}
@media(max-width:380px){
 body.spa-water .water-offer{flex-wrap:wrap}
 body.spa-water .water-reserve{flex:1 1 100%;width:100%!important}

 body.spa-water .water-copy h1{font-size:42px!important}
}
@keyframes spa-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes spa-pulse{0%,100%{box-shadow:0 0 0 0 #dbbd8b55}50%{box-shadow:0 0 0 8px #dbbd8b00}}
@media(prefers-reduced-motion:reduce){
 body.spa-water .water-kicker,body.spa-water .water-copy h1,body.spa-water .water-lower,body.spa-water #header-film-toggle::before{animation:none!important}
 body.spa-water .water-background>summary>span:last-child{transition:none}
}

/* Datenschutzeinstellungen am Seitenende statt schwebend über Formularfeldern */
body .sm-privacy-launcher{position:static!important;display:block;margin:0 auto;padding:18px 20px calc(18px + env(safe-area-inset-bottom));transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;font-size:13px!important;text-decoration:underline;text-underline-offset:3px;opacity:.8}
body:not(.spa-water)>.sm-privacy-launcher{width:100%;margin:0;background:#0b1c24!important;color:#c3d0d3;text-align:left;padding-inline:24px;opacity:1}

/* /assets/spa-highend.css?v=20261015-5 */
/* SaaleSpa – Highend-Ebene (Vorschau 15.10.2026)
   Echtes Logo, edle Schriften, weiche Übergänge, warmes Licht und ruhige Bewegung.
   Nur Gestaltung: Texte, Preise, Arrangements und Buchungswege bleiben unverändert. */

@font-face{font-family:'Cormorant Garamond';src:url('/assets/highend-fonts/cormorant-garamond-latin-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/highend-fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/highend-fonts/cormorant-garamond-latin-300-italic.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/highend-fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Josefin Sans';src:url('/assets/highend-fonts/josefin-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Josefin Sans';src:url('/assets/highend-fonts/josefin-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{--hx-night:#0b1c24;--hx-deep:#10262f;--hx-ink:#16333d;--hx-cream:#f4f1ea;--hx-sand:#ebe4d6;--hx-gold:#d9bb87;--hx-gold-deep:#a9834b;--hx-mist:#c9d4d5;--hx-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--hx-label:'Josefin Sans','DM Sans',Arial,sans-serif;--hx-ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- Marke: echtes SaaleSpa-Logo ---------- */
.wordmark{position:relative}
.header .wordmark,body .header .wordmark{display:block!important;width:clamp(132px,13vw,168px);height:clamp(34px,3.4vw,44px);background:url('/assets/brand/saalespa-wortmarke-creme.svg') left center/contain no-repeat}
.header .wordmark>*{opacity:0!important;pointer-events:none}
footer .wordmark{display:block!important;width:min(280px,72vw);aspect-ratio:5619/1734;height:auto!important;background:url('/assets/brand/saalespa-logo-gold.svg') left center/contain no-repeat;margin-bottom:22px}
footer .wordmark>*{opacity:0!important}

/* ---------- Schrift: Serif für Gefühl, Logo-Grotesk für Orientierung ---------- */
body.spa-water :is(h1,h2,.water-statement){font-family:var(--hx-serif)!important;font-weight:300!important;letter-spacing:-.012em!important;font-kerning:normal;font-feature-settings:'liga','kern'}
body.spa-water h3{font-family:var(--hx-serif)!important;font-weight:500!important;letter-spacing:0!important}
body.spa-water :is(h1,h2,h3) em{font-family:var(--hx-serif);font-style:italic;font-weight:300;color:var(--hx-gold)}
body.spa-water .water-copy h1{font-size:clamp(64px,7.6vw,118px)!important;line-height:.92!important;text-shadow:0 2px 30px #06182080,0 1px 2px #06182066}
body.spa-water .water-copy h1 em{font-weight:300}
body.spa-water .water-prologue h2{font-size:clamp(46px,6.6vw,96px)!important;line-height:1.02!important}
body.spa-water section h2{line-height:1.02}
body.spa-water :is(.overline,.water-kicker,.footer-label,.eyebrow,.water-tour-top strong,.package-tag){font-family:var(--hx-label)!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.26em!important;font-size:12px!important;line-height:1.5!important}
body.spa-water :is(.overline,.water-kicker):not(.package-tag){display:inline-flex!important;align-items:center;gap:14px}
body.spa-water :is(.overline,.water-kicker):not(.package-tag)::before{content:'';flex:0 0 34px;height:1px;background:currentColor;opacity:.7}
body.spa-water .header nav a:not(.nav-book){font-family:var(--hx-label);text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;position:relative}
body.spa-water .header nav a:not(.nav-book)::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--hx-gold);transition:right .45s var(--hx-ease)}
body.spa-water .header nav a:not(.nav-book):hover::after{right:0}

/* ---------- Kopfzeile: gläsern, wird beim Scrollen ruhig dunkel ---------- */
body.spa-water .header{transition:background .5s var(--hx-ease),box-shadow .5s,min-height .4s;-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}
body.spa-water.hx-scrolled .header{background:#0b1c24e6!important;box-shadow:0 1px 0 #d9bb8726,0 18px 40px #00000033}

/* ---------- Knöpfe: warm, weich, mit Lichtkante ---------- */
body.spa-water :is(.button.gold,.water-reserve,.nav-book,.final-cta .button){position:relative;overflow:hidden;isolation:isolate;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#ead3a8,#d2ad6f 55%,#c49a5b)!important;color:#0b1c24!important;box-shadow:0 10px 30px #a9834b40,inset 0 1px 0 #ffffff66;font-family:var(--hx-label)!important;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px!important;font-weight:600!important;transition:transform .35s var(--hx-ease),box-shadow .35s}
body.spa-water :is(.button.gold,.water-reserve,.nav-book,.final-cta .button)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#ffffffa6 50%,transparent 70%);transform:translateX(-130%);transition:transform 1.1s var(--hx-ease)}
body.spa-water :is(.button.gold,.water-reserve,.nav-book,.final-cta .button):hover{transform:translateY(-2px);box-shadow:0 16px 40px #a9834b59,inset 0 1px 0 #ffffff80}
body.spa-water :is(.button.gold,.water-reserve,.nav-book,.final-cta .button):hover::after{transform:translateX(130%)}
body.spa-water .header .nav-book{padding:12px 22px!important;min-height:44px}
body.spa-water .text-link{text-underline-offset:5px}

/* ---------- Startbild: Kino mit Nebel und warmem Licht ---------- */
body.spa-water .water-window{isolation:isolate}
body.spa-water .water-media::after{background:radial-gradient(ellipse 80% 60% at 70% 40%,transparent 40%,#061820a8 100%),linear-gradient(180deg,#061820b3,transparent 26%,transparent 60%,#061820d9)!important}
.hx-mist{position:absolute;left:-10%;right:-10%;bottom:-6%;height:46%;z-index:2;pointer-events:none;opacity:.55;filter:blur(28px);background:radial-gradient(ellipse 30% 40% at 20% 70%,#f4f1ea2e,transparent 70%),radial-gradient(ellipse 34% 46% at 60% 80%,#f4f1ea24,transparent 70%),radial-gradient(ellipse 26% 36% at 88% 66%,#d9bb871f,transparent 70%);animation:hx-drift 22s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes hx-drift{0%{transform:translate3d(-3%,0,0) scale(1)}100%{transform:translate3d(3%,-4%,0) scale(1.08)}}
body.spa-water .water-copy h1>span,body.spa-water .water-copy h1>em{display:block;animation:hx-rise 1.5s var(--hx-ease) both}
body.spa-water .water-copy h1>em{animation-delay:.25s}
body.spa-water .water-kicker{animation:hx-fade 1.6s .1s var(--hx-ease) both}
@keyframes hx-rise{from{opacity:0;transform:translateY(.35em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes hx-fade{from{opacity:0}to{opacity:1}}
.hx-scrollcue{position:absolute;left:50%;bottom:28px;z-index:4;width:1px;height:58px;overflow:hidden;background:#f4f1ea30;pointer-events:none}
.hx-scrollcue::after{content:'';position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--hx-gold);animation:hx-cue 2.6s var(--hx-ease) infinite}
@keyframes hx-cue{0%{top:-40%}100%{top:100%}}

/* ---------- Weiche Nahtstellen statt harter Kanten ---------- */
.hx-seam{position:absolute;left:0;right:0;bottom:-1px;height:clamp(56px,8vw,130px);pointer-events:none;z-index:3}
body.spa-water main>section,body.spa-water main>aside{position:relative}

/* ---------- Bilder: ruhige Rahmen, langsamer Zoom ---------- */
body.spa-water :is(.gift-grid>img,.package-scene,.water-scene-photo,.story figure,.visit figure,.restaurant-section figure,.morning-story figure){border-radius:18px;overflow:hidden;box-shadow:0 30px 70px #0b1c2433}
body.spa-water :is(.gift-grid>img,.package-scene img,.water-scene-photo img,.story figure img,.restaurant-section figure img){transition:transform 2.4s var(--hx-ease)}
body.spa-water :is(.gift-grid>img,.package-scene,.water-scene-photo,.story figure,.restaurant-section figure):hover :is(img),body.spa-water .gift-grid>img:hover{transform:scale(1.035)}

/* ---------- Einblenden beim Scrollen (nur mit Skript, ohne „Bewegung reduzieren“) ---------- */
.hx-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.2s var(--hx-ease),transform 1.2s var(--hx-ease);transition-delay:var(--hx-delay,0s)}
.hx-reveal.hx-in{opacity:1;transform:none}
.hx-unveil{clip-path:inset(10% 8% 10% 8% round 18px);transition:clip-path 1.6s var(--hx-ease);transition-delay:var(--hx-delay,0s)}
.hx-unveil img{transform:scale(1.12);transition:transform 2.2s var(--hx-ease)}
.hx-unveil.hx-in{clip-path:inset(0 0 0 0 round 18px)}
.hx-unveil.hx-in img{transform:scale(1)}

/* ---------- Arrangements: Karten mit Goldkante ---------- */
body.spa-water .package-tabs{gap:12px!important;border:0!important}
body.spa-water .package-tabs button{border:1px solid #16333d1f!important;border-radius:14px!important;background:#fffdf8!important;box-shadow:0 1px 0 #fff inset,0 8px 24px #0b1c240d;transition:transform .35s var(--hx-ease),box-shadow .35s,border-color .35s,background .35s!important}
body.spa-water .package-tabs button:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0b1c241a;border-color:#a9834b66!important}
body.spa-water .package-tabs button:is(.active,[aria-selected=true],[aria-pressed=true]){background:var(--hx-ink)!important;color:var(--hx-cream)!important;border-color:var(--hx-ink)!important;box-shadow:0 0 0 1px #d9bb8799,0 22px 44px #0b1c2433}
body.spa-water .package-tabs button :is(b,strong,.package-choice-name){font-family:var(--hx-serif);font-weight:500;font-size:1.25em;letter-spacing:0}
body.spa-water .booking-card{border-radius:24px!important;overflow:visible!important}
body.spa-water .price,body.spa-water .price-row strong{font-family:var(--hx-serif)!important;font-weight:300!important;letter-spacing:-.01em}
body.spa-water :is(.durations,.preview-slot-actions) button{border-radius:999px!important;transition:background .3s,color .3s,border-color .3s}

/* ---------- Gutscheine: Lichtschein hinter dem Bild ---------- */
body.spa-water .gift-section{overflow:hidden}
body.spa-water .gift-section::before{content:'';position:absolute;width:70vmax;height:70vmax;right:-20vmax;top:-10vmax;background:radial-gradient(circle,#d9bb8722,transparent 62%);pointer-events:none}

/* ---------- 3D-Boot: Vorschaubild statt leerer Fläche ---------- */
body.spa-water .water-model-loading{background:linear-gradient(180deg,#0b1c2433,#0b1c24cc),url('/assets/model-overview.jpg') center/cover no-repeat;border-radius:18px}
body.spa-water #water-model-start{border-radius:999px!important;border:1px solid #d9bb87aa!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1c2466!important;font-family:var(--hx-label);text-transform:uppercase;letter-spacing:.16em;font-size:12px;padding:16px 26px!important;transition:background .3s,transform .3s var(--hx-ease)}
body.spa-water #water-model-start:hover{background:#d9bb87!important;color:#0b1c24!important;transform:translateY(-2px)}

/* ---------- Gästestimmen ---------- */
body.spa-water .review-score strong{font-family:var(--hx-serif);font-weight:300;font-size:clamp(34px,3vw,46px)!important}
body.spa-water .review-score strong::before{content:'★★★★★';display:block;font-size:14px;letter-spacing:.3em;color:var(--hx-gold);margin-bottom:6px;font-family:var(--hx-label)}
body.spa-water .review-grid blockquote p{font-family:var(--hx-serif)!important;font-style:italic;font-weight:300!important;font-size:clamp(24px,2.1vw,32px)!important;line-height:1.25!important}
body.spa-water .review-grid blockquote{transition:transform .5s var(--hx-ease)}
body.spa-water .review-grid blockquote:hover{transform:translateY(-4px)}

/* ---------- Aufklapper ---------- */
body.spa-water details>summary{transition:color .3s}
body.spa-water details>summary:hover{color:var(--hx-gold-deep)}

/* ---------- Schluss: Logo als Signatur ---------- */
body.spa-water .final-cta{overflow:hidden}
body.spa-water .final-cta::before{content:'';position:absolute;inset:auto -10% -40% -10%;height:90%;background:radial-gradient(ellipse 50% 60% at 50% 100%,#d9bb8726,transparent 70%);pointer-events:none}
body.spa-water .final-cta h2{font-size:clamp(48px,6vw,92px)!important}

/* ---------- Warmes Licht folgt der Maus (nur Desktop) ---------- */
.hx-glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,#d9bb8714,transparent 65%);opacity:0;transition:opacity .6s;will-change:transform}
body.hx-glow-on .hx-glow{opacity:1}

/* ---------- Kleine Verfeinerungen ---------- */
::selection{background:#d9bb87;color:#0b1c24}
body.spa-water{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

@media(max-width:700px){
 .header .wordmark,body .header .wordmark{width:128px;height:34px}
 body.spa-water .water-copy h1{font-size:clamp(52px,15vw,68px)!important;line-height:.94!important}
 body.spa-water .water-prologue h2{font-size:clamp(40px,11vw,56px)!important}
 body.spa-water :is(.overline,.water-kicker,.footer-label,.package-tag){font-size:11px!important;letter-spacing:.22em!important}
 body.spa-water :is(.overline,.water-kicker):not(.package-tag)::before{flex-basis:22px}
 body.spa-water .water-reserve{font-size:12px!important}
 .hx-mist{height:32%;bottom:auto;top:20%;opacity:.4}
 .hx-scrollcue{display:none}
 body.spa-water .review-grid blockquote p{font-size:26px!important}
 body.spa-water .final-cta h2{font-size:46px!important}
}
@media(prefers-reduced-motion:reduce){
 .hx-mist,.hx-scrollcue::after,body.spa-water .water-copy h1>span,body.spa-water .water-copy h1>em,body.spa-water .water-kicker{animation:none!important}
 .hx-reveal,.hx-unveil,.hx-unveil img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
 .hx-glow{display:none}
}
body.spa-water .water-price strong{font-family:var(--hx-serif)!important;font-weight:300!important;font-size:clamp(38px,3.2vw,48px)!important;letter-spacing:-.01em}
body.spa-water .water-reserve{width:auto!important;min-width:0!important;white-space:nowrap;padding:0 26px!important;gap:12px;justify-content:center}
@media(max-width:700px){
 body.spa-water .water-offer{gap:12px!important}
 body.spa-water .water-reserve{padding:0 18px!important;letter-spacing:.1em!important;font-size:11.5px!important}
 body.spa-water .water-price strong{font-size:38px!important}
}
/* Untere Leiste am Handy: schwebende Glaskapsel statt Balken */
@media(max-width:1000px){
 body.spa-water .mobile-book{left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1.25fr 1fr;gap:6px;padding:6px!important;border-radius:999px;background:#0b1c24e0!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 18px 40px #0b1c2466,inset 0 0 0 1px #d9bb8740!important}
 body.spa-water .mobile-book a{justify-content:center!important;min-height:48px!important;padding:0 14px!important;border-radius:999px;font-family:var(--hx-label);text-transform:uppercase;letter-spacing:.14em}
 body.spa-water .mobile-book a>span{max-width:none!important;font-size:12px!important}
 body.spa-water .mobile-book .preview-mobile-book{background:linear-gradient(135deg,#ead3a8,#d2ad6f 55%,#c49a5b)!important;color:#0b1c24!important;font-weight:600}
 body.spa-water .mobile-book .preview-mobile-gift{background:transparent!important;color:#f4f1ea!important}
}
/* Desktop: Titel links oben über Wald und See, damit er nicht über das Boot läuft */
@media(min-width:701px){
 body.spa-water .water-copy{left:5.5vw!important;right:auto!important;text-align:left!important;width:min(44vw,640px)!important}
 body.spa-water .water-copy .water-kicker{margin-left:0!important;margin-right:auto!important;justify-content:flex-start}
 body.spa-water .water-media::after{background:radial-gradient(ellipse 60% 70% at 18% 30%,#061820a6,transparent 70%),radial-gradient(ellipse 80% 60% at 70% 40%,transparent 40%,#0618208c 100%),linear-gradient(180deg,#061820b3,transparent 26%,transparent 60%,#061820d9)!important}
}
@media(min-width:701px){
 body.spa-water .water-lower{width:auto!important;min-width:330px}
 body.spa-water .water-offer{gap:28px!important}
 body.spa-water .water-reserve{flex:0 0 auto;height:58px!important;min-height:58px!important;overflow:hidden}
}

/* ---------- Stufe 2: Jahreszeit, Termin-Hinweis, Licht im Rundgang, Hochkant-Film ---------- */
.hx-season{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px!important;padding:8px 16px;border:1px solid #d9bb8766;border-radius:999px;background:#0b1c2459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:400 11px/1.3 var(--hx-label);text-transform:uppercase;letter-spacing:.2em;color:#f4f1ea;animation:hx-fade 1.4s .4s var(--hx-ease) both}
.hx-season::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hx-gold);box-shadow:0 0 12px var(--hx-gold)}
body.hx-season-winter #water-header-film{filter:saturate(.82) brightness(1.02) hue-rotate(-6deg)}
body.hx-season-spring #water-header-film{filter:saturate(1.05) brightness(1.03)}
body.hx-season-summer #water-header-film{filter:saturate(1.1) sepia(.06)}
body.hx-season-autumn #water-header-film{filter:saturate(1.04) sepia(.12)}

.hx-next{display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px;align-self:flex-start;max-width:100%;padding:12px 18px;border-radius:16px;background:#0b1c2499;border:1px solid #d9bb8759;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f1ea!important;text-decoration:none!important;transition:background .3s,border-color .3s,transform .35s var(--hx-ease);animation:hx-rise 1s var(--hx-ease) both}
.hx-next:hover{background:#0b1c24d9;border-color:var(--hx-gold);transform:translateY(-2px)}
.hx-next-label{font:400 11px var(--hx-label);text-transform:uppercase;letter-spacing:.18em;color:var(--hx-gold)}
.hx-next strong{font:300 20px/1.2 var(--hx-serif);letter-spacing:0}
.hx-next-pulse{width:8px;height:8px;border-radius:50%;background:#7fc4a0;box-shadow:0 0 0 0 #7fc4a080;animation:hx-ping 2.2s ease-out infinite}
@keyframes hx-ping{0%{box-shadow:0 0 0 0 #7fc4a080}80%,100%{box-shadow:0 0 0 10px #7fc4a000}}

body.spa-water .water-tour-top{position:relative}
.hx-daylight{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen}
.hx-daylight span{position:absolute;inset:0;transition:opacity .2s linear}
.hx-daylight .hx-morning{background:radial-gradient(ellipse 60% 70% at 15% 10%,#cfe3ff1f,transparent 70%),linear-gradient(180deg,#9fc3d612,transparent 60%);opacity:calc(1 - var(--hx-day,0))}
.hx-daylight .hx-evening{background:radial-gradient(ellipse 70% 80% at 85% 90%,#f0a85a42,transparent 70%),linear-gradient(0deg,#d9894a2a,transparent 65%);opacity:var(--hx-day,0)}
.hx-sunpath{position:absolute;left:50%;bottom:-1px;width:min(260px,30%);transform:translateX(-50%);height:1px;margin:0;background:linear-gradient(90deg,#cfe3ff55,#d9bb8799,#f0a85a99)}
.hx-sunpath i{position:absolute;top:50%;left:calc(var(--hx-day,0) * 100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle,#fff6e2,#e6b878 70%);box-shadow:0 0 14px #f0c27f}

@media(max-width:700px){
 /* Hochkant-Film füllt das Startbild, Titel und Auswahl liegen darüber */
 body.hx-portrait-film .water-window{min-height:100svh!important;padding:0!important;justify-content:flex-end}
 body.hx-portrait-film .water-media{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important}
 body.hx-portrait-film .water-media #water-header-film{object-fit:cover!important;width:100%;height:100%}
 body.hx-portrait-film .water-media::after{background:linear-gradient(180deg,#0618209e 0%,transparent 16%,#0b1c2459 30%,#0b1c24c7 50%,#0b1c24f2 72%,#0b1c24 100%)!important}
 body.hx-portrait-film .water-kicker{text-shadow:0 1px 12px #061820}
 body.hx-portrait-film .water-copy{margin-top:auto;padding-top:120px;z-index:3}
 body.hx-portrait-film .water-lower{margin-top:0;z-index:3}
 body.hx-portrait-film .hx-mist{top:auto;bottom:10%;height:40%}
 .hx-next{padding:10px 14px}
 .hx-next strong{font-size:18px}
 .hx-season{margin-bottom:14px!important}
 .hx-sunpath{display:none}
}
@media(prefers-reduced-motion:reduce){.hx-next,.hx-season,.hx-next-pulse{animation:none!important}}

/* ---------- Stufe 3: Menü, Seitenwechsel, Begrüßung, Arrangements ---------- */
/* Weicher Übergang zwischen SaaleSpa-Seiten (Start, Gutschein, Buchung, Rechtliches) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
body.spa-water .header{view-transition-name:hx-header}

/* Menü am Handy: ganze Fläche, große Serif, gestaffelt */
@media(max-width:1000px){
 body.spa-water .header .wordmark,body.spa-water .header .menu{position:relative;z-index:3}
 body.spa-water .header nav.open{position:fixed!important;inset:0!important;z-index:2;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px!important;min-height:100dvh;padding:110px max(28px,env(safe-area-inset-left)) calc(40px + env(safe-area-inset-bottom))!important;background:radial-gradient(ellipse 70% 50% at 80% 100%,#d9bb871f,transparent 70%),#0b1c24!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0!important;box-shadow:none!important;overflow-y:auto}
 body.spa-water .header nav.open a:not(.nav-book){font:300 clamp(34px,9vw,46px)/1.2 var(--hx-serif)!important;text-transform:none!important;letter-spacing:-.01em!important;color:#f4f1ea;padding:6px 0;opacity:0;transform:translateY(14px);animation:hx-menu .7s var(--hx-ease) forwards}
 body.spa-water .header nav.open a[hreflang]{font:400 12px var(--hx-label)!important;text-transform:uppercase!important;letter-spacing:.2em!important;margin-top:18px;color:var(--hx-gold)}
 body.spa-water .header nav.open a:not(.nav-book)::after{bottom:4px}
 body.spa-water .header nav.open .nav-book{margin-top:26px;align-self:stretch;justify-content:center;min-height:56px;opacity:0;animation:hx-menu .7s .42s var(--hx-ease) forwards}
 body.spa-water .header nav.open a:nth-child(1){animation-delay:.04s}body.spa-water .header nav.open a:nth-child(2){animation-delay:.08s}body.spa-water .header nav.open a:nth-child(3){animation-delay:.12s}body.spa-water .header nav.open a:nth-child(4){animation-delay:.16s}body.spa-water .header nav.open a:nth-child(5){animation-delay:.2s}body.spa-water .header nav.open a:nth-child(6){animation-delay:.24s}body.spa-water .header nav.open a:nth-child(7){animation-delay:.28s}
 body.spa-water:has(.header nav.open){overflow:hidden}
}
@keyframes hx-menu{to{opacity:1;transform:none}}

/* Begrüßung beim ersten Besuch: das Logo erscheint wie mit der Hand gezogen */
.hx-intro{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 50% 60%,#16343d,#0b1c24 70%);pointer-events:auto;cursor:pointer;animation:hx-intro-out .7s 1.55s cubic-bezier(.6,0,.2,1) forwards}
.hx-intro img{width:min(440px,72vw);height:auto;clip-path:inset(0 100% 0 0);animation:hx-draw 1.15s .15s cubic-bezier(.65,0,.25,1) forwards;filter:drop-shadow(0 0 30px #d9bb8740)}
@keyframes hx-draw{to{clip-path:inset(0 0 0 0)}}
@keyframes hx-intro-out{to{opacity:0;visibility:hidden;transform:scale(1.03)}}

/* Arrangements: Bild blendet weich über, Preis zählt sanft */
#package-photo.hx-swap{animation:hx-swap .8s var(--hx-ease)}
@keyframes hx-swap{from{opacity:.15;transform:scale(1.04);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.hx-tick{display:inline-block;animation:hx-tick .5s var(--hx-ease)}
@keyframes hx-tick{from{opacity:.2;transform:translateY(-.25em)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .hx-intro{display:none}
 body.spa-water .header nav.open a,body.spa-water .header nav.open .nav-book{animation:none!important;opacity:1!important;transform:none!important}
 #package-photo.hx-swap,.hx-tick{animation:none}
}

/* ---------- Stufe 4: Rundgang-Film ---------- */
.hx-kino{position:relative;padding:clamp(70px,9vw,130px) 0;background:radial-gradient(ellipse 60% 70% at 20% 50%,#d9bb8714,transparent 70%),#0b1c24;color:#f4f1ea;overflow:hidden}
.hx-kino-wrap{width:min(1180px,calc(100% - 44px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(32px,6vw,90px);align-items:center}
.hx-kino-copy{display:grid;gap:22px;justify-items:start}
.hx-kino-copy h2{font:300 clamp(46px,5.4vw,84px)/1.02 var(--hx-serif);letter-spacing:-.012em;margin:0}
.hx-kino-copy h2 em{font-style:italic;color:var(--hx-gold)}
.hx-kino-copy>p:not(.overline){max-width:46ch;margin:0;font-size:17px;line-height:1.75;color:#c5d1d2}
.hx-kino-play{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px 0 8px;border:1px solid #d9bb8780;border-radius:999px;background:transparent;color:#f4f1ea;font:400 12px var(--hx-label);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;transition:background .3s,border-color .3s}
.hx-kino-play:hover{background:#d9bb871f;border-color:var(--hx-gold)}
.hx-kino-icon{width:38px;height:38px;border-radius:50%;background:var(--hx-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cpath d='M15.5 12.5v13l10.5-6.5z' fill='%230b1c24'/%3E%3C/svg%3E") center/100% no-repeat}
.hx-kino-play[aria-pressed=true] .hx-kino-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cpath d='M14 12.5h3.5v13H14zM20.5 12.5H24v13h-3.5z' fill='%230b1c24'/%3E%3C/svg%3E")}
.hx-kino-film{position:relative;margin:0;justify-self:center;width:min(100%,430px);aspect-ratio:3/4;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px #00000080,0 0 0 1px #d9bb874d;background:#08151a}
.hx-kino-film video{display:block;width:100%;height:100%;object-fit:cover}
.hx-kino-film::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 10px #0b1c2433,inset 0 -80px 80px -60px #0b1c24aa}
@media(max-width:800px){
 .hx-kino-wrap{grid-template-columns:1fr}
 .hx-kino-film{order:-1;width:100%;max-width:520px}
 .hx-kino-copy>p:not(.overline){font-size:16px}
}
/* Stufe 4: Hochkant-Boot oben vollständig sichtbar, Titel darunter */
@media(max-width:700px){
 body.hx-portrait-film .water-window{justify-content:flex-start!important;min-height:0!important;padding:0!important}
 body.hx-portrait-film .water-media{position:relative!important;inset:auto!important;height:min(calc(100vw * 4 / 3),64svh)!important;aspect-ratio:auto!important;flex:0 0 auto}
 body.hx-portrait-film .water-media #water-header-film{object-fit:cover!important;object-position:50% 72%}
 body.hx-portrait-film .water-media::after{background:linear-gradient(180deg,#06182088 0%,transparent 20%,transparent 66%,#0b1c24 100%)!important}
 body.hx-portrait-film .water-copy{margin-top:-46px!important;padding-top:0!important}
 body.hx-portrait-film .water-copy h1{font-size:clamp(44px,12.4vw,54px)!important}
 body.hx-portrait-film .water-copy h1>span{display:inline!important}
 body.hx-portrait-film .water-copy h1>em{display:block!important}
 body.hx-portrait-film .hx-season{margin-bottom:10px!important}
 body.hx-portrait-film .water-kicker{margin-bottom:10px!important}
 body.hx-portrait-film .water-lower{padding-top:18px!important}
 body.hx-portrait-film .hx-mist{top:30%;bottom:auto;height:30%}
}
@media(max-width:700px){
 body.hx-portrait-film .water-media{height:min(calc(100vw * 4 / 3),58svh)!important}
 body.hx-portrait-film .water-window{position:relative}
 body.hx-portrait-film .water-film-actions{display:none!important}
 body.hx-portrait-film .water-media{position:relative!important}
 body.hx-portrait-film #header-film-toggle.hx-film-fab{position:absolute!important;right:14px;bottom:58px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px!important;padding:0!important;border:0!important;background:transparent;font-size:0!important;color:transparent;cursor:pointer}
 body.hx-portrait-film #header-film-toggle::before{width:40px;height:40px;flex-basis:40px;background-color:#0b1c2499!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 body.hx-portrait-film .water-copy{margin-top:-40px!important}
}

/* Arrangements: Gold-Symbole für enthaltene Leistungen (keine Aufzählungspunkte) */
.hx-includes{list-style:none;margin:22px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 12px}
.hx-includes li{display:grid;justify-items:center;gap:8px;padding:14px 8px 12px;border:1px solid #16333d14;border-radius:14px;background:#fffdf8;text-align:center;animation:hx-rise .6s calc(var(--hx-i,0) * 45ms) var(--hx-ease) both}
.hx-includes li::marker{content:none}
.hx-includes svg{width:34px;height:34px;fill:none;stroke:#a9834b;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.hx-includes span{font:400 11px/1.35 var(--hx-label);text-transform:uppercase;letter-spacing:.1em;color:#16333d}
@media(max-width:700px){.hx-includes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hx-includes span{font-size:10px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.hx-includes li{animation:none}}
/* Symbolkacheln am Handy ohne einzelne Waise in der letzten Zeile */
@media(max-width:600px){.hx-includes{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-includes:has(>li:nth-child(3):last-child),.hx-includes:has(>li:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.hx-includes:not(:has(>li:nth-child(3):last-child)) li:last-child:nth-child(odd){grid-column:1/-1}}

/* ===== Handy: mehr Luft, weniger Worte (Stufe 4) ===== */
@media (max-width:700px){
 /* Startbild: nur Jahreszeit und Titel, die lange Ortszeile entfällt am Handy */
 body.spa-water .water-entry .water-copy .water-kicker{display:none!important}
 .water-entry .hx-season{margin-bottom:18px!important}
 .water-entry .water-offer{gap:16px!important;padding-top:20px!important}
 /* Fließtext: etwas größer, mehr Zeilen- und Absatzabstand */
 main p:not([class*=kicker]):not([class*=overline]):not(.hx-season):not([class*=label]):not(.eyebrow){line-height:1.72}
 main :is(p,li)+p{margin-top:.9em}
 :is(.restaurant-note,.visit p,.standard-note,.booking-note,.price-note,.morning-film-note){font-size:15px!important;line-height:1.68!important}
 /* Kleine Großbuchstaben-Zeilen gut lesbar */
 :is([class*=kicker],[class*=overline],.eyebrow,.section-kicker,.hx-season){font-size:12px!important;letter-spacing:.2em!important;line-height:1.6!important}
 .hx-includes span{font-size:11.5px!important;letter-spacing:.08em!important}
 /* Fingergerechte Tippflächen */
 footer :is(.footer-contact,.footer-links,nav,div)>a,.review-grid cite a,footer a.wordmark{display:inline-flex!important;align-items:center;min-height:44px}
 .review-grid cite a{padding-block:6px}
}
@media (max-width:700px){header a.wordmark,footer a.wordmark{min-height:44px;display:inline-flex!important;align-items:center}}
@media (max-width:900px){footer :is(.footer-contact,.footer-links,nav,div)>a,.review-grid cite a,header a.wordmark,footer a.wordmark{display:inline-flex!important;align-items:center;min-height:44px}}

/* /assets/spa-magic.css?v=20261017-wm2 */
/* SaaleSpa – Magic-Ebene (Gestaltung zu spa-magic.js) */
.hx-letters{position:relative;height:260vh;background:#0b1c24;color:#f4f1ea}
.hx-letters-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hx-letters canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hx-letters-hint{position:absolute;left:50%;bottom:clamp(28px,6vh,56px);transform:translateX(-50%);margin:0;font:600 11.5px var(--hx-label,'Josefin Sans',Arial,sans-serif);letter-spacing:.3em;text-transform:uppercase;color:#d9bb87;opacity:calc(1 - var(--hx-letters,0) * 12);transition:opacity .3s}
.hx-letters-end{position:absolute;inset:auto 0 0 0;padding:0 clamp(20px,6vw,88px) clamp(48px,10vh,110px);background:linear-gradient(transparent,#0b1c24cc 55%,#0b1c24f2);opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.hx-letters-through .hx-letters-end{opacity:1;transform:none}
.hx-letters-end .overline{color:#d9bb87}
.hx-letters-end h2{font:300 clamp(40px,6vw,84px)/1.02 var(--hx-serif,'Cormorant Garamond',Georgia,serif);margin:12px 0 0;color:#f4f1ea;text-shadow:0 2px 26px #0b1c24b3;text-wrap:balance}
.hx-letters-end h2 em{color:#f0dcb4}
@media (prefers-reduced-motion:reduce){.hx-letters{height:auto}.hx-letters-stick{position:relative;height:70vh}.hx-letters-hint{display:none}}

/* Wort für Wort */
.hx-reveal-on .hx-word{opacity:.22;transition:opacity .45s cubic-bezier(.2,.7,.2,1)}
.hx-reveal-on .hx-word.lit{opacity:1}

/* Lichtfleck unter dem Mauszeiger */
@media (hover:hover) and (pointer:fine){
 :is(.package-tabs button,.review-grid blockquote,.hx-includes li){position:relative;isolation:isolate}
 :is(.package-tabs button,.review-grid blockquote,.hx-includes li)::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(220px circle at var(--hx-mx,50%) var(--hx-my,50%),#d9bb8738,transparent 70%)}
 :is(.package-tabs button,.review-grid blockquote,.hx-includes li):hover::before{opacity:1}
}

/* Saunadampf */
figure.water-scene-photo{position:relative}
.hx-steam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}

/* Goldene Knöpfe: auf Touch-Geräten ein ruhiger Lichtstreif alle paar Sekunden */
@media (hover:none){
 body.spa-water :is(.water-reserve,.final-cta .button)::after{animation:hx-shine 7s cubic-bezier(.2,.7,.2,1) 2s infinite}
}
@keyframes hx-shine{0%,72%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){body.spa-water :is(.water-reserve,.final-cta .button)::after{animation:none!important}}

/* Wellen-Übergang */
.hx-seam.hx-wave{position:absolute!important;display:block!important;left:0!important;right:0!important;bottom:-1px!important;top:auto!important;height:clamp(46px,6vw,90px)!important;pointer-events:none}
.hx-seam.hx-wave svg{position:absolute;inset:0;width:100%;height:100%;display:block}

/* Leistungs-Symbole: gleiche Kachelhöhe, gleiche Bildgröße, Zeichnen beim Erscheinen */
.hx-includes{align-items:stretch}
.hx-includes li+li{margin-top:0!important}
.hx-includes li{align-content:center;grid-template-rows:auto auto;min-height:100%}
.hx-includes svg{overflow:visible;width:56px!important;height:56px!important;padding:6px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle,#d9bb8742 0%,#d9bb871c 42%,transparent 68%);stroke-width:1.3!important}
@media(max-width:600px){.hx-includes svg{width:52px!important;height:52px!important;padding:5px}}
.hx-includes path{transform-box:fill-box}
.hx-includes.hx-draw li path{stroke-dasharray:1;animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) cubic-bezier(.65,0,.25,1) both}
.hx-includes.hx-draw li .ic-st{animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) cubic-bezier(.65,0,.25,1) both,hx-ic-steam 2.8s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in-out infinite}
.hx-includes.hx-draw li .ic-fl{transform-origin:50% 100%;animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) both,hx-ic-flame 1.6s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in-out infinite}
.hx-includes.hx-draw li .ic-nt{animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) both,hx-ic-note 2.4s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in-out infinite}
.hx-includes.hx-draw li .ic-ry{transform-origin:50% 100%;animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) both,hx-ic-rays 3.2s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in-out infinite}
.hx-includes.hx-draw li .ic-wv{animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) both,hx-ic-wave 2.6s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in-out infinite}
.hx-includes.hx-draw li .ic-bb{animation:hx-ic-draw 1.15s calc(var(--hx-i,0) * 110ms + .1s) both,hx-ic-bubble 2.2s calc(var(--hx-i,0) * 110ms + 1.3s) ease-in infinite}
@keyframes hx-ic-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hx-ic-steam{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-1.6px);opacity:.35}}
@keyframes hx-ic-flame{0%,100%{transform:scale(1,1)}35%{transform:scale(.9,1.12)}70%{transform:scale(1.06,.92)}}
@keyframes hx-ic-note{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(.6px,-1.4px) rotate(-6deg)}}
@keyframes hx-ic-rays{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.92)}}
@keyframes hx-ic-wave{0%,100%{transform:translateX(0)}50%{transform:translateX(1.4px)}}
@keyframes hx-ic-bubble{0%{transform:translateY(1.5px);opacity:0}30%{opacity:1}100%{transform:translateY(-3px);opacity:0}}
@media (hover:hover) and (pointer:fine){.hx-includes li{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}.hx-includes li:hover{transform:translateY(-3px);border-color:#b8935a66;box-shadow:0 14px 30px #16333d14}}
@media (prefers-reduced-motion:reduce){.hx-includes.hx-draw li path{animation:none!important}}

/* Arrangement-Karte: Text nicht mehr bündig am Kartenrand */
body.spa-water #arrangements .package-scene{background:#fffdf8}
body.spa-water #arrangements .package-scene figcaption{padding:22px clamp(20px,3vw,32px) 24px!important}

/* 17.10.: Schlusszeile liegt am Handy über der festen Buchungsleiste, nicht dahinter */
@media (max-width:900px){.hx-letters-end{padding-bottom:calc(clamp(40px,8vh,90px) + 86px + env(safe-area-inset-bottom))}}

/* 17.10. (3): Wortmarke SaaleSpa als Fenster ins Bild */
.hx-wordmark .hx-wm-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.hx-wordmark .hx-wm-veil{position:absolute;inset:0;background:#0b1c24;opacity:0;pointer-events:none}
.hx-wordmark.hx-wm-ready .hx-wm-veil{opacity:calc(1 - var(--wm,0));
  -webkit-mask-image:url(/assets/brand/saalespa-wortmarke-maske.svg),linear-gradient(#000,#000);mask-image:url(/assets/brand/saalespa-wortmarke-maske.svg),linear-gradient(#000,#000);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 46%,0 0;mask-position:50% 46%,0 0;
  -webkit-mask-size:calc(min(84vw,1180px) * (1 + .12 * var(--wm,0))) auto,100% 100%;mask-size:calc(min(84vw,1180px) * (1 + .12 * var(--wm,0))) auto,100% 100%;
  -webkit-mask-composite:xor;mask-composite:exclude}
@media (max-width:759px){.hx-wordmark.hx-wm-ready .hx-wm-veil{-webkit-mask-size:calc(96vw * (1 + .12 * var(--wm,0))) auto,100% 100%;mask-size:calc(96vw * (1 + .12 * var(--wm,0))) auto,100% 100%;-webkit-mask-position:50% 40%,0 0;mask-position:50% 40%,0 0}}
.hx-wordmark .hx-letters-hint{opacity:calc(1 - var(--wm,0) * 6)}
@media (prefers-reduced-motion:reduce){.hx-wordmark .hx-wm-veil{display:none}}

/* /assets/spa-seiten.css?v=20261016-seiten-3 */
/* SaaleSpa – Unterseiten (16.10.2026, nach Vorschau Runde 2 freigegeben)
   Kinoartige Seitenköpfe ohne Bogenformate, Wegweiser und Weiter-Band im bestehenden Highend-Look.
   Effekte nach Magic UI, dosiert: Blur Fade (Überschrift), Number Ticker (Eckdaten),
   Shiny Button (Hauptknopf), Magic Card (Lichtkegel auf den Wegweiser-Karten).
   Nutzt nur die Tokens aus spa-highend.css (--hx-*). */

/* ---------- Seitenkopf: vollflächiges Originalfoto, Text unten links ---------- */
.sp-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:var(--hx-night);color:var(--hx-cream);overflow:hidden;isolation:isolate}
.sp-hero-media{position:absolute;inset:0;z-index:-2;display:block}
.sp-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transform-origin:50% 60%;animation:sp-settle 2.4s var(--hx-ease) both}
.sp-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,#0b1c24b3 0%,#0b1c2400 22%,#0b1c2400 38%,#0b1c24a6 66%,var(--hx-night) 100%)}
.sp-hero-copy{width:100%;max-width:760px;padding:0 24px 40px}
.sp-hero .overline{color:var(--hx-gold)}
.sp-hero h1{font-family:var(--hx-serif);font-weight:300;font-size:clamp(46px,12.4vw,112px);line-height:.95;letter-spacing:-.012em;margin:16px 0 20px;color:var(--hx-cream);text-shadow:0 2px 30px #06182080}
.sp-hero h1 em{font-style:italic;color:var(--hx-gold)}
.sp-hero h1 .sp-w{display:inline-block}
.sp-hero-lead{font-size:17px;line-height:1.6;color:#e3e8e6;margin:0;max-width:32em;text-shadow:0 1px 18px #06182099}
.sp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.sp-hero-alt{display:inline-flex;align-items:center;min-height:44px;color:var(--hx-cream);font-family:var(--hx-label);font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #f4f1ea66}
.sp-hero-alt:hover,.sp-hero-alt:focus-visible{color:var(--hx-gold);border-color:var(--hx-gold)}

/* Shiny Button: ein Lichtstreif läuft ruhig über den goldenen Hauptknopf */
.sp-shine{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 26px;border-radius:999px;
 background:linear-gradient(135deg,#e6cc9c,var(--hx-gold) 45%,#b8925a);color:var(--hx-night);font-family:var(--hx-label);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
 box-shadow:0 14px 34px -14px #d9bb87aa,inset 0 1px 0 #fff6;transition:transform .4s var(--hx-ease),box-shadow .4s var(--hx-ease)}
.sp-shine::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,#fff0,#fff9,#fff0);transform:skewX(-18deg);animation:sp-shine 5.5s 1.6s var(--hx-ease) infinite}
.sp-shine:hover,.sp-shine:focus-visible{transform:translateY(-2px);box-shadow:0 20px 40px -16px #d9bb87cc,inset 0 1px 0 #fff6}
.sp-shine:active{transform:scale(.98)}

/* Number Ticker: Eckdaten unter dem Text */
.sp-facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:34px 0 0;padding:20px 0 0;border-top:1px solid #f4f1ea2e}
.sp-facts li{display:grid;gap:6px;padding-right:12px}
.sp-facts li+li{padding-left:14px;border-left:1px solid #f4f1ea2e}
.sp-facts strong{font-family:var(--hx-serif);font-weight:400;font-size:clamp(24px,6.4vw,38px);line-height:1;color:var(--hx-cream);font-variant-numeric:tabular-nums;white-space:nowrap}
.sp-facts span{font-size:13px;line-height:1.35;color:#c9d4d5}

/* Blur Fade: Wörter und Zeilen kommen weich aus der Unschärfe */
.sp-ready .sp-hero h1 .sp-w,.sp-ready .sp-hero .sp-in{animation:sp-blur-in 1.1s var(--hx-ease) both}
.sp-ready .sp-hero .overline.sp-in{animation-delay:.05s}
.sp-ready .sp-hero-lead{animation-delay:.55s!important}
.sp-ready .sp-hero-actions{animation-delay:.7s!important}
.sp-ready .sp-facts{animation-delay:.85s!important}

@media (min-width:900px){
 .sp-hero{min-height:min(100vh,980px)}
 .sp-hero::before{background:linear-gradient(90deg,#0b1c24e6 0%,#0b1c24a6 34%,#0b1c2414 62%,#0b1c2400 100%),linear-gradient(180deg,#0b1c2499 0%,#0b1c2400 18%,#0b1c2400 70%,var(--hx-night) 100%)}
 .sp-hero-copy{padding:0 clamp(32px,6vw,96px) clamp(64px,9vh,104px)}
 .sp-hero-lead{font-size:19px}
 .sp-facts{max-width:620px}
}

/* ---------- Startseite: Wegweiser zu den drei Seiten (Magic Card) ---------- */
.sp-ways{background:var(--hx-cream);color:var(--hx-ink);padding:88px 0 96px;position:relative}
.sp-ways-head{max-width:640px;margin:0 0 40px}
.sp-ways-head .overline{color:var(--hx-gold-deep)}
.sp-ways h2{font-family:var(--hx-serif);font-weight:300;font-size:clamp(40px,9vw,72px);line-height:1;margin:14px 0 0;color:var(--hx-ink)}
.sp-ways h2 em{font-style:italic;color:var(--hx-gold-deep)}
.sp-ways-grid{display:grid;gap:14px}
.sp-way{--mx:50%;--my:50%;position:relative;display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;padding:12px;border-radius:22px;background:#fffdf8;color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;
 box-shadow:0 1px 0 #16333d14,0 18px 40px -28px #16333d55;transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease)}
.sp-way::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s var(--hx-ease);background:radial-gradient(420px circle at var(--mx) var(--my),#d9bb8738,#d9bb8700 60%)}
.sp-way:hover::before,.sp-way:focus-visible::before{opacity:1}
.sp-way figure{margin:0;width:112px;height:112px;border-radius:16px;overflow:hidden}
.sp-way img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--hx-ease)}
.sp-way-copy{display:grid;gap:4px}
.sp-way-no{font-family:var(--hx-label);font-size:12px;letter-spacing:.24em;color:var(--hx-gold-deep)}
.sp-way-title{font-family:var(--hx-serif);font-size:30px;line-height:1.05;color:var(--hx-ink)}
.sp-way-text{font-size:15px;line-height:1.45;color:#40545b}
.sp-way:hover,.sp-way:focus-visible{transform:translateY(-3px);box-shadow:0 1px 0 #16333d14,0 28px 50px -28px #16333d80}
.sp-way:hover img,.sp-way:focus-visible img{transform:scale(1.05)}
.sp-way:active{transform:scale(.985)}
.sp-reveal{opacity:0;transform:translateY(18px);filter:blur(6px);transition:opacity 1s var(--hx-ease),transform 1s var(--hx-ease),filter 1s var(--hx-ease)}
.sp-reveal.sp-shown{opacity:1;transform:none;filter:none}

@media (min-width:900px){
 .sp-ways{padding:140px 0 150px}
 .sp-ways-head{margin-bottom:64px}
 .sp-ways-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
 .sp-way{grid-template-columns:1fr;padding:14px 14px 28px;gap:24px;align-items:start;border-radius:28px}
 .sp-way figure{width:100%;height:auto;aspect-ratio:4/5;border-radius:18px}
 .sp-way-copy{padding:0 12px;gap:8px}
 .sp-way-title{font-size:40px}
 .sp-way-text{font-size:16px}
}

/* ---------- Weiter-Band am Seitenende ---------- */
.sp-next{background:var(--hx-night);padding:0}
.sp-next-link{position:relative;display:flex;align-items:flex-end;min-height:min(60svh,560px);color:var(--hx-cream);text-decoration:none;overflow:hidden;isolation:isolate}
.sp-next-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s var(--hx-ease)}
.sp-next-link::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--hx-night) 0%,#0b1c2440 28%,#0b1c24d9 78%,var(--hx-night) 100%)}
.sp-next-copy{display:grid;gap:12px;padding:0 24px 56px}
.sp-next .overline{color:var(--hx-gold)}
.sp-next-title{display:flex;align-items:baseline;gap:.35em;flex-wrap:wrap;font-family:var(--hx-serif);font-weight:300;font-size:clamp(40px,10vw,84px);line-height:1;text-shadow:0 2px 24px #06182099}
.sp-next-arrow{font-family:var(--hx-label);font-size:.5em;color:var(--hx-gold);transition:transform .6s var(--hx-ease)}
.sp-next-link:hover img,.sp-next-link:focus-visible img{transform:scale(1.04)}
.sp-next-link:hover .sp-next-arrow,.sp-next-link:focus-visible .sp-next-arrow{transform:translateX(8px)}
@media (min-width:900px){.sp-next-copy{padding:0 clamp(32px,6vw,96px) 88px}}

/* ---------- Unterseiten allgemein ---------- */
.spa-subpage .morning-story,.spa-subpage .story{display:block}
.spa-subpage [aria-current="page"]{color:var(--hx-gold)!important}
.spa-subpage .morning-film-frame figcaption,.spa-subpage .morning-photos figcaption{padding-inline:14px}
.sp-morning-still img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:inherit}
/* Fußzeile: Links liefen ohne Abstand ineinander („ImpressumDatenschutz“) */
footer>div:last-child{display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:22px}

/* ---------- Ruhige Bewegung ---------- */
@keyframes sp-blur-in{from{opacity:0;filter:blur(10px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}
@keyframes sp-settle{from{transform:scale(1.08)}to{transform:none}}
@keyframes sp-shine{0%{left:-60%}22%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){
 .sp-hero-media img,.sp-ready .sp-hero h1 .sp-w,.sp-ready .sp-hero .sp-in,.sp-shine::after{animation:none}
 .sp-reveal{opacity:1;transform:none;filter:none;transition:none}
 .sp-way,.sp-way img,.sp-next-link img{transition:none}
}

/* ---------- Runde 2 Feinschliff: Handy lesbar, Desktop mit Luft unter der Kopfzeile ---------- */
@media (max-width:899px){
 .sp-hero{display:block;min-height:0}
 .sp-hero-media{position:relative;inset:auto;height:58svh;min-height:380px;z-index:0}
 .sp-hero-media img{animation-duration:2s}
 .sp-hero::before{inset:auto 0 auto 0;top:0;height:58svh;min-height:380px;z-index:1;background:linear-gradient(180deg,#0b1c24a6 0%,#0b1c2400 24%,#0b1c2400 58%,#0b1c24cc 86%,var(--hx-night) 100%)}
 .sp-hero-copy{position:relative;z-index:2;margin-top:-84px;padding:0 24px 112px}
 .sp-hero h1{font-size:clamp(40px,11vw,60px);margin:14px 0 18px}
 .sp-hero-lead{font-size:16px;color:#dfe5e3;text-shadow:none}
 .sp-hero-actions{gap:10px 22px;margin-top:24px}
 .sp-facts{margin-top:30px}
}
@media (min-width:900px){
 .sp-hero{padding-top:140px}
 .sp-hero h1{font-size:clamp(64px,6.6vw,100px)}
}
/* Morgen am See: zwei Originalfotos nebeneinander; Geschichte als ruhige Bildfolge ohne Überlagerung */
.sp-morning-duo{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:850px;margin:32px auto 0}
.sp-morning-duo figure{margin:0;min-width:0}
.sp-morning-duo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 22px 40px -26px #16333d80}
.sp-morning-duo figcaption{font-size:13px;line-height:1.4;padding:10px 4px 0;color:#40545b}
@media (min-width:900px){.sp-morning-duo{gap:28px}.sp-morning-duo figcaption{font-size:14px}}
.spa-subpage .story-grid{display:grid!important;gap:16px;grid-template-columns:minmax(0,1fr)}
.spa-subpage .story-grid figure{margin:0!important;transform:none!important;translate:none!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;align-self:start;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;aspect-ratio:4/5;border-radius:18px}
.spa-subpage .story-grid img{transform:none!important;filter:brightness(.82)}
.spa-subpage .story-grid figcaption{font-family:var(--hx-serif)!important;font-weight:300!important;letter-spacing:-.01em;font-size:30px!important;margin:0!important}
@media (min-width:900px){.spa-subpage .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
/* Kicker im Rundgang-Film war dunkelgrau auf Nachtblau kaum lesbar */
.hx-kino .overline{color:var(--hx-gold)!important;opacity:1!important}
/* Englische Startseite am Handy: „Choose your escape“ ist länger und lief rechts aus dem Bild */
@media (max-width:480px){
 html[lang="en"] .water-offer{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;justify-items:start}
 html[lang="en"] .mobile-book a{letter-spacing:.1em!important;font-size:12px!important;white-space:nowrap}
}

/* ---------- Runde 3 (Design-Audit 16.10.) ---------- */
/* 3D-Bühne vor dem Klick: echtes Bootsfoto, abgedunkelt, mit großem Shiny-Knopf. Das Modell lädt weiterhin erst auf Klick. */
body.spa-water.spa-subpage .water-model-loading.sp-model-poster{background:var(--hx-night)!important;isolation:isolate;overflow:hidden;gap:18px;padding:24px}
.sp-model-poster .sp-model-still-wrap{position:absolute;inset:0;z-index:-2;display:block}
.sp-model-poster .sp-model-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(.95) brightness(.82);transform:scale(1.02);transition:transform 1.8s var(--hx-ease)}
.sp-model-poster::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 45% at 50% 50%,#0b1c2466 0%,#0b1c2433 60%,#0b1c24b3 100%)}
.sp-model-poster:hover .sp-model-still{transform:scale(1.05)}
body.spa-water.spa-subpage #water-model-start.sp-model-start{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:64px;padding:0 36px!important;
 border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#e6cc9c,var(--hx-gold) 45%,#b8925a)!important;color:var(--hx-night)!important;-webkit-backdrop-filter:none;backdrop-filter:none;
 font:600 15px/1.2 var(--hx-label)!important;letter-spacing:.2em!important;text-transform:uppercase;box-shadow:0 22px 50px -18px #000c,0 14px 34px -14px #d9bb87aa,inset 0 1px 0 #fff6;transition:transform .4s var(--hx-ease),box-shadow .4s var(--hx-ease)}
body.spa-water.spa-subpage #water-model-start.sp-model-start::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;z-index:-1;background:linear-gradient(100deg,#fff0,#fff9,#fff0);transform:skewX(-18deg);animation:sp-shine 5.5s 1.2s var(--hx-ease) infinite}
body.spa-water.spa-subpage #water-model-start.sp-model-start:hover,body.spa-water.spa-subpage #water-model-start.sp-model-start:focus-visible{background:linear-gradient(135deg,#ecd6ad,#dfc18f 45%,#c09a62)!important;color:var(--hx-night)!important;transform:translateY(-2px)}
body.spa-water.spa-subpage #water-model-start.sp-model-start:active{transform:scale(.98)}
body.spa-water.spa-subpage .sp-model-poster p{margin:0;color:#f4f1ea;font-size:15px;text-shadow:0 1px 12px #0b1c24}
@media (max-width:899px){body.spa-water.spa-subpage #water-model-start.sp-model-start{min-height:56px;padding:0 26px!important;font-size:13px!important;letter-spacing:.16em!important}}
@media (prefers-reduced-motion:reduce){body.spa-water.spa-subpage #water-model-start.sp-model-start::after{animation:none}.sp-model-poster .sp-model-still{transition:none}}

/* Wenn der See erwacht: am Rechner ein ruhiges Dreier-Band unter dem Text; am Handy bleibt die Reihenfolge (Duo, dann großes Bild) */
@media (min-width:900px){
 body.spa-water.spa-subpage .morning-story .morning-section{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:clamp(20px,2.2vw,32px)!important;row-gap:0!important;align-items:start}
 body.spa-water.spa-subpage .morning-story .morning-film-layout,body.spa-water.spa-subpage .morning-story .sp-morning-duo{display:contents!important}
 body.spa-water.spa-subpage .morning-story .morning-film-copy{grid-column:1/-1!important;grid-row:1!important;max-width:760px;margin:0 0 clamp(36px,4vw,56px)!important}
 body.spa-water.spa-subpage .morning-story .sp-morning-still{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;justify-self:stretch}
 body.spa-water.spa-subpage .morning-story .sp-morning-duo figure:first-child{grid-column:1;grid-row:2}
 body.spa-water.spa-subpage .morning-story .sp-morning-duo figure:last-child{grid-column:3;grid-row:2}
 body.spa-water.spa-subpage .morning-story :is(.sp-morning-still,.sp-morning-duo figure) img{aspect-ratio:3/4;height:auto;border-radius:16px 16px 0 0;box-shadow:none}
 body.spa-water.spa-subpage .morning-story :is(.sp-morning-still,.sp-morning-duo figure) figcaption{padding:12px 16px 14px!important;margin:0!important;font-size:14px;line-height:1.45;color:#40545b}
}

/* 3D-Standbild: Knopf unter das Modell, damit das Boot frei sichtbar bleibt */
.sp-model-poster{justify-content:flex-end!important;align-content:end!important;padding-bottom:clamp(22px,4vw,40px)!important}
.sp-model-poster .sp-model-still{object-position:50% 38%!important}

/* /assets/spa-finale.css?v=20261018-12 */
/* SaaleSpa – Feinschliff 17.10.: einheitlicher Footer, gut lesbare Kleinschrift */
html body footer:has(.footer-contact){display:grid!important;grid-template-columns:minmax(240px,1.25fr) minmax(220px,1fr) minmax(200px,1fr)!important;gap:48px!important;align-items:start!important;padding:72px max(32px,calc((100vw - 1200px)/2)) 64px!important;background:#0b1c24!important;color:#c3d0d3!important;text-align:left!important}
html body footer:has(.footer-contact)>div{min-width:0}
html body footer:has(.footer-contact) .footer-label{margin:0 0 16px!important;font:400 12px/1.4 var(--hx-label,'Josefin Sans',Arial,sans-serif)!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:#dbbd8b!important}
html body footer:has(.footer-contact) address,html body footer:has(.footer-contact) p{margin:0 0 14px!important;font-style:normal;font-size:15px!important;line-height:1.65!important;color:#c3d0d3}
html body footer:has(.footer-contact) .footer-contact,html body footer:has(.footer-contact) .footer-more{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
html body footer:has(.footer-contact) :is(.footer-contact,.footer-more)>a,html body footer:has(.footer-contact) .footer-more .sm-privacy-launcher{display:inline-flex!important;align-items:center!important;width:auto!important;min-height:40px!important;padding:0!important;margin:0!important;font:400 15px/1.3 var(--hx-body,'DM Sans',Arial,sans-serif)!important;color:#c3d0d3!important;text-decoration:underline!important;text-decoration-color:#c3d0d355!important;text-underline-offset:5px!important;background:none!important;border:0!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
html body footer:has(.footer-contact) :is(.footer-contact,.footer-more)>a:hover,html body footer:has(.footer-contact) .footer-more .sm-privacy-launcher:hover{color:#dbbd8b!important;text-decoration-color:#dbbd8b!important}
html body footer:has(.footer-contact) .footer-contact a[href^="mailto:"]{overflow-wrap:anywhere}
html body footer:has(.footer-contact) .brand-family{margin-top:8px!important}
html body footer:has(.footer-contact) .water-motion-control{display:inline-flex;align-items:center;min-height:40px;margin:6px 0 4px!important;padding:0!important;font-size:14px!important;background:none!important;border:0!important;color:#dbbd8b!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#dbbd8b66}
@media (max-width:899px){
 html body footer:has(.footer-contact){grid-template-columns:1fr 1fr!important;gap:36px 24px!important;padding:56px 24px calc(48px + env(safe-area-inset-bottom))!important}
 html body footer:has(.footer-contact) .footer-brand{grid-column:1/-1}
 html body footer:has(.footer-contact) :is(.footer-contact,.footer-more)>a,html body footer:has(.footer-contact) .footer-more .sm-privacy-launcher{min-height:44px!important}
}
@media (max-width:380px){html body footer:has(.footer-contact){grid-template-columns:1fr!important}}
/* Kleinschrift auf mindestens 12 px */
html body .hx-season,html body .water-price-label,html body .water-price-detail,html body .standard-note,html body .gift-shop .tag,html body .sp-shell .tag{font-size:12px!important}
html body .hx-letters-hint{font-size:13px!important}
html body footer:has(.footer-contact) .footer-more .sm-privacy-launcher{opacity:1!important}
html body .hx-includes span{font-size:12.5px!important;letter-spacing:.08em!important}
@media(max-width:700px){html body .hx-includes span{font-size:12px!important;letter-spacing:.06em!important}}
/* Bewertung: große Note, kleine Skala, Sterne darüber */
html body.spa-water .review-score{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
html body.spa-water .review-score strong{display:block;line-height:1.05!important;color:inherit}
html body.spa-water .review-score strong>span{font:inherit!important;font-size:1em!important;color:inherit!important;letter-spacing:0!important}
html body.spa-water .review-score>span{font-size:14px!important}

/* Anreise 17.10.: Hängeschaukel als bewegtes Titelbild */
html body .sp-hero-media picture{display:contents}
html body .sp-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;background:#0b1c24}
@media (min-width:900px){
  html body .sp-hero:has(.sp-hero-film) .sp-hero-media{background:#0b1c24}
  html body .sp-hero:has(.sp-hero-film) .sp-hero-media img{opacity:0}
  html body .sp-hero-film{left:auto;right:0;width:54%;object-position:0% 50%;background:#0b1c24}
  /* weicher Übergang ist in den Rechner-Film eingearbeitet (keine Maske, keine Kante) */
}

/* 17.10. (2): kein weichgezeichneter Nebel über dem Headerfilm – ruhiger, klarer Verlauf reicht */
html body .water-entry .hx-mist{display:none!important}

/* 17.10. (2): Titelbilder stehen ruhig – kein Nachzoomen beim Laden (wirkte wie doppeltes Laden) */
html body .sp-hero-media img,html body .sp-shell .sp-pagehead .sp-pagehead-media img{animation:none!important;transform:none!important}

/* 17.10. (2): Buchungsleiste am Handy verdeckt die Titel-Knöpfe nicht mehr */
html.sp-hero-in-view body .mobile-book{visibility:hidden;pointer-events:none;transform:translateY(110%)}
html body .mobile-book{transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility .32s}

/* 17.10. (2): Feinschliff Startseite */
html body .restaurant-actions .button.outline{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid rgba(20,47,57,.32);border-radius:999px;color:#142f39;background:transparent;font-family:var(--hx-label,'Josefin Sans',sans-serif);font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
html body .restaurant-actions .button.outline:hover{border-color:#142f39}
html body .water-prologue h2{margin-bottom:24px!important}

/* 17.10. (2): Headerfilm füllt auch auf Tablets das ganze Bild (vorher Band mit dunkler Fläche) */
@media (min-width:600px){html body .water-media #water-header-film{object-fit:cover!important;object-position:50% 50%!important}}

/* ===== Vorschau 17.10.: grafische Ergänzungen ===== */
/* 1) Bewertungssiegel im Header */
html body .water-rating{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:7px 14px 7px 12px;border:1px solid rgba(217,187,135,.38);border-radius:999px;background:rgba(11,28,36,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f1ea;font:500 12.5px/1.2 var(--hx-sans,'DM Sans',sans-serif);letter-spacing:.02em;text-decoration:none;width:max-content}
html body .water-rating-stars{color:#d9bb87;letter-spacing:2px;font-size:12px}
html body .water-rating:hover{border-color:#d9bb87}
html body .water-price .water-rating{display:flex;margin:0 0 12px}
/* 2) Wegskizze Anreise */
html body .sp-route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:8px 0 64px;padding:34px 34px 26px;border-radius:22px;background:linear-gradient(160deg,#10262f,#0b1c24);color:#f4f1ea;box-shadow:0 30px 60px -36px rgba(11,28,36,.6)}
html body .sp-route-line{display:none}
html body .sp-route-stop:not(:last-of-type)::after{content:"";position:absolute;left:62px;right:-16px;top:27px;border-top:2px dashed rgba(217,187,135,.5)}
html body .sp-route-stop{position:relative;display:flex;flex-direction:column;gap:6px}
html body .sp-route-dot{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#0b1c24;border:1px solid rgba(217,187,135,.6);margin-bottom:12px}
html body .sp-route-dot svg{width:24px;height:24px;fill:none;stroke:#d9bb87;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body .sp-route-stop:last-of-type .sp-route-dot{background:#d9bb87}
html body .sp-route-stop:last-of-type .sp-route-dot svg{stroke:#0b1c24}
html body .sp-route-stop strong{font:400 24px/1.1 var(--hx-serif,'Cormorant Garamond',serif);color:#f4f1ea}
html body .sp-route-stop>span:last-child{font-size:14px;line-height:1.5;color:rgba(244,241,234,.74)}
html body .sp-route figcaption{grid-column:1/-1;margin-top:6px;padding-top:16px;border-top:1px solid rgba(244,241,234,.12);font-size:13.5px;color:rgba(244,241,234,.7)}
@media (max-width:760px){
  html body .sp-route{grid-template-columns:1fr;gap:20px;padding:26px 22px 22px;margin-bottom:44px}
  html body .sp-route-stop:not(:last-of-type)::after{left:22px;right:auto;top:54px;bottom:-16px;border-top:0;border-left:2px dashed rgba(217,187,135,.5)}
  html body .sp-route-stop{display:grid;grid-template-columns:46px 1fr;column-gap:16px;row-gap:2px;align-items:center}
  html body .sp-route-dot{width:46px;height:46px;margin:0;grid-row:1/3}
  html body .sp-route-dot svg{width:20px;height:20px}
  html body .sp-route-stop strong{font-size:22px;align-self:end}
  html body .sp-route-stop>span:last-child{align-self:start}
}
/* 3) Symbole auf den Arrangement-Karten */
html body .package-tabs button{position:relative}
html body .package-tabs button::after{content:""!important;display:block!important;position:absolute;top:14px;right:14px;width:22px;height:22px;background:#a9834b;-webkit-mask:var(--pk-ico) center/contain no-repeat;mask:var(--pk-ico) center/contain no-repeat;opacity:.9}
html body .package-tabs button.active::after,html body .package-tabs button[aria-pressed="true"]::after{background:#d9bb87}
html body .package-tabs button[data-package-index="0"]{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c-3.3 0-6-2.4-6-5.6 0-3.6 3.3-5.4 3.8-9.4 2.6 1.6 4 3.8 4.2 6.2.7-.7 1.2-1.7 1.3-2.8 1.7 1.4 2.7 3.6 2.7 6 0 3.2-2.7 5.6-6 5.6z'/%3E%3C/svg%3E")}
html body .package-tabs button[data-package-index="1"]{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c-4-2.5-6-5.5-6-9a6 6 0 0 1 6-6 6 6 0 0 1 6 6c0 3.5-2 6.5-6 9z'/%3E%3Cpath d='M12 20V9'/%3E%3Cpath d='M12 13l-3-3M12 11l3-3'/%3E%3C/svg%3E")}
html body .package-tabs button[data-package-index="2"]{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='6.5' r='2.3'/%3E%3Ccircle cx='16' cy='6.5' r='2.3'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Cpath d='M4.5 19v-3.5A3.5 3.5 0 0 1 8 12M19.5 19v-3.5A3.5 3.5 0 0 0 16 12M9.5 19v-1.5a2.5 2.5 0 0 1 5 0V19'/%3E%3C/svg%3E")}
html body .package-tabs button[data-package-index="3"]{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.5 5.2 5.6.8-4 4 1 5.6-5.1-2.7-5.1 2.7 1-5.6-4-4 5.6-.8z'/%3E%3C/svg%3E")}
html body .package-tabs button[data-package-index="4"]{--pk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
@media (max-width:599px){html body .water-offer{flex-wrap:wrap;row-gap:16px}html body .water-price .water-rating{font-size:12px}}
@media (max-width:420px){html body .package-tabs button[data-package-index="2"]::after{top:12px;right:12px}html body .package-tabs button[data-package-index="2"] .package-choice-price{margin-top:22px}}

/* 17.10. (3): Rundgang „Das Boot“ – alle vier Bilder im gleichen edlen Hochformat statt unterschiedlich großer Fotos */
html body.spa-water .water-scene-photo{aspect-ratio:4/5;width:auto!important;max-width:100%;justify-self:center;align-self:center;display:block;overflow:visible;border-radius:0;box-shadow:none}
html body.spa-water .water-scene-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:18px;box-shadow:0 30px 70px #0b1c2440}
html body.spa-water #water-boat .water-scene-photo img{object-position:42% 50%}
html body.spa-water #water-sauna .water-scene-photo img{object-position:50% 60%}
html body.spa-water .water-scene-photo figcaption{bottom:-30px}
html body.spa-water.water-reduced .water-scene-photo{aspect-ratio:4/5;height:auto!important;width:100%!important}
html body.spa-water.water-reduced .water-scene-photo img{position:absolute;height:100%!important}
html body.spa-water.water-reduced .water-scene-photo figcaption{position:absolute;top:calc(100% + 10px);bottom:auto}

/* 17.10. (4): Startbild aufgeräumt – oben Aussage und Bewertung, unten eine ruhige Leiste mit Termin, Preis und Buchung */
html body .water-copy .water-rating{display:inline-flex;margin:26px 0 0}
html body .hx-season{display:none!important}
@media (min-width:901px){
  html body .water-lower{left:5.5vw!important;right:5.5vw!important;bottom:40px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;justify-content:flex-start!important;gap:20px!important;width:auto!important;margin:0!important;padding:0!important}
  html body .water-lower-copy{order:1}
  html body .water-lower>.hx-next{order:2}
  html body .water-offer{order:3}
  html body .water-lower-copy{display:block!important;max-width:none!important;margin:0!important;align-self:flex-end}
  html body .water-lower>.hx-next{margin:0!important;align-self:flex-end}
  html body .water-lower>.hx-next{align-self:flex-end;margin:0}
  html body .water-offer{margin-left:auto}
  html body #header-film-toggle{min-height:40px!important;padding:8px 14px!important;border:1px solid rgba(244,241,234,.28);border-radius:999px;background:rgba(11,28,36,.35);font-size:12px!important;letter-spacing:.08em}
}
@media (min-width:901px) and (max-width:1365px){
  html body .water-lower{flex-wrap:wrap!important;row-gap:16px!important}
  html body .water-lower>.hx-next{order:0!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important;flex-wrap:nowrap!important;white-space:nowrap}
  html body .water-lower>.hx-next::after{content:"";flex-basis:100%}
  html body .water-lower-copy{flex-basis:auto}
  html body .water-lower::before{content:"";order:1;flex-basis:100%;height:0}
}

/* ---------- Optik-Check 17.10.2026: Feinschliff Handy & Desktop ---------- */
/* Bestellknopf Gutschein: Pflichtwortlaut bleibt, aber höchstens zwei Zeilen */
@media (max-width:560px){html body #submit.sp-shine{font-size:13px!important;letter-spacing:.07em!important;line-height:1.3!important;padding:10px 18px!important;min-height:56px!important;text-align:center}}
/* Fußbereich am Handy: eine Spalte, nichts läuft an den Rand */
@media (max-width:560px){html body footer:has(.footer-contact){grid-template-columns:1fr!important;gap:30px!important}html body footer:has(.footer-contact) .footer-label{letter-spacing:.2em!important}}
/* Eckdaten im Startbild der Unterseiten: mehr Luft auf schmalen Geräten */
@media (max-width:420px){.sp-facts strong{font-size:23px}.sp-facts li{padding-right:8px}.sp-facts li+li{padding-left:10px}.sp-facts span{font-size:12.5px}}
/* Abschluss-Link: Pfeil bleibt beim Wort */
@media (max-width:480px){.sp-next-title{font-size:clamp(32px,8.6vw,40px);flex-wrap:nowrap;white-space:nowrap}}
/* Unterseiten am Handy: kein leerer Streifen nach dem Startbild */
@media (max-width:899px){.sp-hero-copy{padding-bottom:64px}.hx-kino{padding-top:36px;padding-bottom:44px}}
/* Startseite: Gutschein-Abschnitt schließt enger an */
.gift-section{padding-bottom:clamp(56px,6vw,80px)!important}
@media (max-width:899px){.sp-ways{padding-bottom:64px!important}.gift-section{padding-top:48px!important}}
/* Leistungs-Kacheln: Symbole stehen auf einer Linie */
.hx-includes li{align-content:start}
/* Rundgang: Link „Das Boot in 3D“ wird nie angeschnitten */
.water-tour-top .water-model-open{white-space:nowrap;flex:none}

/* Wege an Bord als Bildtafeln statt nummerierter Liste (17.10.2026) */
.sp-ways-grid{gap:16px}
.sp-way{display:block;padding:0;border-radius:24px;background:#0f2128;color:#fbf7ef;aspect-ratio:5/4;min-height:260px;box-shadow:0 30px 60px -36px #16333daa}
.sp-way::before{display:none}
.sp-way figure{position:absolute;inset:0;width:auto;height:auto;margin:0;border-radius:0;aspect-ratio:auto}
.sp-way figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,25,0) 30%,rgba(8,20,25,.55) 62%,rgba(8,20,25,.9) 100%)}
.sp-way img{width:100%;height:100%;object-fit:cover}
.sp-way-copy{position:absolute;left:0;right:64px;bottom:0;padding:24px 24px 24px;gap:6px;z-index:1}
.sp-way-no{display:none}
.sp-way-title{color:#fbf7ef;font-size:34px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.sp-way-text{color:rgba(251,247,239,.86);font-size:15px;line-height:1.45;max-width:30ch}
.sp-way-go{position:absolute;right:20px;bottom:24px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(232,200,145,.7);color:#e8c895;font-size:18px;transition:background .4s var(--hx-ease),color .4s var(--hx-ease),transform .4s var(--hx-ease)}
.sp-way:hover .sp-way-go,.sp-way:focus-visible .sp-way-go{background:#e8c895;color:#0f2128;transform:translateX(3px)}
.sp-way:focus-visible{outline:3px solid #b98a4e;outline-offset:3px}
@media (min-width:900px){
 .sp-ways-grid{gap:24px}
 .sp-way{aspect-ratio:3/4;padding:0;border-radius:28px}
 .sp-way figure{width:auto;border-radius:0;aspect-ratio:auto}
 .sp-way-copy{padding:0 32px 32px;right:72px}
 .sp-way-title{font-size:40px}
 .sp-way-go{right:28px;bottom:32px}
}
@media (prefers-reduced-motion:reduce){.sp-way-go{transition:none}}

/* Rundgang-Kopf: bleibt innerhalb des Bildschirms, „Das Boot in 3D“ springt beim Szenenwechsel nicht mehr (18.10.2026) */
body.spa-water .water-tour-top{left:0!important;right:0!important;margin-left:5.5vw;margin-right:5.5vw;box-sizing:border-box;max-width:calc(100% - 11vw)}
body.spa-water .water-tour-top .water-model-open{margin-left:auto;margin-right:32px}
body.spa-water .water-tour-top #water-count{min-width:13ch;text-align:right;white-space:nowrap}
@media (max-width:700px){body.spa-water .water-tour-top{margin-left:24px;margin-right:24px;max-width:calc(100% - 48px)}body.spa-water .water-tour-top .water-model-open{margin-right:0}}
/* 18.10.2026 · Startseite: zweiter Absatz im Prolog („Was ist ein Saunaboot?“) */
html body .water-prologue p:not(.overline){font-size:16px;max-width:620px;line-height:1.8;margin-top:35px;color:#c5d1d2}
html body .water-prologue p.water-prologue-more{margin-top:18px}
@media (max-width:760px){html body .water-prologue p:not(.overline){font-size:15px;margin-top:28px}html body .water-prologue p.water-prologue-more{margin-top:16px}}
/* WebKit must size the image cards to their grid column even when the minimum
   height is taller than the preferred aspect ratio on a narrow phone. */
@media(max-width:700px){
 .sp-ways-grid>.sp-way{min-width:0;width:100%;max-width:100%}
}

/* 21.10.2026: Confine decorative beams and keep both narrow booking links reachable. */
html body #arrangements .package-tabs button{overflow:hidden;isolation:isolate}
@media(max-width:700px){
 html body:has(.package-tabs) .mobile-book{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 html body:has(.package-tabs) .mobile-book a{min-width:0}
 html body:has(.package-tabs) .mobile-book a>span:first-child{min-width:0;white-space:normal;overflow-wrap:normal}
 html body:has(.package-tabs) .mobile-book a>span:last-child{flex-shrink:0}
}

/* /assets/spa-seo.css?v=20261019-seo-1 */
/* SaaleSpa – SEO-Paket (Vorschau 19.10.2026)
   1. Die Ortszeile über der Hauptüberschrift ist jetzt Teil der H1 (Suchbegriffe „Saunaboot“, „Thüringen“), sieht aber aus wie bisher.
   2. Neuer Abschnitt „Saunaboot in Thüringen“ mit Fließtext und häufigen Fragen auf der Startseite. */

body.spa-water h1>.sp-h1-kicker,
body.spa-water .water-copy h1>span.sp-h1-kicker,
body.hx-portrait-film .water-copy h1>span.sp-h1-kicker{display:flex!important;width:fit-content;max-width:100%;margin:0 0 18px!important;font-style:normal;text-shadow:none;white-space:normal;animation:none}
body.spa-water .water-entry .water-copy .water-kicker.sp-h1-kicker{display:flex!important}
body.hx-portrait-film .water-copy h1>span.sp-h1-kicker{margin-bottom:12px!important;text-shadow:0 1px 12px #061820}

.sp-seo .sp-seo-intro{max-width:780px}
body.spa-water .sp-seo .overline{color:#dbbd8b}
.sp-seo .sp-seo-intro h2{margin:.4em 0 .5em;padding-bottom:.12em}
@media (max-width:900px){.sp-seo .sp-seo-intro h2{margin-bottom:.7em}}
.sp-seo .sp-seo-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;margin:0;max-width:62ch}
.sp-seo .sp-seo-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);margin:clamp(32px,4vw,52px) 0 clamp(44px,6vw,80px)}
.sp-seo .sp-seo-text p{margin:0 0 1em;font-size:16px;line-height:1.75}
.sp-seo .sp-seo-faq .qf-answer .text-link{display:inline-flex;gap:8px;align-items:center}
@media (max-width:900px){
  .sp-seo .sp-seo-text{grid-template-columns:1fr}
  .sp-seo .sp-seo-text p{font-size:16px;line-height:1.7}
}

/* Startseite: Ortszeile am Desktop vollständig, am Handy nur die kurze, einzeilige Fassung */
body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-text,
body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-long{display:inline!important;animation:none!important}
@media (max-width:899px){
  body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-long{display:none!important}
  body.spa-water .water-copy h1>.sp-h1-kicker{white-space:nowrap}
}

/* WebKit: keep the short mobile location text in one flex item. */
@media (max-width:899px){
  body.spa-water .water-copy h1>.sp-h1-kicker .sp-kicker-text{flex:0 0 auto;width:max-content;max-width:none;white-space:nowrap!important}
}

/* Confirmed small-text contrast on the existing pale surfaces. */
.sp-ways-head .overline,#sp-ways-title em,
html body.sp-shell .sp-withdraw-note .sp-withdraw-kicker{color:#785b35}

/* /assets/spa-bewerten.css?v=20261020-1 */
/* Bewertungen: Einladung unter den Gästestimmen und eigene Seite /bewerten/ */
.rv-invite{display:grid;gap:16px;margin-top:30px;padding-top:26px;border-top:1px solid rgba(219,189,139,.45)}
.rv-ask{margin:0;font:400 italic clamp(1.15rem,2.2vw,1.45rem)/1.3 "Playfair Display",Georgia,serif;color:inherit}
.rv-actions{display:flex;flex-wrap:wrap;gap:12px}
.rv-btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px 0 18px;border-radius:999px;border:1px solid rgba(219,189,139,.75);font:500 14px/1.2 inherit;letter-spacing:.02em;text-decoration:none;color:inherit;background:transparent;transition:background .35s,color .35s,border-color .35s,transform .35s}
.rv-btn svg{width:20px;height:20px;flex:none}
.rv-btn.rv-google{background:#dbbd8b;border-color:#dbbd8b;color:#0b1c24}
.rv-btn:hover,.rv-btn:focus-visible{transform:translateY(-2px);border-color:#dbbd8b}
.rv-btn.rv-trip:hover,.rv-btn.rv-trip:focus-visible{background:rgba(219,189,139,.14)}
@media (max-width:560px){.rv-actions{flex-direction:column}.rv-btn{justify-content:center;width:100%}}
@media (prefers-reduced-motion:reduce){.rv-btn{transition:none}.rv-btn:hover{transform:none}}
.rv-page{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#f4f3ef;background:#0b1c24;isolation:isolate;overflow:hidden}
.rv-media{position:absolute;inset:0;z-index:-1}.rv-media img{width:100%;height:100%;object-fit:cover}
.rv-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,28,36,.94) 0%,rgba(11,28,36,.7) 42%,rgba(11,28,36,.15) 75%,rgba(11,28,36,.35) 100%)}
.rv-copy{width:min(100% - 40px,760px);margin:0 auto;padding:140px 0 clamp(48px,8vw,96px)}
.rv-copy .overline{margin:0 0 18px;color:#dbbd8b}
.rv-page h1{margin:0;font:400 clamp(2.6rem,7vw,5rem)/1 "Playfair Display",Georgia,serif;letter-spacing:-.02em}
.rv-page h1 em{color:#dbbd8b}
.rv-lead{margin:22px 0 30px;max-width:34em;font-size:1.06rem;color:rgba(244,243,239,.9)}
.rv-note,.rv-read{margin:26px 0 0;font-size:.92rem;color:rgba(244,243,239,.75)}.rv-read{margin-top:10px}
.rv-note a,.rv-read a{color:#f4f3ef;text-underline-offset:4px}

/* /assets/spa-eckdaten.css?v=20261021-1 */
/* SaaleSpa – Eckdaten-Leiste unter dem Startfilm (21.10.2026). Werte stehen ohne Skript fest im HTML. */
.sp-eckdaten{background:var(--water-night,#0b1c24);padding:34px 20px 6px;color:var(--hx-cream,#f4f1ea)}
.sp-ek-row{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(217,187,135,.32);border-bottom:1px solid rgba(217,187,135,.32)}
.sp-ek{margin:0;padding:20px 10px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}
.sp-ek+.sp-ek{border-left:1px solid rgba(217,187,135,.22)}
.sp-ek-label{font-family:var(--hx-label,'Josefin Sans',Arial,sans-serif);font-size:13px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#c5d1d2}
.sp-ek-wert{font-family:var(--hx-serif,'Cormorant Garamond',Georgia,serif);font-size:clamp(26px,3.4vw,40px);line-height:1.05;color:var(--hx-gold,#d9bb87);text-wrap:balance;font-variant-numeric:tabular-nums lining-nums}
.sp-ek-wert b{font-weight:500}
@media (max-width:420px){.sp-eckdaten{padding:28px 16px 4px}.sp-ek{padding:16px 4px 14px}.sp-ek-label{letter-spacing:.08em}.sp-ek-wert{font-size:24px}}
@media (max-width:340px){.sp-ek-wert{font-size:21px}}

/* /assets/spa-fx.css?v=20261022-kontrast-1 */
/* SaaleSpa · Glas-Menüleiste und „Euer Tag an Bord“ (nach Ideen aus Aceternity UI, als schlankes CSS/JS nachgebaut) */

/* Glas-Menüleiste: das Wasser des Films scheint durch */
html body.spa-water .header,html body.spa-water .header.water-solid,html body.spa-water.hx-scrolled .header{
 background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 46%,rgba(255,255,255,.08)),rgba(9,24,31,.34)!important;
 -webkit-backdrop-filter:blur(16px) saturate(165%) brightness(1.04);backdrop-filter:blur(16px) saturate(165%) brightness(1.04);
 border:1px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.34);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06),0 18px 44px -24px rgba(0,0,0,.65);
 transition:background .5s ease,box-shadow .5s ease,top .5s cubic-bezier(.2,.7,.1,1)}
body.spa-water .header::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:radial-gradient(260px 120px at var(--gx,20%) 0%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);opacity:.9;transition:opacity .4s}
html body.spa-water.hx-scrolled .header{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 46%,rgba(255,255,255,.06)),rgba(9,24,31,.6)!important}
/* offenes Handy-Menü braucht den ganzen Bildschirm: Glas dort aus */
html body.spa-water .header:has(nav.open){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0b1c24!important}
@media (min-width:1100px){
 body.spa-water .header{top:14px;left:max(18px,calc(50% - 660px));right:max(18px,calc(50% - 660px));min-height:66px;padding:10px 12px 10px 28px;border-radius:999px}
 body.spa-water .header .nav-book{border-radius:999px}
}
@media (max-width:1099px){
 body.spa-water .header{border-width:0 0 1px;border-bottom-color:rgba(255,255,255,.14)}
 body.spa-water .header::before{opacity:.5}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
 html body.spa-water .header,html body.spa-water.hx-scrolled .header{background:rgba(9,24,31,.92)!important}
}

/* Euer Tag an Bord: Text läuft, Bild bleibt stehen */
.spfx-ablauf{position:relative;padding:clamp(72px,9vw,140px) 0 clamp(56px,7vw,110px);color:#f4f3ef}
.spfx-ablauf .overline{color:#d9bb87}
.spfx-kopf{max-width:46rem;margin-bottom:clamp(36px,5vw,72px)}
.spfx-kopf h2{margin:.25em 0 0}
.spfx-buehne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:start}
.spfx-schritt{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:4vh 0;opacity:1}
.spfx-schritt.is-aktiv,.spfx-schritt:only-child{opacity:1}
.spfx-schritt h3{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.04;margin:.3em 0 .45em}
.spfx-schritt p:not(.overline){max-width:30em;color:rgba(244,243,239,.82);line-height:1.7;margin:0}
.spfx-schritt figure{display:none}
.spfx-bilder{position:sticky;top:16vh;height:68vh;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -46px rgba(0,0,0,.8);background:#0b1c24}
.spfx-bilder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1s ease,transform 1.6s cubic-bezier(.2,.7,.1,1)}
.spfx-bilder img.is-aktiv{opacity:1;transform:none}
.spfx-bilder::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:inherit}
.spfx-mehr{margin-top:clamp(28px,4vw,48px)}
.spfx-js .spfx-schritt{opacity:1}
html:not(.spfx-js) .spfx-schritt{opacity:1}
html:not(.spfx-js) .spfx-bilder img:first-child{opacity:1;transform:none}
@media (max-width:899px){
 .spfx-buehne{display:block}
 .spfx-bilder{display:none}
 .spfx-schritt,.spfx-js .spfx-schritt{min-height:0;opacity:1;padding:0 0 clamp(40px,10vw,56px)}
 .spfx-schritt figure{display:block;margin:0 0 20px;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#0b1c24}
 .spfx-schritt figure img{display:block;width:100%;height:100%;object-fit:cover}
 .spfx-schritt h3{font-size:clamp(1.8rem,8vw,2.3rem)}
}
@media (prefers-reduced-motion:reduce){.spfx-schritt,.spfx-js .spfx-schritt{opacity:1;transition:none}.spfx-bilder img{transition:none}}

/* /assets/premium-polish.css?v=20261021-2 */
/* Approved visual polish on existing elements; no layout or content replacement. */
:root{--sm-polish-light:217,187,135;--sm-polish-shadow:11,28,36}
.sm-polish-light,.sm-polish-ring,.sm-polish-shine{display:none!important;pointer-events:none!important;user-select:none!important}
html[data-sm-polish-level="1"] .sm-polish-target,html[data-sm-polish-level="2"] .sm-polish-target{outline-offset:-1px;transition:box-shadow .35s ease,outline-color .35s ease}
html[data-sm-polish-level="1"] .sm-polish-target:is(:hover,:focus-visible){box-shadow:0 0 0 1px rgba(var(--sm-polish-light),.4),0 8px 23px rgba(var(--sm-polish-shadow),.09)}
html[data-sm-polish-level="2"] .sm-polish-target:is(:hover,:focus-visible){box-shadow:0 0 0 1px rgba(var(--sm-polish-light),.65),0 12px 32px rgba(var(--sm-polish-shadow),.14)}
html[data-sm-polish-level="1"] .sm-polish-light,html[data-sm-polish-level="2"] .sm-polish-light{display:block!important;position:absolute!important;inset:0!important;z-index:8!important;border-radius:inherit!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;background:radial-gradient(340px circle at var(--sm-polish-x,50%) var(--sm-polish-y,50%),rgba(var(--sm-polish-light),.17),transparent 70%)!important;transition:opacity .35s ease!important;mix-blend-mode:screen}
html[data-sm-polish-level="2"] .sm-polish-light{background:radial-gradient(300px circle at var(--sm-polish-x,50%) var(--sm-polish-y,50%),rgba(var(--sm-polish-light),.26),transparent 70%)!important}
html[data-sm-polish-level="1"] .sm-polish-target:is(:hover,:focus-visible)>.sm-polish-light,html[data-sm-polish-level="2"] .sm-polish-target:is(:hover,:focus-visible)>.sm-polish-light{opacity:1!important}
html[data-sm-polish-level="2"] .sm-polish-ring{display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1px!important;z-index:9!important;border:0!important;margin:0!important;background:radial-gradient(170px circle at var(--sm-polish-x,50%) var(--sm-polish-y,50%),rgba(var(--sm-polish-light),.9),transparent 85%)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0!important;transition:opacity .35s ease!important}
html[data-sm-polish-level="2"] .sm-polish-target:is(:hover,:focus-visible)>.sm-polish-ring{opacity:1!important}
html[data-sm-polish-level="2"] .sm-polish-cta{isolation:isolate}
html[data-sm-polish-level="2"] .sm-polish-shine{display:block!important;position:absolute!important;inset:0!important;z-index:3!important;border-radius:inherit!important;background:linear-gradient(110deg,transparent 26%,rgba(255,255,255,.2) 48%,transparent 70%)!important;background-size:260% 100%!important;background-position:160% 0!important;opacity:0!important;transition:background-position .65s ease,opacity .2s ease!important;border:0!important;margin:0!important;padding:0!important}
html[data-sm-polish-level="2"] .sm-polish-cta:is(:hover,:focus-visible)>.sm-polish-shine{opacity:1!important;background-position:-60% 0!important}
@media(hover:hover) and (pointer:fine){
 html[data-sm-polish-level="1"] .sm-polish-target img{transition:scale .65s cubic-bezier(.2,.7,.2,1)}
 html[data-sm-polish-level="1"] .sm-polish-target:is(:hover,:focus-visible) img{scale:1.018}
 html[data-sm-polish-level="2"] .sm-polish-target img{transition:scale .65s cubic-bezier(.2,.7,.2,1),filter .35s ease,opacity .35s ease}
 html[data-sm-polish-level="2"] .sm-polish-target:is(:hover,:focus-visible) img{scale:1.032}
 html[data-sm-polish-level="2"] .sm-polish-cluster:has(.sm-polish-target:is(:hover,:focus-visible)) .sm-polish-target:not(:hover):not(:focus-visible) img{filter:blur(.7px);opacity:.9}
}
html[data-sm-polish-level="2"] .sm-polish-enter{animation:sm-polish-soft-arrival .48s ease both}
@keyframes sm-polish-soft-arrival{from{opacity:.65;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){
 html[data-sm-polish-level] .sm-polish-target,html[data-sm-polish-level] .sm-polish-target img{transition:none!important;scale:1!important}
 .sm-polish-enter{animation:none!important}
 .sm-polish-shine{display:none!important}
}

/* Approved second stage: typography, surfaces and touch controls. */

html[data-sm-polish-level="2"] main :is(h2,h3,.sp-way-title,.ab-saison-text b){text-wrap:balance;letter-spacing:-.025em}
html[data-sm-polish-level="2"] :is(.wc-body,.wc-sub,.sp-way-text,.ab-saison-text>span){text-wrap:pretty;line-height:1.65}
html[data-sm-polish-level="2"] :is(.sp-way,.ab-seatcard,.ab-saison-card){border-color:rgba(var(--sm-polish-light),.38);box-shadow:inset 0 1px 0 #ffffff14,0 12px 32px #071b2110}
html[data-sm-polish-level="2"] .ab-saison-text{padding:clamp(20px,3vw,38px)}
html[data-sm-polish-level="2"] .ab-saison-text b{line-height:1.13}
html[data-sm-polish-level="2"] .ab-saison-text small{letter-spacing:.1em}
html[data-sm-polish-level="2"] :is(.wc-copy,.world .in){text-shadow:0 2px 22px #001f25a6}
html[data-sm-polish-level="2"] .wc-shade{background:linear-gradient(90deg,#081a21d9,#081a2170 65%,#081a2120)}
html[data-sm-polish-level="2"] .world .in{padding:clamp(24px,3vw,42px);background:linear-gradient(0deg,#061923a8,transparent)}
html[data-sm-polish-level="2"] :is(.world .go,.wc-actions .btn,.wc-actions .btn-line,.save-moment,.package-tabs button,.slot-cta){min-height:44px}
html[data-sm-polish-level="2"] :is(.world .go,.wc-actions .btn-line,.save-moment){display:inline-flex;align-items:center;gap:12px}
html[data-sm-polish-level="2"] :is(#cruise-compass select,#package-select){min-height:52px;border-radius:12px;border-color:rgba(var(--sm-polish-light),.5);box-shadow:0 4px 14px #00000008}
html[data-sm-polish-level="2"] .package-information{border-radius:20px;box-shadow:inset 0 1px 0 #ffffff14,0 18px 50px #061a2110}
html[data-sm-polish-level="2"] :is(.sp-way-go,.world .go>span:last-child){transition:translate .25s ease}
@media(hover:hover) and (pointer:fine){html[data-sm-polish-level="2"] .sp-way:hover .sp-way-go,html[data-sm-polish-level="2"] .world:hover .go>span:last-child{translate:3px 0}}
@media(max-width:760px){html[data-sm-polish-level="2"] .wc-body{font-size:16px;line-height:1.65}html[data-sm-polish-level="2"] .wc-sub{line-height:1.45}html[data-sm-polish-level="2"] .ab-saison-text>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){html[data-sm-polish-level="2"] :is(.sp-way-go,.world .go>span:last-child){transition:none;translate:0}}


/* /assets/spa-faq.css?v=20261023-2 */
/* SaaleSpa · Antworten in den Fragen: gut lesbar und beim Öffnen Wort für Wort aufgestellt */
.sp-seo-faq .qf-answer p{color:rgba(244,243,239,.9)!important;opacity:1!important}
.sp-seo-faq .qf-answer a,.sp-seo-faq .qf-answer .text-link{color:#dbbd8b!important}
.faqw{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}
.faq-los .faqw{animation:faqAuf .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--w) * 14ms)}
@keyframes faqAuf{from{opacity:0;transform:perspective(400px) rotateX(-75deg) translateY(.35em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.faq-los .faqw{animation:none}}
/* Arrangements: „Im Arrangement enthalten“ und der aufklappbare Bereich bekommen denselben Innenabstand wie die Bildunterschrift */
#arrangements .package-detail{--pd-rand:clamp(20px,2.4vw,32px)}
#arrangements .package-detail>.hx-includes{margin:24px var(--pd-rand) 6px!important}
#arrangements .package-detail>.package-description{padding:0 var(--pd-rand) clamp(12px,2vw,20px)!important}
#arrangements .package-detail>.package-description>summary{padding-block:22px!important}
#arrangements .package-detail>.package-description .package-copy{max-width:60ch}
#arrangements .package-detail>.package-description .package-included{margin:0 0 clamp(10px,2vw,16px)!important;padding:18px 20px!important}
@media (max-width:420px){#arrangements .package-detail>.hx-includes{gap:10px}#arrangements .package-detail>.package-description .package-included{padding:16px!important}}

/* /assets/bereichsleiste.css?v=20261023-1 */
/* Bereichsleiste am Handy (23.10.2026)
   Eine schmale Leiste direkt unter dem Kopf, sobald der Startfilm vorbei ist.
   Sie zeigt, wo man auf der Seite ist, weicht beim Weiterlesen nach oben aus
   und kommt beim Zurückscrollen wieder. Desktop bleibt unverändert.
   Farben kommen pro Website über --bl-* aus der Seite. */
.bl{display:none}
@media (max-width:900px){
 html{scroll-padding-top:var(--bl-pad,150px)}
 .bl{display:block;position:fixed;left:0;right:0;top:0;z-index:var(--bl-z,48);
  transform:translate3d(0,var(--bl-top,76px),0);
  opacity:0;visibility:hidden;pointer-events:none;
  background:var(--bl-bg,rgba(11,28,36,.86));
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid var(--bl-line,rgba(244,241,234,.12));
  transition:opacity .4s cubic-bezier(.22,.7,.16,1),visibility 0s linear .4s}
 .bl.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s cubic-bezier(.22,.7,.16,1)}
 .bl-track{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
  scroll-snap-type:x proximity;scroll-padding-inline:var(--bl-gutter,20px);
  padding:7px var(--bl-gutter,20px) 8px;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent)}
 .bl-track::-webkit-scrollbar{display:none}
 .bl-track a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;box-sizing:border-box;
  border:1px solid var(--bl-chip-line,rgba(244,241,234,.28));border-radius:999px;
  color:var(--bl-fg,#f4f1ea);background:transparent;
  font:500 14px/1 var(--bl-font,inherit);letter-spacing:.01em;text-transform:none;text-decoration:none;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease}
 .bl-track a[aria-current]{background:var(--bl-active-bg,#d9bb87);border-color:var(--bl-active-bg,#d9bb87);color:var(--bl-active-fg,#0b1c24)}
 .bl-track a:focus-visible{outline:2px solid var(--bl-active-bg,#d9bb87);outline-offset:2px}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
 .bl,.bl.is-on,.bl-track a{transition:none}
}

/* /assets/spa-leiste.css?v=20261023-1 */
/* SaaleSpa · Bereichsleiste-Farben und Eckdaten in sechs Feldern (23.10.2026) */
.bl{--bl-bg:rgba(11,28,36,.88);--bl-line:rgba(217,187,135,.18);--bl-fg:#f4f1ea;--bl-chip-line:rgba(244,241,234,.26);--bl-active-bg:#d9bb87;--bl-active-fg:#0b1c24;--bl-font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--bl-z:48}

/* Eckdaten: drei Spalten, zwei Reihen, gleichmäßige Linien */
.sp-ek-row.is-six .sp-ek:nth-child(3n+1){border-left:0}
.sp-ek-row.is-six .sp-ek:nth-child(n+4){border-top:1px solid rgba(217,187,135,.22)}
.sp-ek-row.is-six .sp-ek-wert{white-space:nowrap}
@media (max-width:420px){.sp-ek-row.is-six .sp-ek-wert{font-size:22px}}
@media (max-width:359px){.sp-ek-row.is-six .sp-ek-wert{font-size:19px}.sp-ek-row.is-six .sp-ek-label{font-size:11px;letter-spacing:.06em}}

/* /assets/umbau/dock.css?v=20261025-1 */
/* Feste Handy-Leiste (25.10.2026): dieselbe Form wie im Restaurant – wichtigster Schritt, Gutschein und Anruf. */
.sm-dock{display:none}
@media (max-width:760px){
 .sm-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:900;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 52px;gap:8px;padding:6px;border-radius:999px;background:var(--sm-dock-bg);box-shadow:0 18px 40px -18px rgba(6,23,35,.55);transform:translateY(150%);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .3s}
 .sm-dock.is-on{transform:none;opacity:1}
 .sm-dock a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 10px;border-radius:999px;text-decoration:none;font:600 15px/1.1 'DM Sans',system-ui,sans-serif;letter-spacing:.01em;text-align:center}
 .sm-dock a.sm-dock-main{background:var(--sm-dock-main);color:var(--sm-dock-main-ink)}
 .sm-dock a.sm-dock-gift{background:var(--sm-dock-gift);color:var(--sm-dock-gift-ink)}
 .sm-dock a.sm-dock-call{padding:0;background:var(--sm-dock-call);color:var(--sm-dock-call-ink)}
 .sm-dock a:focus-visible{outline:3px solid var(--sm-dock-focus);outline-offset:2px}
 .sm-dock svg{width:21px;height:21px}
 .sm-dock-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 body:has(.sm-privacy:not([hidden])) .sm-dock{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.sm-dock{transition:none}}
:root{--sm-dock-bg:rgba(13,30,38,.93);--sm-dock-main:#dbbd8b;--sm-dock-main-ink:#16333d;--sm-dock-gift:#f4f3ef;--sm-dock-gift-ink:#16333d;--sm-dock-call:#2a4752;--sm-dock-call-ink:#f4f3ef;--sm-dock-focus:#dbbd8b}
@media (max-width:760px){html.has-sm-dock .mobile-book{display:none!important}}

/* /assets/umbau/freie-termine.css?v=20261025-1 */
/* Umbau „Freie Termine“ */
.vs-free{background:#0f2630;color:#f4f3ef;padding:18px 0 22px;border-top:1px solid rgba(219,189,139,.18)}
.vs-free-in{width:min(1200px,calc(100% - 40px));margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.vs-free-head{margin:0;display:flex;align-items:center;gap:10px;font:500 13px/1.3 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#dbbd8b}
.vs-free-dot{width:8px;height:8px;border-radius:50%;background:#7fd1a5;box-shadow:0 0 0 4px rgba(127,209,165,.18);animation:vsPulse 2.4s ease-in-out infinite}
@keyframes vsPulse{50%{box-shadow:0 0 0 7px rgba(127,209,165,0)}}
.vs-free-list{display:flex;gap:10px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.vs-free-list::-webkit-scrollbar{display:none}
.vs-free-chip{flex:none;display:inline-flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:8px 18px;border:1px solid rgba(219,189,139,.45);border-radius:14px;color:#f4f3ef;text-decoration:none;transition:background .2s,border-color .2s}
.vs-free-chip:hover,.vs-free-chip:focus-visible{background:rgba(219,189,139,.12);border-color:#dbbd8b}
.vs-free-chip b{font:400 17px/1.2 'Cormorant Garamond',Georgia,serif}
.vs-free-chip span{font:400 13px/1.3 'DM Sans',sans-serif;opacity:.8}
.vs-free-all{font:500 14px/1.3 'DM Sans',sans-serif;color:#dbbd8b;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.vs-free-wait{font-size:14px;opacity:.7}
@media (max-width:760px){.vs-free-in{width:calc(100% - 40px)}.vs-free-head{width:100%}.vs-free-list{margin-inline:-20px;padding-inline:20px}}
@media (prefers-reduced-motion:reduce){.vs-free-dot{animation:none}}
@media (min-width:761px){.vs-free-in{width:min(760px,calc(100% - 40px));justify-content:center}.vs-free-list{flex:0 1 auto}}
.vs-free.is-inside{background:transparent;border-top:0;padding:6px 0 64px}

/* /assets/umbau/saison.css?v=20261025-1 */
/* Umbau „Saisonbühne“ (25.10.2026) nach dem Vorbild „Saison am See“ im Restaurant: zwei Karten mit Bild, kurzem Text und einem Weg. */
.vs-saison{padding:clamp(56px,8vw,104px) 0;background:var(--vs-s-bg);color:var(--vs-s-ink)}
.vs-saison-in{width:min(1200px,calc(100% - 40px));margin:0 auto}
.vs-saison-kicker{margin:0 0 10px;font:italic 400 19px/1.3 var(--vs-s-serif);color:var(--vs-s-accent)}
.vs-saison h2{margin:0 0 clamp(24px,4vw,44px);font:400 clamp(34px,5vw,58px)/1.06 var(--vs-s-serif);letter-spacing:-.01em;color:inherit}
.vs-saison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.vs-saison-card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:22px;background:var(--vs-s-card);box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.vs-saison-card figure{margin:0;aspect-ratio:16/10;overflow:hidden}
.vs-saison-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.vs-saison-card:hover img{transform:scale(1.04)}
.vs-saison-copy{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:12px}
.vs-saison-copy small{font:500 13px/1.3 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vs-s-accent)}
.vs-saison-copy h3{margin:0;font:400 clamp(26px,2.6vw,34px)/1.12 var(--vs-s-serif);color:inherit}
.vs-saison-copy p{margin:0;font:400 17px/1.6 'DM Sans',sans-serif;opacity:.86;max-width:40em}
.vs-saison-copy a{align-self:flex-start;margin-top:auto;padding-top:8px;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:inherit;font:500 16px/1.2 'DM Sans',sans-serif;text-decoration:underline;text-decoration-color:var(--vs-s-accent);text-underline-offset:6px}
@media (max-width:760px){.vs-saison-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 8px;scrollbar-width:none}.vs-saison-card{scroll-snap-align:start}.vs-saison-copy p{font-size:16px}}
.vs-saison{--vs-s-bg:#f4f3ef;--vs-s-ink:#16333d;--vs-s-card:#fff;--vs-s-accent:#705326;--vs-s-serif:'Cormorant Garamond',Georgia,serif}
@media (max-width:760px){.vs-saison-grid{scroll-padding-inline:20px}}