/* Chesa Pool · chesapool.ch · Raster nach Aman: 24px Rand, Serifentext, Montserrat nur für Navigation und Labels */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
:root{
  --bg:#F3EEE7; --bg2:#FCF9F5; --card:#FBF8F4; --ink:#313131; --soft:#5f5a53; --mute:#8b857c; --line:#dcd5c9;
  --taupe:#6E5F50; --accent:#6E5F50;
  --serif:"Cormorant Garamond",Garamond,"Times New Roman",serif;
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --m:24px; --gap:36px; --hdr:124px;
}
body.s-herbst{--accent:#8C6A3E} body.s-winter{--accent:#5C6B74} body.s-sommer{--accent:#55705F}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 19px/1.55 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 .9em}
.narrow{max-width:640px;margin:0 auto;text-align:center;padding:0 var(--m)}

/* Schrift */
.lab{font:400 11px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;color:var(--ink);letter-spacing:.005em}
h1{font-size:40px;line-height:1.15}
h2{font-size:36px;line-height:1.18}
h3{font-size:26px;line-height:1.22}
.link{display:inline-block;margin-top:6px;font:400 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-bottom:7px;border-bottom:1px solid var(--ink)}
.link+.link{margin-left:28px}
.btn{display:inline-block;background:var(--ink);color:#F3EEE7;font:400 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:15px 26px;border:1px solid var(--ink)}
.btn.line{background:transparent;color:var(--ink)}

/* Kopf: Menü, Logo, Buchen. Alles andere im Menü. */
.hdr{position:sticky;top:0;z-index:50;background:var(--bg);transition:box-shadow .3s}
.hdr.sc{box-shadow:0 1px 0 var(--line)}
.bar{height:var(--hdr);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--m);transition:height .4s ease}
.menu-btn{justify-self:start;background:none;border:0;padding:8px 0;cursor:pointer;display:flex;align-items:center;gap:16px;font:400 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.menu-btn i{position:relative;width:28px;height:9px;border-top:1px solid var(--taupe);border-bottom:1px solid var(--taupe);transition:transform .3s}
.menu-btn.x i{height:0;border-bottom:0;transform:rotate(45deg)}
.menu-btn.x i::after{content:"";position:absolute;left:0;top:-1px;width:28px;border-top:1px solid var(--taupe);transform:rotate(-90deg)}
.logo img{height:84px;width:auto;transition:height .4s ease}
.buchen{justify-self:end;background:var(--taupe);color:#F3EEE7;font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:16px 30px;transition:background .25s}
.buchen:hover{background:var(--ink)}
.hdr.sc .bar{height:88px}.hdr.sc .logo img{height:62px}

/* Menü */
.menu{position:fixed;inset:0;z-index:80;background:var(--bg);overflow:auto;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.menu.open{opacity:1;visibility:visible}
.mbody{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:var(--gap);padding:3vh var(--m) var(--m);min-height:calc(100svh - var(--hdr))}
.mnav{padding:2vh 0 0 6vw}
.mnav a{display:block;width:max-content;font:400 46px/1.34 var(--serif);color:var(--ink);text-decoration:none;transition:color .2s}
.mnav a:hover{color:var(--taupe)}
.mside{padding-top:3vh;font-size:18px;line-height:1.6;color:var(--soft)}
.mside .grp{margin-bottom:36px}.mside .lab{margin-bottom:8px}
.mside a{text-decoration:none}.mside a:hover{color:var(--ink)}
.mside .langs,.mside .seas{display:flex;flex-wrap:wrap;gap:4px 20px}
.mside .langs a.on{color:var(--ink);border-bottom:1px solid var(--ink)}
.seas button{background:none;border:0;padding:0;cursor:pointer;font:400 20px/1.5 var(--serif);color:var(--soft);border-bottom:1px solid transparent}
.seas button.on{color:var(--ink);border-bottom-color:var(--ink)}
.mimg{margin:0;position:relative;min-height:420px}
.mimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Bühne */
.hero img[data-s]{display:block;opacity:0;transition:opacity 1.2s ease}
body.s-herbst .hero img[data-s="herbst"],body.s-winter .hero img[data-s="winter"],body.s-sommer .hero img[data-s="sommer"]{opacity:1}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(transparent,rgba(20,16,12,.18) 45%,rgba(20,16,12,.55));pointer-events:none;z-index:1}
.seasons{position:absolute;left:0;right:0;bottom:30px;z-index:2;display:flex;justify-content:center;gap:38px}
.seasons button{background:none;border:0;padding:0 0 4px;cursor:pointer;font:italic 400 25px/1.2 var(--serif);color:rgba(255,255,255,.78);text-shadow:0 1px 14px rgba(0,0,0,.4);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.seasons button:hover{color:#fff}
.seasons button.on{color:#fff;border-bottom-color:rgba(255,255,255,.85)}
.hero{position:relative;margin:0 var(--m);height:calc(100svh - var(--hdr) - 74px);min-height:560px;overflow:hidden;background:#d9d1c4}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero img[data-s="herbst"]{object-position:center 82%}.hero img[data-s="winter"]{object-position:center 62%}.hero img[data-s="sommer"]{object-position:center 72%}

.alm{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:22px var(--m) 0;font:400 11px/1.8 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.alm .dot{color:#c9c0b2}
.moon{width:13px;height:13px;border-radius:50%;background:#ece6dc;box-shadow:inset 0 0 0 1px var(--mute);display:inline-block;position:relative;overflow:hidden;flex:none}
.moon i{position:absolute;top:0;bottom:0;background:var(--mute);border-radius:50%}

/* Der Himmel über dem Fextal (live) */
.skybtn{position:absolute;left:28px;bottom:26px;z-index:3;display:flex;align-items:center;gap:14px;background:none;border:0;padding:0;cursor:pointer;color:#fff;text-align:left}
.skybtn svg{width:58px;height:58px;flex:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25));transition:transform .4s ease}
.skybtn:hover svg{transform:scale(1.06)}
.mini-ring{fill:none;stroke:rgba(255,255,255,.9);stroke-width:1.2}
.mini-ridge{fill:#F3EEE7;stroke:#313131;stroke-width:.8;stroke-linejoin:round}
.mini-dot{fill:#fffaf0}
.skybtn__t{display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.skybtn__l{font:400 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase}
#skybtn-time{font:italic 400 19px var(--serif)}
.skym{position:fixed;inset:0;z-index:140;background:rgba(24,20,16,.55);display:flex;align-items:center;justify-content:center;padding:var(--m);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.skym.open{opacity:1;visibility:visible}
.skym__box{position:relative;background:var(--bg);width:min(1240px,100%);min-width:0;max-height:92vh;overflow:auto;padding:64px 30px 34px;transform:translateY(14px);transition:transform .45s ease}
.skym.open .skym__box{transform:none}
.skym__x{position:absolute;top:20px;right:28px}
.sky{position:relative;margin:0;min-width:0}
.sky__pan{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sky__pan::-webkit-scrollbar{display:none}
.sky__svg{display:block;width:100%;height:auto;aspect-ratio:1400/560}
.sky__hint{display:none}
.sky__src{margin:22px 0 0;font:400 9.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);opacity:.8}
.sky__arc{fill:none;stroke:rgba(110,95,80,.55);stroke-width:1.4;stroke-dasharray:.5 7;stroke-linecap:round}
.sky.is-dusk .sky__arc{stroke:rgba(255,255,255,.6)}
.sky.is-night .sky__arc{stroke:rgba(255,255,255,.25)}
.sky__sun{fill:#fffaf0}
.sky__moondark{fill:rgba(255,255,255,.10)}
.sky__moonlit{fill:#f6f1e4}
#sky-stars{transition:opacity 2s}
#sky-stars circle{fill:#fff}
#sky-stars .tw0{animation:tw 5s ease-in-out infinite}#sky-stars .tw1{animation:tw 7s ease-in-out 1s infinite}#sky-stars .tw2{animation:tw 6s ease-in-out 2.5s infinite}
@keyframes tw{0%,100%{opacity:1}50%{opacity:.25}}
/* the engraved valley (real terrain, see panorama.py) */
.land{opacity:0;transition:opacity 1.2s ease}.sky.has-land .land{opacity:1}
.land path,.land rect,.land line{transition:fill 2s,stroke 2s,opacity 2s}
.ln-base,.ln-f{fill:#f3eee7}
.ln-l{fill:none;stroke:#2f2b27;stroke-linejoin:round;stroke-linecap:round}.ln-l.m{stroke:#4d463f}.ln-l.f{stroke:#80766a}
.ln-c{fill:none;stroke:#b3a691;stroke-width:.5}.ln-c.c2{opacity:.75}.ln-c.c3{opacity:.5}
.ln-st{fill:none;stroke:#6f8fa3;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.ln-ice{fill:none;stroke:#8fadbf;stroke-width:1.3;stroke-linecap:round}
.ln-h{fill:none;stroke:#8f8373;stroke-width:.55;stroke-linecap:round}.ln-h.h4{stroke:#a69b8c}
.ln-tr{fill:none;stroke:#b98a2e;stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}
.sea-sommer .ln-tr{stroke:#5e6a49}.sea-winter .ln-tr{stroke:#8a8075;stroke-width:.6}
.sea-winter .ln-h.h1,.sea-winter .ln-h.h2{opacity:.25}.sea-winter .ln-c{opacity:.45}.sea-winter .ln-st{stroke:#9fb3bf}
.sea-sommer .ln-h.h4{opacity:.5}
.ln-lab text{font:400 7.6px var(--sans);letter-spacing:.17em;fill:#2f2b27;text-anchor:middle}.ln-lab line{stroke:#2f2b27;stroke-width:.5;opacity:.5}
.house__wall{fill:#fbf8f2;stroke:#2f2b27;stroke-width:.7}.house__roof{fill:#4f4a46;stroke:#2f2b27;stroke-width:.8;stroke-linejoin:round}.house__slab{fill:none;stroke:#c9c0b3;stroke-width:.5}
.house__wood{fill:#6a4a33;stroke:#2f2b27;stroke-width:.8}.house__board{fill:none;stroke:#4a3324;stroke-width:.5}.house__gable{fill:#6a4a33;stroke:#2f2b27;stroke-width:.8}.house__rafter{fill:none;stroke:#2f2b27;stroke-width:.6}.house__eave{fill:none;stroke:#2f2b27;stroke-width:1.3}.house__grille{fill:none;stroke:#fbf8f2;stroke-width:.45}
.sea-winter .house__roof,body.s-winter .trip__house .house__roof{fill:#fbfaf7;stroke:#8f8a84}.win{fill:#2e2a27;stroke:#fbf8f2;stroke-width:.5}.house__door{fill:#5a3e2b;stroke:#2f2b27;stroke-width:.5}
.house__barrel{fill:#5b4a3c;stroke:#2f2b27;stroke-width:.7}.house__ground{fill:none;stroke:#2f2b27;stroke-width:.8}
.sea-winter .house__roof{fill:#f6f3ee}.sea-winter .house__slab{stroke:#d8d1c6}
.house__smoke{fill:none;stroke:#8f8373;stroke-width:.9;stroke-linecap:round;opacity:0;stroke-dasharray:4 5;transition:opacity 2s}
.sky.smoke .house__smoke{opacity:.7;animation:smoke 5s linear infinite}
@keyframes smoke{to{stroke-dashoffset:-18}}
/* dusk and night: the paper darkens, the windows light up */
.sky.is-dusk .ln-base,.sky.is-dusk .ln-f{fill:#d9cdc0}
.sky.is-night .ln-base,.sky.is-night .ln-f{fill:#30364a}
.sky.is-night.sea-winter .ln-base,.sky.is-night.sea-winter .ln-f{fill:#4c5571}
.sky.is-night .ln-l{stroke:#c9c6c4}.sky.is-night .ln-l.m{stroke:#a9a8ad}.sky.is-night .ln-l.f{stroke:#8d8f9c}
.sky.is-night .ln-c{stroke:#6c7189}.sky.is-night .ln-h{stroke:#7d8197}.sky.is-night .ln-tr{stroke:#8d8a7f}.sky.is-night .ln-st{stroke:#8ea4b8}
.sky.is-night .ln-lab text{fill:#e9e5dc}.sky.is-night .ln-lab line{stroke:#e9e5dc}
.sky.is-night .house__wall{fill:#c9c6c0}.sky.is-night .house__wood,.sky.is-night .house__gable{fill:#4a382b}.sky.is-night .house__roof{fill:#4a4a52}.sky.is-night.sea-winter .house__roof{fill:#c9cbd3}
.sky.lights .win.on{fill:#ffd27a;filter:drop-shadow(0 0 2.5px rgba(255,190,90,.95))}
/* weather */
.sky__clouds .cl{opacity:0;transition:opacity 3s}
.sky__clouds path{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;opacity:.9}
.sky.wx-grey .sky__clouds path,.sky.is-dusk .sky__clouds path{stroke:#ebe7e1}.sky.is-night .sky__clouds path{stroke:#8e93a6}
.sky__clouds .cl0{animation:drift 140s ease-in-out infinite alternate}.sky__clouds .cl1{animation:drift 190s ease-in-out -60s infinite alternate-reverse}.sky__clouds .cl2{animation:drift 240s ease-in-out -30s infinite alternate}
@keyframes drift{from{transform:translateX(-36px)}to{transform:translateX(36px)}}
.sky__fall{display:none;pointer-events:none}.sky.wx-snow .sky__fall,.sky.wx-rain .sky__fall{display:inline}
.sky__fall .drop{display:none;stroke:#8d9aa6;stroke-width:.8;opacity:.6}.sky.wx-rain .sky__fall .drop{display:inline}.sky.wx-rain .sky__fall .flake{display:none}
.sky__fall .flake{fill:#fff;opacity:.9}
.sky__fall .fl>*{animation:fall 9s linear infinite;animation-delay:inherit}
.sky__fall .fl1>*{animation-duration:11s}.sky__fall .fl2>*{animation-duration:13s}.sky__fall .fl3>*{animation-duration:8s}
.sky.wx-rain .sky__fall .fl>*{animation-duration:1.6s}
@keyframes fall{from{transform:translate(0,-560px)}to{transform:translate(-24px,0)}}
.sky__scale line{stroke:var(--ink);stroke-width:.8;opacity:.45}
.sky__scale text{font:400 9.5px var(--sans);letter-spacing:.2em;fill:var(--ink);opacity:.55}
.sky.is-night .sky__scale line,.sky.is-dusk .sky__scale line{stroke:#fff}.sky.is-night .sky__scale text,.sky.is-dusk .sky__scale text{fill:#fff}
.sky__head{margin:-26px 0 22px;color:var(--ink)}
.sky__head .lab{color:inherit;opacity:.75}
.sky__date{font:italic 400 34px/1.15 var(--serif);margin-top:6px}
.sky__now{font:400 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-top:8px;opacity:.8}

.sky__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:8px 0 0;padding:0}
.sky__facts div{border-top:1px solid var(--line);padding-top:14px}
.sky__facts dt{font:400 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-bottom:6px}
.sky__facts dd{margin:0;font-size:18.5px;line-height:1.45;color:var(--ink)}
@media (prefers-reduced-motion:reduce){#sky-stars circle,.sky__clouds .cl,.sky__fall .fl>*,.sky.smoke .house__smoke{animation:none!important}}

/* Abschnitte */
.intro{padding:110px 0 100px}
.intro h1{margin:16px 0 24px}
.block{padding:0 0 130px}
.head{max-width:640px;margin:0 auto 54px;text-align:center;padding:0 var(--m)}
.head h2{margin:14px 0 18px}

/* Bildleiste, innerhalb der Ränder */
.reel{margin:0 var(--m);overflow:hidden}
.reel .row{display:flex;gap:var(--gap);align-items:center;justify-content:center}
.reel figure{margin:0;flex:none}
.reel img{width:100%;height:100%;object-fit:cover}
.reel .s1{width:17%;aspect-ratio:3/4}.reel .s2{width:24%;aspect-ratio:4/5}.reel .s3{width:28%;aspect-ratio:4/3}.reel .s4{width:17%;aspect-ratio:3/4}

/* Grosses Bild */
.wide{margin:0 var(--m)}
.wide .img{height:min(88vh,900px);overflow:hidden;position:relative;background:#d9d1c4}
.wide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wide .cap{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap);padding-top:26px}
.wide .cap h2{margin-top:10px}
.wide .cap p{max-width:640px}

/* Karten */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0 var(--m)}
.cards.two{grid-template-columns:2fr 1fr}.cards.two.rev{grid-template-columns:1fr 2fr}
.card .ph{aspect-ratio:3/4;overflow:hidden;background:#ddd5c9;position:relative}
.card .ph img{position:absolute;inset:0}
.cards.two .card.big{display:flex;flex-direction:column}
.cards.two .card.big .ph{aspect-ratio:auto;flex:1;min-height:420px}
.card img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}
.card:hover img{transform:scale(1.02)}
.card .tx{padding-top:20px}
.card h3{margin:10px 0 10px}
.card p{font-size:18px;color:var(--soft);max-width:520px}

/* Chronik */
.chron{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:60px var(--m) 0;border-top:1px solid var(--line);padding-top:30px}
.chron b{display:block;font:400 46px/1 var(--serif);color:var(--accent);margin-bottom:12px}
.chron p{font-size:17.5px;color:var(--soft)}

/* Zitat */
.quote{padding:20px var(--m) 140px;text-align:center}
.quote blockquote{margin:0 auto;max-width:860px;font:italic 400 34px/1.35 var(--serif);color:var(--ink)}
.quote .tr{max-width:640px;margin:18px auto 0;font:italic 400 19px/1.5 var(--serif);color:var(--soft)}
.quote cite{display:block;margin-top:24px;font:400 normal 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}

/* Kräuter */
.herb{display:flex;gap:26px;align-items:flex-end;justify-content:center;margin-top:46px}
.herb svg{width:120px;height:auto;color:var(--taupe)}
.herb .nm{font:italic 400 22px var(--serif);text-align:left}
.herb .nm small{display:block;font:400 normal 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-top:6px}

/* Saison */
[data-s]{display:none}
body.s-herbst [data-s~="herbst"],body.s-winter [data-s~="winter"],body.s-sommer [data-s~="sommer"]{display:revert}
body.s-herbst .cards[data-s~="herbst"],body.s-winter .cards[data-s~="winter"],body.s-sommer .cards[data-s~="sommer"]{display:grid}
body.s-herbst img[data-s~="herbst"],body.s-winter img[data-s~="winter"],body.s-sommer img[data-s~="sommer"]{display:block}

/* Anreise und Karte */
.way{display:grid;grid-template-columns:7fr 5fr;gap:calc(var(--gap)*2);margin:0 var(--m);align-items:center}
.way .map{width:100%;height:auto;background:var(--card)}
.map .paper{fill:var(--card)}
.map .lake{fill:#e4dfd6;stroke:#9a9184;stroke-width:.7}
.map .hach{fill:none;stroke:#a69a89;stroke-width:.75;stroke-linecap:round}
.map .river{fill:none;stroke:#8fa1a6;stroke-width:1.2}
.map .road{fill:none;stroke:var(--ink);stroke-width:1.3}
.map .gorge{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-dasharray:1.5 4.5;stroke-linecap:round}
.map .ice{fill:#f1eee8;stroke:var(--mute);stroke-width:.7}
.map text{paint-order:stroke;stroke:var(--card);stroke-width:6px;stroke-linejoin:round;font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;fill:var(--soft)}
.map text.it{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:15px}
.map text.home{font-family:var(--serif);font-size:19px;letter-spacing:.02em;text-transform:none;fill:var(--ink)}
.map text.src{font-size:8px;letter-spacing:.06em;text-transform:none;fill:var(--mute)}
.map .pin{fill:var(--ink)}.map .pin.h{fill:var(--accent)}.map .ring{fill:none;stroke:var(--accent);stroke-width:.9}
.legend{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;font:400 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.legend span:before{content:"";display:inline-block;width:26px;border-top:1px solid var(--ink);margin-right:9px;vertical-align:middle}
.legend .g:before{border-top:2px dotted var(--ink)}
.ways{list-style:none;padding:0;margin:26px 0 0}
.ways li{padding:16px 0;border-top:1px solid var(--line)}
.ways b{display:block;font:400 22px var(--serif);margin-bottom:2px}
.ways span{font-size:17.5px;color:var(--soft)}
.board{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.board small{display:block;font:400 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px}
.board .t{font:400 40px/1 var(--serif)}
.board .r{font-size:16px;color:var(--soft);max-width:230px;text-align:right}

/* Buchen, Fuss */
.book{padding:140px var(--m);text-align:center}
.book h2{margin:14px 0 34px}
.book .row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.book .contact{margin-top:30px;font-size:18px;color:var(--soft)}.book .contact a{text-decoration:none}
.closed{display:none;margin:0 auto 30px;max-width:560px;font:italic 400 20px var(--serif);color:var(--soft)}
body.is-closed .closed{display:block}
.ft{margin:0 var(--m);border-top:1px solid var(--line);padding:56px 0 40px;font-size:17px;color:var(--soft)}
.ft .cols{display:grid;grid-template-columns:2fr 3fr 3fr 2fr;gap:var(--gap)}
.ft img{height:84px;width:auto}
.ft a{text-decoration:none}.ft .lab{margin-bottom:12px}
.ft .legal{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font:400 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}

/* Einblenden */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity 1.2s ease,transform 1.2s ease}.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}


/* Grundlagen */
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:var(--bg);padding:10px 16px;font:400 12px var(--sans)}
.skip:focus{left:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.center{text-align:center}
.small{font-size:16px;color:var(--soft)}
:focus-visible{outline:1px solid var(--taupe);outline-offset:3px}
.logo{display:block;line-height:0}
.mnav a[aria-current]{color:var(--taupe)}
.chron-more{margin:34px var(--m) 0;text-align:center}
.seasons-wrap{display:flex;flex-direction:column}

/* Seitenkopf */
.phead{position:relative;margin:0 var(--m);height:min(74vh,820px);min-height:420px;overflow:hidden;background:#d9d1c4}
.phead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phead img[data-s]{display:block;opacity:0;transition:opacity 1.2s ease}
body.s-herbst .phead img[data-s="herbst"],body.s-winter .phead img[data-s="winter"],body.s-sommer .phead img[data-s="sommer"]{opacity:1}
.pintro{padding:96px var(--m) 100px}
.pintro h1{margin:16px 0 24px;font-size:44px}
.pintro .first{margin-top:26px;font:italic 400 21px var(--serif);color:var(--taupe)}

/* Zimmer */
.rindex{margin:0 var(--m) 120px;border-top:1px solid var(--line)}
.rindex>.lab{padding:22px 0 8px;text-align:center}
.rindex .list{display:grid;grid-template-columns:repeat(4,1fr);gap:0 var(--gap)}
.rindex a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:color .2s}
.rindex a:hover{color:var(--taupe)}
.rindex .n{font:400 11px var(--sans);letter-spacing:.14em;color:var(--mute)}
.rindex .nm{font:400 10.5px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.rindex .nm b{display:block;font:400 21px/1.25 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);margin-top:2px}
.rindex .m{font:italic 400 18px var(--serif);color:var(--soft)}
.room{margin:0 var(--m) 150px;scroll-margin-top:110px}
.room__img{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap);align-items:end}
.room.rev .room__img{grid-template-columns:1fr 2fr}
.room.rev .room__img .big{order:2}
.room figure{margin:0}
.room .big{aspect-ratio:3/2;overflow:hidden;background:#ddd5c9}
.room .small{display:flex;flex-direction:column}
.room .small img{aspect-ratio:3/4}
.room img{width:100%;height:100%;object-fit:cover}
.room figcaption{padding-top:14px;font:italic 400 19px var(--serif);color:var(--soft)}
.room__tx{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap);padding-top:34px}
.room.rev .room__tx{grid-template-columns:1fr 2fr}
.room.rev .room__tx>div:first-child{order:2}
.room__tx h2{margin:10px 0 16px}
.room__tx p{max-width:620px;color:var(--soft)}
.room__tx .lab .n{color:var(--mute);margin-right:14px}
.facts{margin:4px 0 26px;border-top:1px solid var(--line)}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font:400 10.5px/1.9 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.facts dd{margin:0;font-size:18px;text-align:right}
.grid3{list-style:none;padding:0;margin:0 var(--m);display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--gap);border-top:1px solid var(--line)}
.grid3 li{padding:22px 0 24px;border-bottom:1px solid var(--line)}
.grid3 b{display:block;font:400 23px var(--serif);margin-bottom:4px}
.grid3 span{font-size:17.5px;color:var(--soft)}
.grid3 a{text-decoration:none;border-bottom:1px solid var(--line)}
.notes{list-style:none;padding:0;margin:0 auto;max-width:980px;padding:0 var(--m)}
.notes li{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap);padding:18px 0;border-top:1px solid var(--line)}
.notes li:last-child{border-bottom:1px solid var(--line)}
.notes b{font:400 22px var(--serif)}
.notes span{font-size:18px;color:var(--soft)}
.notes a{text-decoration:none;border-bottom:1px solid var(--mute)}

/* Küche */
.cards.day{grid-template-columns:repeat(4,1fr)}
.cards.day .card .ph{aspect-ratio:4/5}
.herbs{display:flex;justify-content:center;gap:clamp(30px,6vw,90px);flex-wrap:wrap;margin:0 var(--m)}
.herbf{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--taupe)}
.herbf svg{width:96px;height:auto}
.herbf figcaption{margin-top:14px;font:italic 400 22px var(--serif);color:var(--ink)}
.herbf small{display:block;font:400 normal 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-top:6px;max-width:190px}
.res{scroll-margin-top:100px}
.res__grid{display:grid;grid-template-columns:7fr 4fr;gap:calc(var(--gap)*2);margin:0 var(--m);align-items:start}
.res__main h2{margin:12px 0 14px}
.carfree{margin-top:30px;padding:24px 28px;background:var(--card);border-left:2px solid var(--accent)}
.carfree h3{margin:8px 0 10px}
.carfree p{font-size:18px;color:var(--soft);margin-bottom:.6em}
.carfree .ct a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.res__widget{margin-top:28px;min-height:520px;background:var(--card);padding:10px}
.res__side .ph{margin:0;aspect-ratio:4/5;overflow:hidden}
.res__side img{width:100%;height:100%;object-fit:cover}
.res__side .note{padding:24px 0;border-bottom:1px solid var(--line)}
.res__side .note b{display:block;font:400 22px var(--serif);margin-bottom:6px}
.res__side .note p{font-size:17.5px;color:var(--soft)}
.res__side a{text-decoration:none}

/* Das Haus */
.feat{display:grid;grid-template-columns:7fr 5fr;gap:calc(var(--gap)*2);margin:0 var(--m) 140px;align-items:center;scroll-margin-top:100px}
.feat.rev .feat__img{order:2}
.feat__img{display:grid;grid-template-columns:5fr 2fr;gap:var(--gap);align-items:end}
.feat.rev .feat__img{grid-template-columns:2fr 5fr}
.feat.rev .feat__img .big{order:2}
.feat__img figure{margin:0;overflow:hidden;background:#ddd5c9;position:relative}
.feat__img .big{aspect-ratio:4/5}
.feat__img .small{aspect-ratio:3/4}
.feat__img figure:only-child{grid-column:1/-1;aspect-ratio:3/2}
.feat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feat__img img[data-s]{display:none}
body.s-herbst .feat__img img[data-s="herbst"],body.s-winter .feat__img img[data-s="winter"],body.s-sommer .feat__img img[data-s="sommer"]{display:block}
.feat__tx h2{margin:12px 0 16px}
.feat__tx p{color:var(--soft);max-width:520px}
.kneipp{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kneipp summary{cursor:pointer;list-style:none;padding:16px 0;font:400 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.kneipp summary::-webkit-details-marker{display:none}
.kneipp summary:after{content:"+";float:right;font:400 18px var(--serif)}
.kneipp[open] summary:after{content:"–"}
.kneipp ol{margin:0 0 20px;padding-left:22px;font-size:17.5px;color:var(--soft)}
.kneipp li{margin-bottom:8px}

.hfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:26px 0 30px;border-top:1px solid var(--line);padding-top:18px}
.hfacts b{display:block;font:400 34px/1 var(--serif);color:var(--accent);margin-bottom:8px}
.hfacts span{font-size:16.5px;color:var(--soft);line-height:1.4;display:block}
.widequote{position:relative;margin:0 var(--m) 140px;height:min(90vh,940px);min-height:480px;overflow:hidden;background:#2a2622}
.widequote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.widequote img[data-s]{display:block;opacity:0;transition:opacity 1.2s ease}
body.s-herbst .widequote img[data-s="herbst"],body.s-winter .widequote img[data-s="winter"],body.s-sommer .widequote img[data-s="sommer"]{opacity:1}
.widequote:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(transparent,rgba(16,13,10,.55));pointer-events:none}
.widequote .wq{position:absolute;left:0;right:0;bottom:56px;z-index:2;text-align:center;padding:0 var(--m);color:#fff}
.widequote blockquote{margin:0 auto;max-width:900px;font:italic 400 clamp(30px,4.2vw,58px)/1.15 var(--serif);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.widequote .tr{margin:12px 0 0;font:italic 400 20px var(--serif);color:rgba(255,255,255,.85)}
.widequote cite{display:block;margin-top:18px;font:400 normal 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85)}

/* Das Tal */
.mapsec .big{font:italic 400 24px/1.45 var(--serif);color:var(--soft);margin:12px 0 28px}
.seasontabs{display:flex;gap:28px}
.seasontabs button{background:none;border:0;padding:0 0 4px;cursor:pointer;font:italic 400 24px var(--serif);color:var(--soft);border-bottom:1px solid transparent}
.seasontabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.sblock{margin:0 var(--m) 130px;scroll-margin-top:100px}
body.s-herbst .sblock[data-k="herbst"],body.s-winter .sblock[data-k="winter"],body.s-sommer .sblock[data-k="sommer"]{order:-1}
.sblock__head{text-align:center;margin-bottom:46px}
.sblock__head h2{margin-top:12px}
.sblock__pics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:46px}
.sblock__pics figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:#ddd5c9}
.sblock__pics img{width:100%;height:100%;object-fit:cover}
.months{list-style:none;padding:0;margin:0 auto;max-width:980px;padding:0 var(--m);columns:2;column-gap:calc(var(--gap)*2)}
.months li{break-inside:avoid;display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line);transition:background .3s}
.months b{font:400 10.5px/2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.months span{font-size:18px;color:var(--soft)}
.months li.now b{color:var(--accent)}.months li.now span{color:var(--ink);font-style:italic}

/* Bewohner */
.bhead{display:grid;grid-template-columns:5fr 6fr;gap:calc(var(--gap)*2);margin:0 var(--m) 130px;align-items:center}
.bhead__tx{padding:40px 0 40px 4vw}
.bhead__tx h1{font-size:50px;line-height:1.1;margin:16px 0 24px}
.bhead__tx p{font-size:20px;color:var(--soft);max-width:520px}
.bhead__img{margin:0;height:min(84vh,900px);min-height:480px;overflow:hidden;background:#ddd5c9}
.bhead__img img{width:100%;height:100%;object-fit:cover}
.ibex .when{font-style:italic;color:var(--taupe)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.four .card .ph{aspect-ratio:4/5}
.ycal{margin:0 var(--m);overflow-x:auto}
.ycal table{width:100%;border-collapse:collapse;min-width:720px}
.ycal th[scope=col]{font:400 10.5px var(--sans);letter-spacing:.16em;color:var(--taupe);padding:0 0 12px;text-align:center;width:6%}
.ycal th[scope=col].now{color:var(--ink)}
.ycal th[scope=row]{text-align:left;font:400 19px var(--serif);padding:12px 18px 12px 0;white-space:nowrap;font-weight:400}
.ycal tr{border-top:1px solid var(--line)}.ycal tbody tr:last-child{border-bottom:1px solid var(--line)}
.ycal td{padding:0 3px;position:relative}
.ycal td i{display:block;height:6px;border-radius:3px}
.ycal td.on i{background:var(--accent);opacity:.75}
.ycal td.now{background:rgba(110,95,80,.07)}
.credits{max-width:980px;margin:34px auto 0;padding:0 var(--m);font-size:14px;color:var(--mute);text-align:center}

/* Geschichte */
.chronik__grid{display:grid;grid-template-columns:4fr 8fr;gap:calc(var(--gap)*2);margin:0 var(--m)}
.chronik__side{position:sticky;top:120px;align-self:start}
.chronik__side .ph{margin:18px 0 0;aspect-ratio:3/4;overflow:hidden}
.chronik__side img{width:100%;height:100%;object-fit:cover}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:var(--gap);padding:26px 0;border-top:1px solid var(--line)}
.timeline b{font:400 44px/1 var(--serif);color:var(--accent)}
.timeline p{margin:0;font-size:19.5px;max-width:620px}
.timeline .now b{font-size:30px;font-style:italic}
.glist{list-style:none;padding:0;margin:0 var(--m);display:grid;grid-template-columns:repeat(3,1fr);gap:46px var(--gap)}
.glist li{border-top:1px solid var(--line);padding-top:22px}
.glist h3{margin-bottom:10px}
.glist p{font-size:18px;color:var(--soft)}
.glist blockquote{margin:16px 0 0;font:italic 400 22px/1.4 var(--serif);color:var(--ink)}
.glist .tr{margin-top:8px;font:italic 400 16.5px var(--serif);color:var(--soft)}
.passtext{max-width:760px;margin:16px auto 0;font:italic 400 26px/1.45 var(--serif);color:var(--ink)}

/* Anreise */
.addr{margin-top:28px;font-size:18px;color:var(--soft)}
.addr .link{margin-top:14px;margin-right:24px}
.tt{margin:0 var(--m);overflow-x:auto}
.tt table{width:100%;border-collapse:collapse;min-width:620px}
.tt th{text-align:left;font:400 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);padding:20px 16px 20px 0;white-space:nowrap}
.tt td{font:400 30px var(--serif);padding:16px 10px;text-align:center;border-left:1px solid var(--line)}
.tt tr{border-top:1px solid var(--line)}.tt tr:last-child{border-bottom:1px solid var(--line)}
.tt tr:nth-child(2) td{color:var(--accent)}
.shuttle__more{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*2);margin:56px var(--m) 0}
.shuttle__more h3{margin-bottom:10px}
.shuttle__more p{color:var(--soft);font-size:18px}
.price{list-style:none;padding:0;margin:14px 0 18px;border-top:1px solid var(--line)}
.price li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:18px}
.gap{font-style:italic}

/* Rechtliches */
.legalpage{max-width:760px;margin:0 auto;padding:90px var(--m) 120px}
.legalpage h1{margin:14px 0 6px}
.legalpage .updated{font:400 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:46px}
.legalpage h2{font-size:25px;margin:38px 0 10px}
.legalpage p,.legalpage li{font-size:18px;color:var(--soft)}
.legalpage a{color:var(--ink)}

/* Fuss */
.ft .fnav{display:flex;flex-direction:column;gap:4px}
.ft .legal nav{display:flex;flex-wrap:wrap;gap:22px}
.ft .legal a,.ft .legal button{text-decoration:none;color:var(--taupe);background:none;border:0;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
.ft .flangs{display:flex;gap:12px}.ft .flangs a.on{color:var(--ink)}

/* Cookies */
.cc{position:fixed;left:var(--m);bottom:var(--m);z-index:120;max-width:440px;background:var(--card);border:1px solid var(--line);padding:24px 26px;box-shadow:0 10px 40px rgba(40,30,20,.12);display:none}
.cc.is-open{display:block}
.cc h2{font-size:24px;margin-bottom:8px}
.cc p{font-size:16.5px;color:var(--soft)}
.cc a{color:var(--ink)}
.cc__btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.cc__btns .btn{padding:12px 18px}
.cc__text,.ccd button.cc__text{background:none;border:0;padding:6px 4px;cursor:pointer;font:400 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);text-decoration:underline;text-underline-offset:4px}
.ccd{position:fixed;inset:0;z-index:130;background:rgba(40,34,28,.35);display:none;align-items:center;justify-content:center;padding:var(--m)}
.ccd.is-open{display:flex}
.ccd__box{background:var(--bg);max-width:520px;width:100%;padding:30px;max-height:90vh;overflow:auto}
.ccd__box h2{font-size:28px;margin-bottom:12px}
.ccd__row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:16.5px;color:var(--soft)}
.ccd__row strong{display:block;font:400 20px var(--serif);color:var(--ink)}
.ccd__row em{font:400 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.ccd__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tg{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.tg input{opacity:0;width:0;height:0}
.tg span{position:absolute;inset:0;background:var(--line);border-radius:26px;transition:background .2s;cursor:pointer}
.tg span:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}
.tg input:checked+span{background:var(--taupe)}.tg input:checked+span:before{transform:translateX(20px)}
button.btn{cursor:pointer}

/* Tablet */
@media (max-width:1100px){
  :root{--gap:24px}
  .reel .s1,.reel .s4{display:none}.reel .s2{width:38%}.reel .s3{width:52%}
  .rindex .list{grid-template-columns:repeat(2,1fr)}
  .cards.day{grid-template-columns:repeat(2,1fr)}
  .glist{grid-template-columns:repeat(2,1fr)}
  .cards.four{grid-template-columns:repeat(2,1fr)}
  .bhead{grid-template-columns:1fr 1fr}.bhead__tx{padding-left:0}
  .feat,.res__grid{grid-template-columns:1fr 1fr}
}
/* Mobil */
@media (max-width:760px){
  :root{--m:16px;--gap:18px;--hdr:86px}
  body{font-size:18px}
  h1{font-size:32px}h2{font-size:30px}h3{font-size:24px}
  .pintro{padding:60px var(--m) 64px}.pintro h1{font-size:34px}
  .menu-btn span{display:none}
  .logo img{height:62px}.hdr.sc .bar{height:70px}.hdr.sc .logo img{height:50px}
  .buchen{padding:13px 18px;font-size:10.5px}
  .mbody{grid-template-columns:1fr;gap:10px;padding-top:2vh}.mnav{padding:0}.mnav a{font-size:34px}.mimg{display:none}
  .seasons{gap:26px;bottom:22px}.seasons button{font-size:20px}
  .skybtn{left:14px;top:14px;bottom:auto}.skybtn svg{width:46px;height:46px}.skybtn__l{display:none}#skybtn-time{font-size:16px}
  .skym{padding:8px}.skym__box{padding:58px 14px 24px}.skym__x{right:14px;top:16px}
  .sky__head{margin:-18px 0 16px}.sky__date{font-size:25px}
  .sky__facts{grid-template-columns:1fr 1fr;gap:18px}.sky__facts dd{font-size:17px}
  .btn{padding:13px 18px;font-size:10.5px}
  .hero{height:68svh;min-height:420px}
  .phead{height:56svh;min-height:340px}
  .intro{padding:70px 0 64px}.block{padding-bottom:90px}
  .reel .row{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .reel .row::-webkit-scrollbar{display:none}
  .reel figure{scroll-snap-align:start}.reel .s2,.reel .s3{width:82%}.reel .s1,.reel .s4{display:block;width:62%}
  .wide .img{height:62vh}.wide .cap{grid-template-columns:1fr;gap:6px}
  .cards,.cards.two,.cards.two.rev,.cards.day{grid-template-columns:1fr;gap:46px}
  .cards.two .card.big .ph{aspect-ratio:4/5;flex:none;min-height:0}
  .chron{grid-template-columns:1fr 1fr}
  .quote blockquote{font-size:26px}
  .way{grid-template-columns:1fr;gap:30px}
  .ft .cols{grid-template-columns:1fr 1fr}
  .rindex{margin-bottom:80px}.rindex .list{grid-template-columns:1fr}
  .room{margin-bottom:96px}
  .room__img,.room.rev .room__img{grid-template-columns:1fr}
  .room.rev .room__img .big{order:0}
  .room .small{width:62%;margin-left:auto}
  .room__tx,.room.rev .room__tx{grid-template-columns:1fr;gap:10px}
  .room.rev .room__tx>div:first-child{order:0}
  .grid3{grid-template-columns:1fr}
  .notes li{grid-template-columns:1fr;gap:4px}
  .feat,.feat.rev{grid-template-columns:1fr;gap:26px;margin-bottom:90px}
  .feat.rev .feat__img{order:0}
  .hfacts{grid-template-columns:1fr 1fr 1fr;gap:12px}.hfacts b{font-size:26px}
  .widequote{height:72svh;margin-bottom:90px}.widequote .wq{bottom:30px}
  .res__grid{grid-template-columns:1fr}
  .sblock__pics{grid-template-columns:1fr 1fr}.sblock__pics figure:first-child{grid-column:1/-1;aspect-ratio:3/2}
  .months{columns:1}.months li{grid-template-columns:96px 1fr}
  .chronik__grid{grid-template-columns:1fr}.chronik__side{position:static}.chronik__side .ph{aspect-ratio:3/2}
  .timeline li{grid-template-columns:82px 1fr;gap:14px}.timeline b{font-size:32px}
  .glist{grid-template-columns:1fr}
  .cards.four{grid-template-columns:1fr}
  .bhead{grid-template-columns:1fr;gap:26px;margin-bottom:80px}.bhead__img{height:62svh;min-height:360px;order:-1}.bhead__tx{padding:0}.bhead__tx h1{font-size:34px}
  .tt td{font-size:22px;padding:12px 6px}
  .shuttle__more{grid-template-columns:1fr;gap:40px}
  .cc{left:8px;right:8px;bottom:8px;max-width:none}
  .ft .legal{flex-direction:column}
}

/* ------------------------------------------------ the opening */
.hero__img{position:absolute;inset:0;overflow:hidden}
.js .hero__img{clip-path:inset(42% 0 42% 0);animation:curtain 1.9s cubic-bezier(.7,0,.2,1) .15s forwards}
.hero__img img{transform:scale(1.14);transform-origin:50% 62%}
.js .hero__img img{animation:settle 3.4s cubic-bezier(.2,.6,.2,1) .15s forwards,breathe 38s ease-in-out 3.6s infinite alternate}
@keyframes curtain{to{clip-path:inset(0 0 0 0)}}
@keyframes settle{to{transform:scale(1.02)}}
@keyframes breathe{from{transform:scale(1.02)}to{transform:scale(1.09) translate(-1%,-.6%)}}
.hero__night{opacity:0!important;transition:opacity 2.4s ease!important}
body.fex-night:not(.s-winter):not(.picked) .hero__night.ready{opacity:1!important}
.hero__words{position:absolute;left:clamp(22px,4.4vw,72px);bottom:clamp(104px,15vh,170px);z-index:2;color:#fff;max-width:min(92%,1100px);pointer-events:none}
.hero__lab{color:#fff;opacity:0;letter-spacing:.24em;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.js .hero__lab{animation:fadein 1.2s ease 1.9s forwards}
.no-js .hero__lab{opacity:.9}
.hero__h1{color:#fff;margin:18px 0 0;font:300 clamp(48px,7.6vw,128px)/.98 var(--serif);letter-spacing:-.012em;text-shadow:0 2px 40px rgba(0,0,0,.28)}
.hero__h1>span{display:block;overflow:hidden;padding-bottom:.06em}
.hero__h1>span>span{display:block}
.js .hero__h1>span>span{transform:translateY(105%);animation:rise 1.5s cubic-bezier(.2,.75,.15,1) forwards}
.js .hero__h1>span:nth-child(1)>span{animation-delay:1.35s}.js .hero__h1>span:nth-child(2)>span{animation-delay:1.55s;font-style:italic}
.hero__h1>span:nth-child(2)>span{font-style:italic}
@keyframes rise{to{transform:none}}
@keyframes fadein{to{opacity:.92}}
.hero__cue{position:absolute;right:clamp(22px,3vw,44px);bottom:30px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-decoration:none;font:400 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:0;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.js .hero__cue{animation:fadein 1.2s ease 2.6s forwards}
.hero__cue i{display:block;width:1px;height:46px;background:linear-gradient(#fff,rgba(255,255,255,0));animation:cue 2.6s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero .seasons{opacity:0}.js .hero .seasons{animation:fadein 1.2s ease 2.4s forwards}.no-js .hero .seasons{opacity:1}
.js .skybtn{opacity:0;animation:fadein 1.2s ease 2.8s forwards}

/* ------------------------------------------------ Die Fahrt ins Tal */
.trip{position:relative;height:720vh;margin-top:clamp(70px,10vw,140px)}
.trip__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}
.trip__cam{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.trip__map{position:relative}
.trip__map img,.trip__forest,.trip__svg{position:absolute;inset:0;width:100%;height:100%}
.trip__relief{mix-blend-mode:multiply;opacity:.9;filter:sepia(.35) contrast(1.08) brightness(1.06)}
.trip__forest{-webkit-mask:var(--fm) 0 0/100% 100%;mask:var(--fm) 0 0/100% 100%;background:#b98a2e;opacity:.22;mix-blend-mode:multiply}
body.s-sommer .trip__forest{background:#5e6a49;opacity:.2}body.s-winter .trip__forest{background:#6b6a66;opacity:.16}
.trip__old{opacity:0;transition:opacity 1.6s ease;filter:saturate(.75) sepia(.12)}
.trip.old .trip__old{opacity:.96}
.trip__stream{fill:none;stroke:#6f8fa3;stroke-width:2.2;opacity:.55}
.trip__way{fill:none;stroke:#313131;stroke-width:2;stroke-dasharray:1 7;stroke-linecap:round;opacity:.55}
.trip__line{fill:none;stroke:#313131;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.trip.old .trip__line{stroke:#8a2d1b}
.trip__pl{font:400 13px var(--sans);letter-spacing:.28em;fill:#313131;text-anchor:middle;opacity:.8;transition:opacity 1s}
.trip__pl.water{fill:#4f6f83;font-style:italic;font-family:var(--serif);letter-spacing:.1em;font-size:17px}
.trip__pl.lake{fill:#4f6f83;font-size:15px;letter-spacing:.4em}
.trip.old .trip__labels{opacity:0}
.trip__labels{transition:opacity 1s}
.trip__home circle{fill:#F3EEE7;stroke:#313131;stroke-width:2.2}
.trip__home text{font:500 13px var(--sans);letter-spacing:.28em;fill:#313131}
.trip__dot circle{fill:#313131}
.trip__halo{fill:none!important;stroke:#313131;stroke-width:1.2;opacity:.5;animation:halo 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes halo{from{transform:scale(.35);opacity:.7}to{transform:scale(1.25);opacity:0}}
.trip__veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 68% at 58% 52%,rgba(243,238,231,0) 55%,rgba(243,238,231,.92) 100%)}
.trip__title{position:absolute;left:clamp(22px,5vw,80px);top:50%;transform:translateY(-50%);max-width:560px;transition:opacity .6s,transform .6s}
.trip__title h2{font:300 clamp(46px,6vw,96px)/1 var(--serif);margin:14px 0 22px;letter-spacing:-.01em}
.trip__title p{font-size:21px;line-height:1.5;color:var(--soft);max-width:440px;margin:0}
.trip.go .trip__title{opacity:0;transform:translateY(-58%);pointer-events:none}
.trip__steps{list-style:none;margin:0;padding:0}
.trip__step{position:absolute;left:clamp(22px,5vw,80px);top:50%;width:min(390px,80vw);transform:translateY(calc(-50% + 18px));opacity:0;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:rgba(243,238,231,.9);padding:26px 28px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.trip__step.on{opacity:1;transform:translateY(-50%)}
.trip__step h3{font:400 10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin:0 0 12px}
.trip__step p{margin:0;font-size:23px;line-height:1.42}
.trip__gauge{position:absolute;right:clamp(22px,4vw,64px);bottom:clamp(24px,5vh,48px);display:grid;grid-template-columns:auto auto;gap:4px 26px;align-items:baseline;text-align:right;opacity:0;transition:opacity .8s}
.trip.go .trip__gauge{opacity:1}.trip.done .trip__gauge{opacity:0}
.trip__alt b,.trip__km b{font:italic 400 44px/1 var(--serif);font-variant-numeric:tabular-nums}
.trip__alt,.trip__km{font:400 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.trip__alt b,.trip__km b{color:var(--ink);letter-spacing:0;margin-right:4px}
.trip__bar{grid-column:1/3;width:240px;height:36px;justify-self:end;overflow:visible}
#trip-prof{fill:none;stroke:var(--line);stroke-width:1.4}#trip-prof-on{fill:none;stroke:var(--ink);stroke-width:1.6}
.trip__end{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);width:min(660px,90vw);text-align:center;background:rgba(243,238,231,.93);padding:42px 38px 40px;opacity:0;pointer-events:none;transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.trip.done .trip__end{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
.trip__house{width:230px;height:80px;display:block;margin:0 auto 18px}
.trip__end h2{font:300 clamp(38px,4.4vw,62px)/1.05 var(--serif);margin:0 0 14px;white-space:nowrap}
.trip__end p{margin:0 auto 28px;max-width:420px;font-size:21px;color:var(--soft)}
.trip__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.trip__src{position:absolute;left:clamp(22px,4vw,64px);bottom:18px;margin:0;font:400 9px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);opacity:.7}
.trip .house__smoke{display:none}
.no-js .trip{height:auto}.no-js .trip__stick{position:relative;height:auto;padding:60px var(--m)}.no-js .trip__cam,.no-js .trip__veil,.no-js .trip__gauge{display:none}
.no-js .trip__title,.no-js .trip__step,.no-js .trip__end{position:static;transform:none;opacity:1;margin:0 0 24px}
@media (max-width:760px){
  .trip{height:640vh}
  .trip__title{top:auto;bottom:16vh;transform:none;right:22px}.trip.go .trip__title{transform:translateY(-8%)}
  .trip__title p{font-size:18.5px}
  .trip__step{top:auto;bottom:calc(env(safe-area-inset-bottom) + 92px);transform:translateY(18px);width:auto;right:16px;left:16px;padding:20px 20px 18px}
  .trip__step.on{transform:none}
  .trip__step p{font-size:19.5px}
  .trip__gauge{top:calc(var(--hdr) + 8px);bottom:auto;right:16px}
  .trip__alt b,.trip__km b{font-size:30px}.trip__bar{width:150px;height:26px}
  .trip__veil{background:linear-gradient(rgba(243,238,231,.75),rgba(243,238,231,0) 26%,rgba(243,238,231,0) 60%,rgba(243,238,231,.85))}
  .hero__words{bottom:118px;left:20px}
  .hero__cue{display:none}
}
@media (prefers-reduced-motion:reduce){
  .js .hero__img{clip-path:none;animation:none}.js .hero__img img{animation:none;transform:none}
  .js .hero__h1>span>span{transform:none;animation:none}.js .hero__lab,.js .hero__cue,.js .hero .seasons,.js .skybtn{opacity:1;animation:none}
  .trip__halo{animation:none}
}
.trip__veil::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,231,.94),rgba(243,238,231,.72) 32%,rgba(243,238,231,0) 52%);transition:opacity .8s}
.trip.go .trip__veil::before{opacity:0}
@media (max-width:760px){.trip__veil::before{background:linear-gradient(0deg,rgba(243,238,231,.95),rgba(243,238,231,.7) 40%,rgba(243,238,231,0) 62%)}}
@media (max-width:760px){
  .hero__lab{font-size:9px;letter-spacing:.14em}
  .trip__end{padding:32px 22px 30px}.trip__end h2{white-space:normal}.trip__end p{font-size:18.5px}
  .trip__bar{display:none}
}

/* ------------------------------------------------ the photographs after the opening (home) */
.strecke{padding:clamp(90px,11vw,170px) 0 clamp(60px,8vw,120px)}
.strecke .head{max-width:760px;margin:0 auto clamp(56px,7vw,96px);text-align:center;padding:0 var(--m)}
.strecke .head h2{font:300 clamp(40px,5vw,72px)/1.04 var(--serif);margin:14px 0 22px}
.strecke .head p{font-size:21px;color:var(--soft);margin:0 auto;max-width:600px}
.strecke__wide{margin:0 var(--m) clamp(90px,11vw,170px);height:min(86vh,62vw);overflow:hidden;position:relative}
.strecke__wide img{width:100%;height:100%;object-fit:cover}
.strecke__pair{display:grid;grid-template-columns:7fr 4fr;gap:clamp(36px,6vw,110px);align-items:end;margin:0 clamp(24px,7vw,120px) clamp(100px,12vw,190px)}
.strecke__pair.rev{grid-template-columns:4fr 7fr;align-items:start}
.shot{display:block;color:inherit;text-decoration:none}
.shot .ph{overflow:hidden;background:#e4ddd2}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.shot:hover img{transform:scale(1.035)}
.shot.big .ph{aspect-ratio:4/3}
.shot.tall .ph{aspect-ratio:3/4}
.strecke__pair.rev .shot.tall{margin-top:clamp(0px,8vw,140px)}
.shot .tx{padding-top:22px;max-width:460px}
.shot h3{font:400 clamp(26px,2.4vw,34px)/1.15 var(--serif);margin:8px 0 10px}
.shot p{margin:0 0 14px;color:var(--soft);font-size:19px}
.shot .link{font:400 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.strecke__book{text-align:center;padding:0 var(--m)}
.strecke__book h2{font:300 clamp(36px,4.2vw,60px)/1.05 var(--serif);margin:12px 0 30px}
.cards.solo{display:grid;grid-template-columns:1fr}
.trip{margin-bottom:clamp(100px,12vw,180px)}
@media (max-width:760px){
  .strecke__wide{height:72vh;margin:0 0 80px}
  .strecke__pair,.strecke__pair.rev{grid-template-columns:1fr;gap:64px;margin:0 var(--m) 90px}
  .strecke__pair.rev .shot.tall{margin-top:0}
  .shot.big .ph{aspect-ratio:4/3}.shot.tall .ph{aspect-ratio:4/5}
  .sky__svg{width:100%;max-width:100%;aspect-ratio:660/560}
}

/* autumn: the golden end of the summer season (home) */
.herbstband{position:relative;margin:clamp(40px,5vw,80px) var(--m) clamp(110px,13vw,190px);height:min(92vh,64vw);min-height:520px;overflow:hidden;color:#fff}
.herbstband figure{margin:0;position:absolute;inset:0}
.herbstband img{width:100%;height:100%;object-fit:cover}
.herbstband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,12,.72),rgba(20,16,12,.42) 34%,rgba(20,16,12,.08) 62%,transparent);pointer-events:none}
.herbstband__tx{position:absolute;left:clamp(24px,5vw,80px);bottom:clamp(36px,7vw,96px);max-width:520px;z-index:1}
.herbstband .lab{color:#fff;opacity:.9}
.herbstband h2{color:#fff;font:300 clamp(40px,5vw,76px)/1.02 var(--serif);margin:14px 0 20px}
.herbstband p{font-size:20px;line-height:1.5;margin:0 0 26px;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.herbstband__links{display:flex;gap:30px;flex-wrap:wrap}
.herbstband .link{color:#fff}
@media (max-width:760px){.herbstband{margin:0 0 90px;height:auto;min-height:0;aspect-ratio:auto}.herbstband figure{position:relative;height:62vh}.herbstband::after{display:none}.herbstband__tx{position:static;color:var(--ink);padding:28px var(--m) 0}.herbstband .lab,.herbstband h2,.herbstband .link{color:var(--ink)}.herbstband p{text-shadow:none;color:var(--soft)}}

/* Die goldenen Wochen (continuation of the October 2026 newsletter) */
.gw{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,5vw,90px);align-items:center;margin:0 clamp(24px,6vw,110px) clamp(110px,13vw,190px);scroll-margin-top:110px}
.gw.rev{grid-template-columns:5fr 7fr}.gw.rev .gw__img{order:2}
.gw__img{margin:0;overflow:hidden;aspect-ratio:4/3;background:#e4ddd2}.gw.rev .gw__img{aspect-ratio:4/5}
.gw__img img{width:100%;height:100%;object-fit:cover}
.gw__tx h2{font:300 clamp(36px,3.8vw,56px)/1.05 var(--serif);margin:12px 0 22px}
.gw__tx p{font-size:19.5px;line-height:1.6;color:var(--soft);margin:0 0 16px}
.gw__more{margin-top:22px!important}
.gw__facts{grid-column:1/-1;max-width:none;padding:0;margin-top:clamp(20px,3vw,40px)}
.gw__note{grid-column:1/-1;margin:-20px 0 0;font:italic 400 18px var(--serif);color:var(--taupe)}
.gw-end{padding-bottom:clamp(90px,11vw,160px);scroll-margin-top:110px}
.gw-end__p{max-width:560px;margin:0 auto 30px;font-size:20px;color:var(--soft)}
@media (max-width:760px){.gw,.gw.rev{grid-template-columns:1fr;gap:28px;margin:0 var(--m) 96px}.gw.rev .gw__img{order:0;aspect-ratio:4/5}.gw__note{margin:0}}

/* ---------- 7 Oct 2026: second tone, the other season, the arrival photo, dark footer, quieter cookie note */
.jz{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;background:var(--bg2);margin:0 var(--m) clamp(100px,11vw,150px)}
body.s-herbst .jz[data-s~="herbst"],body.s-winter .jz[data-s~="winter"],body.s-sommer .jz[data-s~="sommer"]{display:grid}
.jz__img{margin:0;height:min(88vh,52vw);overflow:hidden}
.jz__img img{width:100%;height:100%;object-fit:cover;display:block}
.jz__tx{padding:clamp(40px,6vw,96px)}
.jz h2{font:300 clamp(36px,4vw,58px)/1.05 var(--serif);margin:14px 0 22px}
.jz p{font-size:20px;color:var(--soft);margin:0 0 28px;max-width:440px}
.jz .link{background:none;border:0;border-bottom:1px solid var(--ink);cursor:pointer;padding:0 0 7px}
.ankunft{margin:clamp(80px,10vw,140px) 0 clamp(100px,11vw,150px)}
.ankunft__line{margin:0 auto clamp(36px,4vw,56px);max-width:760px;padding:0 var(--m);text-align:center;font:italic 300 clamp(28px,3.2vw,44px)/1.2 var(--serif);color:var(--ink)}
.ankunft__img{margin:0 var(--m);height:min(86vh,62vw);overflow:hidden}
.ankunft__img img{width:100%;height:100%;object-fit:cover}
.ft{margin:0;border-top:0;padding:clamp(64px,7vw,96px) var(--m) 40px;background:#2E2A25;color:#CFC6B8}
.ft .lab{color:#A8987F}
.ft img{opacity:.82}
.ft a{color:#EDE6DA}
.ft .legal{color:#A8987F;border-top:1px solid rgba(237,230,218,.14);padding-top:26px}
.ft .legal a,.ft .legal button{color:#A8987F}
.ft .flangs a.on{color:#EDE6DA}
.cc{left:auto;right:var(--m);max-width:340px;padding:20px 22px}
.cc h2{font-size:21px;margin-bottom:6px}
.cc p{font-size:15.5px;line-height:1.5}
.cc__btns .btn{padding:11px 16px;font-size:10.5px}
@media (max-width:760px){
  .jz,body.s-herbst .jz[data-s~="herbst"],body.s-winter .jz[data-s~="winter"],body.s-sommer .jz[data-s~="sommer"]{grid-template-columns:1fr}
  .jz__img{height:72vw}
  .jz__tx{padding:44px var(--m) 56px}
  .cc{left:8px;right:8px;max-width:none}
}
.hero__h1 .mbr{display:none}
@media (max-width:560px){.hero__h1 .mbr{display:inline}}

/* ---------- 7 Oct 2026 (2): Aman structure. Lighter sand bands (Aman #FDFAF6), season tabs under the entry image, quiet intro */
.seasonbar{display:flex;justify-content:center;gap:44px;padding:20px var(--m) 0}
.seasonbar button{background:none;border:0;padding:0 0 7px;cursor:pointer;font:400 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.seasonbar button:hover{color:var(--ink)}
.seasonbar button.on{color:var(--ink);border-bottom-color:var(--ink)}
.intro{max-width:700px;margin:0 auto;padding:clamp(100px,12vw,180px) var(--m) clamp(100px,12vw,170px);text-align:center}
.intro h2{font:300 clamp(34px,3.4vw,48px)/1.12 var(--serif);margin:16px 0 26px}
.intro p{font-size:21px;line-height:1.6;color:var(--soft);margin:0}
.band{background:var(--bg2);padding:clamp(90px,10vw,150px) 0;margin-bottom:clamp(110px,12vw,170px)}
.block.band{padding-bottom:clamp(90px,10vw,150px)}
.quote{padding:0 var(--m);margin:0 0 clamp(110px,12vw,170px)}
.wide .cap h2{font-size:clamp(28px,2.6vw,36px)}
.nacht{align-items:center}
.nacht .card.big .ph{aspect-ratio:3/2;min-height:0}
.nacht .card .tx{padding:0 clamp(0px,3vw,40px) 0 0}
.jz{background:var(--bg2)}
@media (max-width:760px){
  .seasonbar{gap:32px;padding-top:16px}
  .hero{height:calc(100svh - var(--hdr) - 60px)}
  .nacht .card .tx{padding:0}
}
/* quieter headings, as on aman.com */
.strecke .head h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12}
.strecke__book h2{font-size:clamp(30px,3vw,44px)}
.herbstband h2{font-size:clamp(36px,3.8vw,56px)}
.strecke{padding-top:0}

/* ---------- 7 Oct 2026 (3): large clean entry photograph, slogan as the title below, seasons in the header, gallery strip */
.hero{height:calc(100svh - var(--hdr) - var(--m));min-height:560px}
.hero::after{display:none}
.hero img[data-s="sommer"]{object-position:center 70%}
.hero img[data-s="winter"]{object-position:center 22%}
.hright{justify-self:end;display:flex;align-items:center;gap:clamp(22px,2.6vw,40px)}
.hseas{display:flex;gap:22px}
.hseas button{background:none;border:0;padding:4px 0 6px;cursor:pointer;font:400 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.hseas button:hover{color:var(--ink)}
.hseas button.on{color:var(--ink);border-bottom-color:var(--ink)}
.seasonbar{display:none}
.intro{padding:clamp(80px,9vw,140px) var(--m) clamp(80px,9vw,130px);max-width:820px}
.intro__h1{font:300 clamp(42px,4.6vw,72px)/1.06 var(--serif);margin:18px 0 30px;letter-spacing:-.005em}
.intro__h1 span{display:block}
.intro__h1 em{display:block;font-style:italic}
.gal{margin:0 0 clamp(110px,12vw,170px)}
.gal__row{display:flex;align-items:center;gap:var(--gap);padding:0 var(--m)}
.gal__f{margin:0;overflow:hidden;background:#ddd5c9;flex:0 0 auto}
.gal__f img{width:100%;height:100%;object-fit:cover;display:block}
.gal__f.t{width:calc((100% - 4*var(--gap)) * .19);aspect-ratio:4/5}
.gal__f.t.s{width:calc((100% - 4*var(--gap)) * .15)}
.gal__f.w{width:calc((100% - 4*var(--gap)) * .27);aspect-ratio:4/3}
.gal__f.w.s{width:calc((100% - 4*var(--gap)) * .2)}
.gal__f:nth-child(5){width:calc((100% - 4*var(--gap)) * .19)}
.feat2{align-items:start}
.feat2 .card .ph{aspect-ratio:3/4}
.cards.two.feat2 .card.big .ph{aspect-ratio:auto;flex:none;min-height:0;height:calc((100vw - 2*var(--m) - var(--gap)) / 3 * 4 / 3)}
#haus .chron{margin-top:clamp(70px,8vw,110px)}
@media (max-width:760px){
  .hseas{display:none}
  .hero{height:calc(100svh - var(--hdr) - 58px)}
  .hero img[data-s="sommer"]{object-position:40% center}
  .hero img[data-s="winter"]{object-position:41% center}
  .seasonbar{display:flex;gap:32px;padding:16px var(--m) 0}
  .gal__row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;scrollbar-width:none}
  .gal__row::-webkit-scrollbar{display:none}
  .gal__f,.gal__f.t,.gal__f.t.s,.gal__f.w,.gal__f.w.s,.gal__f:nth-child(5){width:72vw;scroll-snap-align:center}
  .feat2 .card.big .ph{height:auto;aspect-ratio:4/3}
}
/* the sky badge stays legible on snow and bright sky */
.skybtn{padding:7px 18px 7px 7px;border-radius:40px;background:rgba(28,24,20,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- 7 Oct 2026 (4): the selling sections. Image and text side by side, generous text */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,90px);align-items:center;margin:0 var(--m)}
.split.rev .split__img{order:2}
.split__img{margin:0;aspect-ratio:4/3;overflow:hidden;background:#ddd5c9;position:relative}
.split__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split__tx{max-width:520px}
.split__tx h2{font:300 clamp(30px,2.8vw,42px)/1.12 var(--serif);margin:14px 0 22px}
.split__tx p{font-size:19.5px;line-height:1.65;color:var(--soft);margin:0 0 26px}
.cap__links{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:8px}
.wide .cap p{font-size:19.5px;line-height:1.65}
.card p{line-height:1.6}
#dichter .quote{margin-bottom:clamp(80px,9vw,130px)}
#tal .cards{margin-top:0}
@media (max-width:760px){
  .split{grid-template-columns:1fr;gap:28px}
  .split.rev .split__img{order:0}
}