@font-face{font-family:"Moment Sans";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/dm-sans-400-normal.woff2") format("woff2")}
@font-face{font-family:"Moment Serif";font-weight:400 600;font-style:normal;font-display:swap;src:url("/assets/fonts/playfair-display-600-normal.woff2") format("woff2")}
@font-face{font-family:"Moment Serif";font-weight:400 600;font-style:italic;font-display:swap;src:url("/assets/fonts/playfair-display-600-italic.woff2") format("woff2")}




#sm-future{font:14px/1.5 'Moment Sans',Arial,sans-serif;color:light-dark(#263c38,#e7eee9)}
#sm-future *{box-sizing:border-box}
#sm-future [hidden]{display:none!important}
#sm-future button,#sm-future select{font:inherit;touch-action:manipulation}
#sm-future button,#sm-future a{touch-action:manipulation}
#sm-future button:focus-visible,#sm-future a:focus-visible,#sm-future select:focus-visible{outline:3px solid #75b8f0;outline-offset:4px}
#sm-future .sf-page{--sf-ink:#173a36;--sf-paper:#eee9dd;--sf-accent:#dfc397;background:var(--sf-paper);color:var(--sf-ink);overflow:hidden;font-family:'Moment Sans',Arial,sans-serif}
#sm-future .sf-page button{color:inherit}
#sm-future h1,#sm-future h2,#sm-future p{margin:0}
#sm-future h1{font:500 clamp(45px,6.7cqw,78px)/1.05 'Moment Serif',Georgia,serif;letter-spacing:-2.4px;hyphens:none;overflow-wrap:normal}
#sm-future h1 em,#sm-future h2 em{font-weight:400}
#sm-future .sf-eyebrow{font-size:11px;letter-spacing:1.9px;line-height:1.65;text-transform:uppercase}
#sm-future .sf-action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:51px;padding:15px 21px;font-size:14px;text-decoration:none;background:#e4cfab;color:#203a32;border:0;border-radius:2px}
#sm-future .sf-action span{font-size:21px;line-height:1}
#sm-future .sf-motion{position:absolute;right:5%;top:21px;z-index:5;min-height:44px;padding:8px 12px;background:#18342c99;color:#f6eee0!important;border:1px solid #eee7d74d;font-size:11px}
#sm-future .sf-page.sf-paused *,#sm-future .sf-page.sf-paused *:before,#sm-future .sf-page.sf-paused *:after{animation-play-state:paused!important}
#sm-future .sf-enter{animation:sf-type .9s cubic-bezier(.2,.7,.2,1) both}
#sm-future .sf-enter-delay{animation:sf-type 1.1s .25s cubic-bezier(.2,.7,.2,1) both}

/* SaaleMomente: a landscape and an opening into the selected experience. */

/* Schmiedehafen: an unfolding invitation, followed by a real choice of visit. */
#sm-future .sf-restaurant{--sf-ink:#32372c;--sf-paper:#e8e1d1}
#sm-future .sf-dining-stage{display:grid;grid-template-columns:1fr 1fr;min-height:680px;position:relative;background:#e9e0ce}
#sm-future .sf-dining-copy{padding:63px 8% 46px 12%;position:relative;z-index:2}
#sm-future .sf-dining-copy .sf-eyebrow{color:#6b735b;margin-bottom:30px}
#sm-future .sf-dining-copy h1{font-size:clamp(43px,6cqw,69px);color:#343b2c}
#sm-future .sf-dining-copy h1 em{color:#7c7d57}
#sm-future .sf-dining-copy>p:not(.sf-eyebrow){font-size:14px;line-height:1.85;max-width:320px;margin:26px 0 30px;color:#535d45}
#sm-future .sf-dining-photo{position:relative;overflow:hidden;perspective:1400px;min-height:600px;background:#4b5847}
#sm-future .sf-dining-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;transform-origin:right center;animation:sf-room 1.8s cubic-bezier(.2,.7,.1,1) both}
#sm-future .sf-dining-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15271cea,transparent 45%)}
#sm-future .sf-dining-caption{position:absolute;bottom:43px;left:10%;right:9%;z-index:2;color:#f0e5d0;font:italic 31px/1.2 'Moment Serif',Georgia,serif}
#sm-future .sf-dining-choices{display:flex;flex-wrap:wrap;gap:0;margin-bottom:27px;border-top:1px solid #a0a88f;border-bottom:1px solid #a0a88f}
#sm-future .sf-dining-choices button{background:none;border:0;text-align:left;padding:14px 0;margin-right:18px;min-height:47px;font-size:12px;color:#68745b}
#sm-future .sf-dining-choices [aria-pressed=true]{color:#233e2a;box-shadow:inset 0 -2px #3b5b3e}
#sm-future .sf-restaurant .sf-action{background:#394b35;color:#f2e9d7}
#sm-future .sf-dining-note{margin-top:20px!important;font-size:11px!important;line-height:1.65!important;color:#69745e!important}

/* SaaleSpa: curtains of light part, and the viewpoint changes with the chapter. */
#sm-future .sf-spa{--sf-ink:#264740;--sf-paper:#e7eae0}
#sm-future .sf-spa-stage{min-height:610px;position:relative;overflow:hidden;color:#f3eee1;background:#223d33}
#sm-future .sf-spa-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:sf-spa-arrival 8s ease-out both}
#sm-future .sf-spa-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123228d4,transparent 77%),linear-gradient(0deg,#1b3027aa,transparent 50%);pointer-events:none}
#sm-future .sf-spa-curtain{position:absolute;z-index:3;inset:-10%;display:flex;pointer-events:none;filter:blur(14px)}
#sm-future .sf-spa-curtain:before,#sm-future .sf-spa-curtain:after{content:'';flex:1;background:linear-gradient(90deg,#e5e9d6dd,#e7ebdc9c);animation:sf-mist-left 3.2s cubic-bezier(.2,.55,.2,1) both}
#sm-future .sf-spa-curtain:after{animation-name:sf-mist-right}
#sm-future .sf-spa-copy{position:relative;z-index:2;padding:57px 6% 50px;max-width:70%}
#sm-future .sf-spa-copy .sf-eyebrow{margin-bottom:105px;letter-spacing:2px}
#sm-future .sf-spa-copy h1{font-size:clamp(42px,6.4cqw,72px)}
#sm-future .sf-spa-copy>p:last-of-type{font-size:14px;line-height:1.8;max-width:330px;margin:24px 0 28px;color:#e6e9d9}
#sm-future .sf-spa-chapters{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 6% 20px;gap:25px;background:#e6e9de}
#sm-future .sf-spa-chapters button{position:relative;background:transparent;border:0;border-top:1px solid #a3b2a0;padding:22px 0 10px;text-align:left;min-height:86px}
#sm-future .sf-spa-chapters strong{display:block;font:500 26px/1.2 'Moment Serif',Georgia,serif}
#sm-future .sf-spa-chapters small{display:block;font-size:11px;margin-top:8px;color:#5f7463}
#sm-future .sf-spa-chapters [aria-pressed=true]:before{content:'';position:absolute;top:-2px;left:0;width:100%;height:3px;background:#476a53;animation:sf-line .6s ease both;transform-origin:left}

/* Reisebüro Träger: three shutters open onto one original travel image. */
#sm-future .sf-travel{--sf-ink:#204f54;--sf-paper:#f0eee6}
#sm-future .sf-travel-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:45px 6% 38px;gap:30px;background:#f1efe8}
#sm-future .sf-travel-intro h1{font-size:clamp(39px,5.7cqw,62px);max-width:650px;color:#285159}
#sm-future .sf-travel-intro h1 em{color:#7a8260}
#sm-future .sf-travel-intro .sf-eyebrow{max-width:180px;line-height:1.8;letter-spacing:1.3px;padding-bottom:7px;color:#607b73}
#sm-future .sf-travel-window{position:relative;height:385px;background:#547f86;overflow:hidden}
#sm-future .sf-travel-image{width:100%;height:100%;object-fit:cover;object-position:50% 45%;animation:sf-travel-arrival 6s cubic-bezier(.15,.6,.2,1) both}
#sm-future .sf-travel-shutters{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;perspective:1500px;pointer-events:none}
#sm-future .sf-travel-shutters span{background:#f1efe8;transform-origin:left center;animation:sf-window 1.7s cubic-bezier(.2,.65,.1,1) both;border-radius:0 0 120px 120px}
#sm-future .sf-travel-shutters span:nth-child(2){animation-delay:.15s}
#sm-future .sf-travel-shutters span:nth-child(3){animation-delay:.3s}
#sm-future .sf-travel-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#123f5190,transparent 65%);pointer-events:none}
#sm-future .sf-destination{position:absolute;left:6%;bottom:24px;z-index:2;color:#fff6df;font:500 clamp(60px,13cqw,145px)/.85 'Moment Serif',Georgia,serif;letter-spacing:-4px;animation:sf-type 1.2s .7s both}
#sm-future .sf-travel-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:31px 6% 36px;background:#f1efe8;align-items:center}
#sm-future .sf-travel-options{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 15px}
#sm-future .sf-travel-options button{min-height:45px;background:none;border:0;border-bottom:1px solid #a0b4a7;padding:7px 0;text-align:left;font-size:14px;color:#667e72}
#sm-future .sf-travel-options [aria-pressed=true]{color:#234e53;border-bottom:2px solid #315965}
#sm-future .sf-travel-bottom p{font-size:13px;line-height:1.75;color:#5f756c;max-width:410px}
#sm-future .sf-travel-bottom .sf-action{justify-self:end;background:#2b585b;color:#f4eddc}

/* Strandhafen: a folded mood card, unmistakably a project in planning. */
#sm-future .sf-shore{--sf-ink:#3d5145;--sf-paper:#e6e7dc}
#sm-future .sf-shore-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:38px 6% 54px;background:#e6e7dc;perspective:1300px;min-height:635px}
#sm-future .sf-shore-picture{position:relative;align-self:center;height:490px;padding:12px 12px 53px;background:#f6f1e4;box-shadow:8px 18px 0 #78877126;transform:rotate(-3deg);transform-origin:left bottom;animation:sf-postcard 2s cubic-bezier(.18,.65,.15,1) both}
#sm-future .sf-shore-picture img{width:100%;height:100%;object-fit:cover;object-position:70% 60%;filter:saturate(.8)}
#sm-future .sf-shore-picture figcaption{position:absolute;left:15px;right:15px;bottom:18px;font-size:11px;display:flex;justify-content:space-between;gap:10px;color:#536548}
#sm-future .sf-shore-copy{padding-top:28px;align-self:center}
#sm-future .sf-shore-status{font-size:11px;line-height:1.6;letter-spacing:1px;text-transform:uppercase;padding:10px 0;border-top:1px solid #93a08b;border-bottom:1px solid #93a08b;display:inline-block;margin-bottom:26px}
#sm-future .sf-shore-copy h1{font-size:clamp(40px,5.9cqw,67px);letter-spacing:-2px}
#sm-future .sf-shore-copy h1 em{color:#83846a}
#sm-future .sf-shore-copy>p{font-size:14px;line-height:1.85;margin:26px 0;color:#66725f}
#sm-future .sf-shore-copy .sf-action{background:#435945;color:#f6f0df}
#sm-future .sf-shore-reveal{min-height:44px;border:0;background:none;padding:14px 0;color:#4a6447;font-size:12px;text-decoration:underline;text-underline-offset:5px;display:block;margin-top:15px}
#sm-future .sf-shore-note{border-top:1px solid #a3af99;margin-top:13px;padding:18px 0 0;font-size:13px;line-height:1.8;animation:sf-type .5s both}

@keyframes sf-type{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes sf-room{from{opacity:.25;transform:rotateY(-38deg) scale(1.12);clip-path:inset(7% 0 7% 12%)}to{opacity:1;transform:rotateY(0) scale(1);clip-path:inset(0)}}
@keyframes sf-mist-left{from{transform:translateX(0);opacity:1}to{transform:translateX(-115%);opacity:0}}
@keyframes sf-mist-right{from{transform:translateX(0);opacity:1}to{transform:translateX(115%);opacity:0}}
@keyframes sf-spa-arrival{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes sf-window{from{transform:rotateY(0);opacity:1}to{transform:rotateY(-90deg);opacity:0}}
@keyframes sf-travel-arrival{from{transform:scale(1.12) translateY(2%)}to{transform:scale(1) translateY(0)}}
@keyframes sf-postcard{from{transform:rotateY(38deg) rotate(-12deg) translateY(60px);opacity:0}to{transform:rotateY(0) rotate(-3deg) translateY(0);opacity:1}}
@keyframes sf-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@container(max-width:700px){
 #sm-future h1{font-size:clamp(42px,11cqw,67px);letter-spacing:-1.5px}
 #sm-future .sf-eyebrow{font-size:10px;letter-spacing:1.3px}
 #sm-future .sf-action{font-size:14px;min-height:50px;gap:17px;padding:14px 18px}
 #sm-future .sf-motion{font-size:10px;right:5%;top:12px;padding:7px 9px}
 #sm-future .sf-dining-stage{grid-template-columns:1fr}
 #sm-future .sf-dining-photo{order:-1;min-height:360px}
 #sm-future .sf-dining-photo img{object-position:55% 54%}
 #sm-future .sf-dining-caption{bottom:27px;left:7%;font-size:28px;max-width:270px}
 #sm-future .sf-dining-copy{padding:32px 7% 36px}
 #sm-future .sf-dining-copy .sf-eyebrow{margin-bottom:20px}
 #sm-future .sf-dining-copy h1{font-size:clamp(43px,11.5cqw,65px)}
 #sm-future .sf-dining-copy>p:not(.sf-eyebrow){margin:22px 0 22px}
 #sm-future .sf-dining-choices{margin-bottom:23px}
 #sm-future .sf-dining-choices button{font-size:12px;margin-right:15px}
 #sm-future .sf-spa-stage{min-height:755px}
 #sm-future .sf-spa-photo{object-position:55% 50%}
 #sm-future .sf-spa-stage:after{background:linear-gradient(0deg,#142c23f7,#163c2e54 67%,transparent)}
 #sm-future .sf-spa-copy{max-width:100%;padding:28px 7% 40px}
 #sm-future .sf-spa-copy .sf-eyebrow{margin-bottom:300px;max-width:185px;font-size:10px}
 #sm-future .sf-spa-copy h1{font-size:45px;line-height:1.07;max-width:350px}
 #sm-future .sf-spa-copy>p:last-of-type{font-size:14px;margin:21px 0 26px}
 #sm-future .sf-spa-chapters{padding:17px 7% 20px;gap:15px;grid-template-columns:1fr}
 #sm-future .sf-spa-chapters button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:61px;padding:15px 0 5px}
 #sm-future .sf-spa-chapters strong{font-size:25px}
 #sm-future .sf-spa-chapters small{font-size:11px;margin:0;max-width:125px;text-align:right}
 #sm-future .sf-travel-intro{padding:33px 7% 28px;display:block}
 #sm-future .sf-travel-intro h1{font-size:45px;line-height:1.1;letter-spacing:-1.4px}
 #sm-future .sf-travel-intro .sf-eyebrow{margin-top:21px;max-width:280px;padding:0;font-size:10px}
 #sm-future .sf-travel-window{height:355px}
 #sm-future .sf-travel-image{object-position:68% 50%}
 #sm-future .sf-destination{font-size:90px;letter-spacing:-3px;bottom:24px;left:7%}
 #sm-future .sf-travel-bottom{grid-template-columns:1fr;gap:23px;padding:25px 7% 32px}
 #sm-future .sf-travel-bottom .sf-action{justify-self:start}
 #sm-future .sf-travel-options{gap:23px}
 #sm-future .sf-travel-options button{font-size:13px}
 #sm-future .sf-shore-stage{grid-template-columns:1fr;gap:25px;padding:24px 8% 38px}
 #sm-future .sf-shore-picture{height:365px;margin:0 5px;transform:rotate(-3deg);padding:10px 10px 55px}
 #sm-future .sf-shore-picture figcaption{font-size:10px;gap:6px;left:10px;right:10px;bottom:16px;flex-wrap:wrap}
 #sm-future .sf-shore-copy{padding-top:7px}
 #sm-future .sf-shore-status{font-size:10px;letter-spacing:.7px;margin-bottom:24px}
 #sm-future .sf-shore-copy h1{font-size:47px;line-height:1.1;letter-spacing:-1.4px}
 #sm-future .sf-shore-copy>p{font-size:14px;margin:23px 0}
}
@container(max-width:370px){
 #sm-future .sf-dining-copy h1{font-size:42px}
 #sm-future .sf-spa-copy h1{font-size:40px}
 #sm-future .sf-travel-intro h1{font-size:40px}
 #sm-future .sf-destination{font-size:78px}
 #sm-future .sf-shore-copy h1{font-size:41px}
}
@media(prefers-reduced-motion:reduce){#sm-future *,#sm-future *:before,#sm-future *:after{animation:none!important;transition:none!important}#sm-future .sf-spa-curtain,#sm-future .sf-travel-shutters{display:none}#sm-future .sf-motion{display:none}}
/* Boundaries between each existing website and its approved experience. */
#sm-future{container-type:inline-size;color:#263c38;font-family:'Moment Sans',Arial,sans-serif}
#sm-future h1,#sm-future h2{color:inherit;hyphens:none;overflow-wrap:normal;word-break:normal}
#sm-future h1{padding:0;max-width:none;text-wrap:initial}
#sm-future h1 em,#sm-future h2 em{font-family:'Moment Serif',Georgia,serif}
#sm-future .sf-page{padding:0;margin:0}
#sm-future figure{margin:0}
#sm-future img{max-width:none}
#sm-future .sf-eyebrow{font-family:'Moment Sans',Arial,sans-serif}
#sm-future .sf-spa-copy h2{font:500 clamp(42px,6.4cqw,72px)/1.05 'Moment Serif',Georgia,serif;letter-spacing:-2.4px}
#sm-future .sf-spa-copy h2 em{font-weight:400}
#sm-future .sf-action{color:#203a32}
#sm-future .sf-dining-copy{min-width:0}
#sm-future .sf-dining-copy h1{color:#343b2c}
#sm-future .sf-motion{display:none}
#sm-future.future-ready .sf-motion{display:block}
#sm-future:not(.future-started) *,#sm-future:not(.future-started) *:before,#sm-future:not(.future-started) *:after{animation:none!important}
#sm-future:not(.future-started) .sf-spa-curtain,#sm-future:not(.future-started) .sf-travel-shutters{display:none}
#sm-future .sf-dining-open{margin-top:25px;padding-top:18px;border-top:1px solid #a8ad98;font-size:12px;line-height:1.6;color:#526348}
#sm-future .sf-dining-open strong,#sm-future .sf-dining-open small{display:block;font:inherit}
#sm-future .sf-dining-open strong{font-weight:600}
#sm-future .sf-dining-open a{display:inline-flex;align-items:center;min-height:44px;color:#334a31;text-underline-offset:4px}
#sm-future .sf-photo-credit{position:absolute;z-index:2;bottom:15px;right:6%;color:#fff6e5;background:#163d4dd9;padding:6px 9px;font-size:11px;line-height:1.6}
#sm-future .sf-shore-reveal{color:#4a6447;cursor:pointer}
#sm-future .sf-shore-status{font-size:11px}
#sm-future .sf-shore-note{color:#4c624b}
body.future-restaurant .harbor-visit .visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.future-shore #main{padding-top:88px}
body.future-shore #strandhafen-planung{scroll-margin-top:100px}
body.future-spa .future-experience{padding:0;scroll-margin-top:85px}
body.future-spa .future-experience>.facts{margin:0;padding:30px var(--edge);background:#e6e9de;color:#264740}
body.future-spa .future-experience>.facts p span{color:#506956}
@container(max-width:700px){
 #sm-future .sf-spa-copy h2{font-size:45px;line-height:1.07;letter-spacing:-1.5px}
 #sm-future .sf-travel-window{height:380px}
 #sm-future .sf-destination{bottom:56px}
 #sm-future .sf-photo-credit{left:7%;right:auto;bottom:12px;font-size:11px}
 #sm-future .sf-shore-status{font-size:11px;letter-spacing:.5px}
}
@container(max-width:370px){#sm-future .sf-spa-copy h2{font-size:40px}}
@media(max-width:900px){body.future-shore #main{padding-top:70px}}
@media(prefers-reduced-motion:reduce){#sm-future .sf-motion{display:none!important}}

#sm-future:not(.future-ready) .sf-dining-choices,#sm-future:not(.future-ready) .sf-spa-chapters,#sm-future:not(.future-ready) .sf-travel-options{display:none}