@font-face{font-family:Montserrat;src:url('fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('fonts/caveat.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#252525;--paper:#faf8f5;--sand:#9b8a62;--night:#1f2526;--line:#dedad2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--paper);color:#444;font:400 16px/1.75 Montserrat,Arial,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--sand);font-weight:600}
.display{font:500 clamp(2.2rem,5vw,4.5rem)/1.07 Montserrat,sans-serif;color:var(--ink);margin:.5rem 0 1.5rem;letter-spacing:-.04em}
.script{font:500 2rem/1 Caveat,cursive;color:var(--sand)}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:22px 0;color:#fff;transition:.3s}
.site-header.sticky{position:fixed;background:rgba(24,27,27,.96);padding:13px 0;box-shadow:0 6px 30px #0002}
.nav-row{display:flex;align-items:center;gap:28px}
.brand{margin-right:auto;color:#fff;text-align:center;line-height:1;font-family:Georgia,serif;font-size:1.45rem;letter-spacing:.06em}
.brand small{display:block;margin-top:7px;font:500 .55rem Montserrat;letter-spacing:.42em}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:.88rem;font-weight:600;transition:.2s}
.nav a:hover,.nav a.active{color:#d9cda9}
.nav .reserve{border:1px solid #b8aa83;border-radius:30px;padding:11px 21px;background:#9b8a62}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;color:#fff;font-size:1.6rem}
.hero{height:100vh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}
.hero video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-poster{background:url('images/start-video-poster.jpg') center/cover}
.hero:after,.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16161666,#00000020 45%,#00000099)}
.hero-content{position:relative;z-index:2;padding:80px 20px 0}
.hero h1{font-size:clamp(2.3rem,5.4vw,5.4rem);line-height:1.02;max-width:900px;margin:1rem auto;text-transform:uppercase;letter-spacing:-.035em}
.hero .kicker{letter-spacing:.35em;text-transform:uppercase;font-size:.72rem}
.home-image-strip{background:#fff;padding:28px 0}
.home-image-grid{display:grid;grid-template-columns:repeat(5,112px);justify-content:center;gap:22px}
.home-image-item{display:block;aspect-ratio:1;overflow:hidden;border:3px solid #ffffff80}
.scroll{position:absolute;z-index:3;bottom:32px;left:50%;transform:translateX(-50%);width:30px;height:48px;border:1px solid #fff8;border-radius:20px}
.scroll:after{content:"";position:absolute;width:3px;height:8px;border-radius:4px;background:white;left:13px;top:10px;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}
50%{opacity:1}
100%{opacity:0;transform:translateY(17px)}}
.intro{padding:140px 0 120px;background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.intro-copy p{max-width:600px}
.stats{display:flex;gap:42px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.stat b{display:block;color:var(--ink);font-size:1.8rem}
.stat span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.intro-image{height:620px;position:relative}
.intro-image:before{content:"";position:absolute;inset:-25px 35px 25px -35px;border:1px solid #b8aa83;z-index:0}
.intro-image img{position:relative;z-index:1}
.cards-section{padding:120px 0;background:var(--paper)}
.section-head{text-align:center;margin-bottom:55px}
.section-head .display{font-size:clamp(2rem,4vw,3.7rem)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feature{position:relative}
.feature-image{height:480px;overflow:hidden}
.feature img{transition:transform .8s}
.feature:hover img{transform:scale(1.04)}
.feature-meta{padding:27px 6px 0}
.feature-meta h3{font-size:1.35rem;color:var(--ink);font-weight:500;margin:0 0 8px}
.feature-meta p{font-size:.92rem;margin:0 0 16px}
.text-link{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #aaa;padding-bottom:4px}
.feature:nth-child(2){margin-top:55px}
.facilities{padding:130px 0;background:#fff}
.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;margin-top:60px}
.facility-icon{font-size:2rem;color:var(--sand);margin-bottom:18px}
.facility h3{font-size:1.05rem;color:var(--ink);font-weight:600}
.facility p{font-size:.88rem}
.quote-banner{height:620px;background:url('images/coast.jpg') center/cover fixed;display:grid;place-items:center;text-align:center;color:#fff;position:relative}
.quote-banner:after{content:"";position:absolute;inset:0;background:#0007}
.quote-banner div{z-index:1;width:min(760px,calc(100% - 40px))}
.quote-banner blockquote{font:500 clamp(2rem,4vw,4rem)/1.15 Montserrat;margin:1rem 0}
.quote-banner p{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem}
.content-shell{position:relative;z-index:2;background:var(--paper);margin-bottom:430px}
.site-footer{height:430px;position:fixed;z-index:0;left:0;right:0;bottom:0;background:#202526 url('images/footer.jpg') center/cover;color:#fff;display:flex;align-items:center}
.site-footer:after{content:"";position:absolute;inset:0;background:#111b}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px}
.footer-logo{font:500 2rem Georgia,serif}
.footer-logo span{font-family:Caveat;color:#d9cda9}
.footer-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:#d9cda9;margin-bottom:18px}
.site-footer a,.site-footer p{display:block;color:#ddd;font-size:.86rem;margin:8px 0}
.detail-hero{height:76vh;min-height:560px;background:url('images/room-main.jpg') center/cover;display:grid;place-items:end center;position:relative;color:#fff}
.detail-hero .hero-content{padding-bottom:70px}
.detail-hero h1{font-size:clamp(2.4rem,5vw,5rem);margin:.5rem 0}
.detail-body{padding:110px 0}
.detail-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:90px}
.lead{font-size:1.25rem;line-height:1.8;color:#333}
.amenities{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:35px 0 0;padding:0;list-style:none}
.amenities li{border-bottom:1px solid var(--line);padding:12px 0}
.amenities li:before{content:'✓';color:var(--sand);margin-right:12px}
.side-card{border:1px solid var(--line);padding:35px;position:sticky;top:100px;height:max-content}
.side-card h3{margin-top:0;color:var(--ink)}
.keyfacts{list-style:none;padding:0;margin:0}
.keyfacts li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:.88rem}
.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:270px;gap:16px;margin-top:75px}
.gallery a:first-child{grid-row:span 2}
.gallery img{transition:.5s}
.gallery a{overflow:hidden}
.gallery a:hover img{transform:scale(1.04)}
.gallery a:nth-child(4){position:relative}
.gallery a:nth-child(4):after{content:'Galerie öffnen';position:absolute;inset:0;display:grid;place-items:center;background:#0007;color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}
.detail-note{padding:100px 0;background:#fff}
.detail-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.detail-note h2{font-size:2rem;color:var(--ink);font-weight:500}
.detail-note ul{padding-left:18px}
@media(max-width:900px){.menu-btn{display:block}
.nav{position:fixed;inset:0;background:#202526;display:flex;flex-direction:column;justify-content:center;gap:20px;transform:translateX(100%);transition:.35s}
.nav.open{transform:none}
.nav a{font-size:1.2rem}
.menu-btn{position:relative;z-index:2}
.intro-grid,.detail-grid,.detail-note-grid{grid-template-columns:1fr}
.intro-image{height:500px}
.facility-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>div:first-child{grid-column:1/-1}
.detail-grid{gap:45px}
.side-card{position:static}
.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
.gallery a:first-child{grid-row:auto;grid-column:1/-1}
.site-footer{height:520px}
.content-shell{margin-bottom:520px}}
@media(max-width:620px){.wrap{width:min(100% - 32px,1180px)}
.hero{min-height:620px}
.hero h1{font-size:2.45rem}
.intro,.cards-section,.facilities,.detail-body,.detail-note{padding:80px 0}
.intro-grid{gap:60px}
.intro-image{height:430px}
.stats{gap:24px}
.feature-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;gap:18px}
.feature{min-width:84vw;scroll-snap-align:start}
.feature:nth-child(2){margin-top:0}
.feature-image{height:420px}
.facility-grid{grid-template-columns:1fr}
.quote-banner{height:520px;background-attachment:scroll}
.footer-grid{grid-template-columns:1fr;gap:16px}
.footer-grid>div:first-child{grid-column:auto}
.site-footer{height:590px}
.content-shell{margin-bottom:590px}
.gallery{grid-template-columns:1fr;grid-auto-rows:260px}
.gallery a:first-child{grid-column:auto}
.amenities{grid-template-columns:1fr}
.detail-hero{min-height:540px}
.detail-hero .hero-content{padding-bottom:40px}}
/* Refinements */
.site-header.sticky{background:rgba(250,248,245,.93);color:var(--ink);box-shadow:0 8px 30px #25252514;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header.sticky .brand,.site-header.sticky .menu-btn,.site-header.sticky .nav a{color:var(--ink)}
.site-header.sticky .nav a:hover,.site-header.sticky .nav a.active{color:var(--sand)}
.stats{flex-wrap:wrap}
.stat{min-width:92px}
.facility-icon{font-size:3.7rem;line-height:1;color:var(--sand);margin-bottom:24px}
.facility-icon svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.35}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;z-index:1000;inset:0;background:#101414ed;display:grid;place-items:center;padding:64px 24px}
.lightbox img{width:auto;height:auto;max-width:min(1200px,94vw);max-height:86vh;object-fit:contain}
.lightbox button{position:absolute;z-index:2;right:24px;top:20px;border:0;background:none;color:#fff;font-size:2.2rem;cursor:pointer}
.page-hero{height:58vh;min-height:480px;background:url('images/coast.jpg') center/cover;position:relative;display:grid;place-items:end center;color:#fff;text-align:center}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#1114,#111a)}
.page-hero .hero-content{padding-bottom:70px}
.page-hero h1{font-size:clamp(2.6rem,6vw,5.6rem);margin:.4rem 0}
.pricing-section{padding:110px 0}
.pricing-intro{text-align:center;max-width:720px;margin:0 auto 55px}
.price-table{border-top:1px solid var(--line)}
.price-row{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:25px;align-items:center;padding:27px 18px;border-bottom:1px solid var(--line)}
.price-row.head{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#777}
.price-row h3{margin:0;color:var(--ink);font-size:1.2rem}
.price-row strong{font-size:1.3rem;color:var(--ink)}
.price-note{margin:24px 0 0;font-size:.85rem;color:#777}
.price-actions{display:flex;justify-content:center;gap:16px;margin:50px 0 90px}
.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:1px solid var(--ink);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.button-link:hover{background:var(--ink);color:#fff}
.button-link.primary{background:var(--sand);border-color:var(--sand);color:#fff}
.button-link.primary:hover{background:#81724f}
.info-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-box{border:1px solid var(--line);padding:35px;background:#fff}
.info-box h3{margin:0 0 15px;color:var(--ink);font-size:1.1rem}
.info-box p{font-size:.9rem;margin:0}
@media(max-width:900px){.site-header.sticky .nav{color:#fff}
.info-boxes{grid-template-columns:1fr}
.price-row{grid-template-columns:1.2fr .8fr .8fr}
.facility-icon{font-size:3.3rem}}
@media(max-width:620px){.price-row{grid-template-columns:1fr 1fr;padding:22px 4px}
.price-row.head{display:none}
.price-row h3{grid-column:1/-1}
.price-row span:before{content:attr(data-label);display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#888}
.price-actions{flex-direction:column}
.button-link{width:100%}
.page-hero{min-height:440px}
.facility-icon{font-size:3.1rem}}
/* Extended pages and interaction refinements */
.price-row.head{font-size:.78rem;letter-spacing:.12em;color:var(--sand);font-weight:600}
.season-dates{display:block;margin-top:5px;color:#888;font-size:.78rem;font-weight:400}
.lightbox{padding:64px 72px}
.lightbox img{max-width:min(1200px,88vw)}
.lightbox button{width:50px;height:50px;border-radius:50%;background:#faf8f5dc;color:var(--ink);font-size:1.8rem;display:grid;place-items:center}
.lightbox-close{right:24px!important;top:20px!important}
.lightbox-prev{left:22px!important;right:auto!important;top:50%!important;transform:translateY(-50%)}
.lightbox-next{right:22px!important;top:50%!important;transform:translateY(-50%)}
.detail-highlights{padding:0 0 120px;background:#fff}
.highlight-image{height:520px;background:url('images/room-main.jpg') center/cover;position:relative}
.highlight-image:after{content:"";position:absolute;inset:0;background:#1115}
.highlight-cards{position:relative;margin-top:-105px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.highlight-card{background:var(--paper);padding:42px 36px;border:12px solid #fff;outline:1px solid var(--line);text-align:left}
.highlight-symbol{width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;margin:0 auto 25px;color:var(--sand);font-size:2rem}
.highlight-card h3{font-size:1.1rem;color:var(--ink);margin:0 0 18px;text-align:center}
.highlight-card p{font-size:.9rem;margin:0}
.simple-page{padding:100px 0}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.contact-details h2,.form-placeholder h2{font-size:2rem;color:var(--ink);font-weight:500}
.contact-details a{display:block;margin:10px 0}
.form-placeholder{min-height:420px;border:1px solid var(--line);background:#fff;padding:45px;display:grid;place-content:center;text-align:center}
.form-placeholder p{max-width:480px}
.gallery-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-page-grid a{height:340px;overflow:hidden}
.gallery-page-grid img{transition:.5s}
.gallery-page-grid a:hover img{transform:scale(1.04)}
@media(max-width:900px){body.menu-open .site-header{background:var(--paper);color:var(--ink)}
body.menu-open .site-header .brand,body.menu-open .site-header .menu-btn{color:var(--ink)}
.nav{inset:70px 0 auto auto;width:min(360px,86vw);height:calc(100vh - 70px);background:var(--paper);color:var(--ink);justify-content:flex-start;align-items:flex-start;padding:42px 38px;box-shadow:-18px 25px 45px #0002}
.nav a{font-size:1.08rem}
.site-header.sticky .nav{color:var(--ink)}
.info-boxes,.highlight-cards{grid-template-columns:1fr}
.highlight-cards{width:min(620px,calc(100% - 48px))}
.contact-layout{grid-template-columns:1fr}
.gallery-page-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.price-row span:before{color:var(--sand);font-weight:600}
.lightbox{padding:70px 48px}
.lightbox button{width:42px;height:42px}
.lightbox-prev{left:5px!important}
.lightbox-next{right:5px!important}
.highlight-image{height:380px}
.highlight-cards{margin-top:-60px;width:min(100% - 32px,620px)}
.highlight-card{padding:32px 24px}
.simple-page{padding:75px 0}
.form-placeholder{padding:30px 20px;min-height:340px}
.gallery-page-grid{grid-template-columns:1fr}
.gallery-page-grid a{height:300px}}
.legal-content{padding:100px 0}
.legal-copy{max-width:900px;margin:auto}
.legal-copy h2{color:var(--ink);font-size:1.55rem;margin:2.4rem 0 .7rem}
.legal-copy h3{color:var(--ink);font-size:1.15rem;margin:2rem 0 .6rem}
.legal-copy p,.legal-copy li{font-size:.95rem}
.legal-copy a{color:#756640;text-decoration:underline;text-underline-offset:3px}
.legal-copy ul{padding-left:22px}
.availability-title{font-size:clamp(1.75rem,3vw,2.7rem)}
.detail-actions-section{background:#fff}
.detail-actions{display:flex;justify-content:center;gap:16px;padding:0 0 90px}
@media(max-width:620px){.detail-actions{flex-direction:column;padding-bottom:70px}}
.hero-prices{background-image:url('images/hero-preise-v2.png')}
.hero-availability{background-image:url('images/calendar.jpg')}
.hero-gallery{background-image:url('images/hero-kontakt-v2.png')}
.hero-contact{background-image:url('images/hero-kontakt.jpg')}
.hero-reservation{background-image:url('images/bedroom.jpg')}
.hero-imprint{background-image:url('images/footer.jpg')}
.hero-privacy{background-image:url('images/footer.jpg')}
.hero-surroundings{background-image:url('images/footer.jpg')}
.surroundings-intro{padding:120px 0;background:var(--paper)}
.surroundings-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.surroundings-intro .display{font-size:clamp(2.2rem,4.5vw,4.2rem);margin-bottom:0}
.surroundings-lead{padding-top:28px}
.surroundings-lead p{font-size:1.05rem;margin:0 0 18px}
.surroundings-feature{padding:0 0 130px;background:var(--paper)}
.surroundings-feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:center}
.surroundings-photo{height:650px;position:relative}
.surroundings-photo:after{content:"";position:absolute;inset:30px -30px -30px 30px;border:1px solid #b8aa83;z-index:0}
.surroundings-photo img{position:relative;z-index:1}
.surroundings-copy{padding:25px 0}
.surroundings-copy .display{font-size:clamp(2rem,4vw,3.7rem)}
.surroundings-copy p{margin:0 0 18px}
.surroundings-cards{padding:120px 0;background:#fff}
.surroundings-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.surroundings-card{border:1px solid var(--line);padding:42px 36px;background:var(--paper)}
.surroundings-number{font:500 2.8rem/1 Caveat;color:var(--sand);margin-bottom:30px}
.surroundings-card h3{font-size:1.15rem;color:var(--ink);margin:0 0 15px}
.surroundings-card p{font-size:.9rem;margin:0}
.surroundings-banner{min-height:560px;background:url('images/footer.jpg') center/cover fixed;display:grid;place-items:center;text-align:center;color:#fff;position:relative;padding:80px 20px}
.surroundings-banner:after{content:"";position:absolute;inset:0;background:#15181885}
.surroundings-banner>div{position:relative;z-index:1;max-width:790px}
.surroundings-banner .script{color:#e0d3ad}
.surroundings-banner blockquote{font:500 clamp(2.1rem,4.2vw,4.2rem)/1.14 Montserrat;margin:18px 0 38px;letter-spacing:-.035em}
.surroundings-button{border-color:#fff;color:#fff}
.surroundings-button:hover{background:#fff;color:var(--ink)}
.highlight-symbol{width:104px;height:104px;font-size:3rem}
.highlight-card:nth-child(2) .highlight-symbol{font-size:4.6rem}
.gallery-page-grid.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:18px;margin-top:0}
.gallery-page-grid.gallery a{height:auto;grid-column:span 4;grid-row:span 2}
.gallery-page-grid.gallery a:first-child{grid-column:span 8;grid-row:span 3}
.gallery-page-grid.gallery a:nth-child(2){grid-column:span 4;grid-row:span 3}
.gallery-page-grid.gallery a:nth-child(3){grid-column:span 5;grid-row:span 3}
.gallery-page-grid.gallery a:nth-child(4){grid-column:span 7;grid-row:span 3}
.gallery-page-grid.gallery a:nth-child(5),.gallery-page-grid.gallery a:nth-child(6){grid-column:span 6;grid-row:span 3}
.gallery-page-grid.gallery a:nth-child(4):after{display:none}
@media(max-width:900px){.gallery-page-grid.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:300px}
.gallery-page-grid.gallery a,.gallery-page-grid.gallery a:first-child,.gallery-page-grid.gallery a:nth-child(n){grid-column:span 1;grid-row:span 1}
.gallery-page-grid.gallery a:first-child{grid-column:1/-1}}
@media(max-width:900px){.surroundings-intro-grid,.surroundings-feature-grid{grid-template-columns:1fr}
.surroundings-intro-grid{gap:30px}
.surroundings-feature-grid{gap:65px}
.surroundings-photo{height:560px;margin-right:30px}
.surroundings-card-grid{grid-template-columns:1fr}
.surroundings-card{padding:34px}
.surroundings-banner{background-attachment:scroll}}
@media(max-width:620px){.gallery-page-grid.gallery{grid-template-columns:1fr;grid-auto-rows:300px}
.gallery-page-grid.gallery a:first-child{grid-column:auto}
.highlight-symbol{width:92px;height:92px;font-size:2.7rem}}
@media(max-width:620px){.surroundings-intro,.surroundings-cards{padding:80px 0}
.surroundings-feature{padding-bottom:90px}
.surroundings-photo{height:430px;margin-right:18px}
.surroundings-photo:after{inset:18px -18px -18px 18px}
.surroundings-banner{min-height:480px}
.surroundings-card{padding:30px 24px}}
/* Vier Kennzahlen der Startseite bleiben in einer gemeinsamen Zeile. */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2.4vw,42px)}
.stat{min-width:0}
.stat b{font-size:clamp(1.25rem,2vw,1.8rem);white-space:nowrap}
.stat span{display:block;font-size:clamp(.55rem,.7vw,.72rem);letter-spacing:.08em;white-space:nowrap}
@media(max-width:620px){.stats{gap:8px}}
@media(max-width:620px){.home-image-strip{padding:22px 0}.home-image-grid{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:4px}.home-image-item{flex:0 0 96px;scroll-snap-align:start}}