*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe8;color:#173b3a;font-family:Arial,Helvetica,sans-serif}.top{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#f2efe8;position:relative;z-index:5}.brand{font-weight:800;letter-spacing:.08em;color:#173b3a;text-decoration:none}.brand i{font-family:Georgia,serif;font-weight:400;letter-spacing:0;text-transform:none}.top nav{display:flex;gap:28px;align-items:center}.top nav a{color:#173b3a;text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.navcta{border:1px solid #173b3a;padding:12px 18px}.hero{height:calc(100vh - 78px);min-height:620px;position:relative;overflow:hidden;color:white}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,29,.67),rgba(4,28,29,.1) 70%)}.hero-copy{position:absolute;left:7vw;bottom:13%;max-width:790px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;margin:0 0 22px}.eyebrow.dark{color:#4c716d}.hero h1,.intro h2,.feature h2,.location h2,.gallery h2,.cta h2{font-family:Georgia,serif;font-weight:400;line-height:.95;margin:0}.hero h1{font-size:clamp(52px,7vw,112px)}em{font-weight:400}.lead{font-size:19px;line-height:1.6;max-width:580px;margin:28px 0}.button{display:inline-block;padding:17px 26px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;text-decoration:none}.button.light{background:#f5f1e8;color:#173b3a}.hero-fact{position:absolute;right:5vw;bottom:7%;display:flex;gap:14px;align-items:center}.hero-fact b{font-family:Georgia,serif;font-size:72px;font-weight:400}.hero-fact span{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}.facts{display:grid;grid-template-columns:repeat(4,1fr);background:#173b3a;color:#f4efe5;padding:45px 7vw}.facts div{border-right:1px solid #57716e;padding-left:28px}.facts div:first-child{padding-left:0}.facts div:last-child{border:0}.facts b{font:400 46px Georgia,serif;display:block}.facts span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:130px 8vw}.intro h2,.gallery h2{font-size:clamp(48px,5vw,82px)}.copy{font:18px/1.8 Georgia,serif;color:#34504d}.feature{display:grid;grid-template-columns:58% 42%;min-height:680px;background:#ddd5c8}.feature.reverse{grid-template-columns:42% 58%;background:#e8e2d8}.feature.reverse img{order:2}.feature img{width:100%;height:100%;object-fit:cover;min-height:680px}.feature div{padding:12% 10%;align-self:center}.feature div>span{font:italic 26px Georgia,serif;color:#8a7760}.feature h2{font-size:clamp(44px,4.5vw,76px);margin:22px 0}.feature div>p:last-child{font:17px/1.8 Georgia,serif}.location{display:grid;grid-template-columns:48% 52%;background:#153a39;color:#f5f1e8}.location img{width:100%;height:100%;object-fit:cover;min-height:700px}.loc-copy{padding:120px 10%}.location h2{font-size:clamp(48px,5vw,82px);margin-bottom:35px}.loc-copy>p:not(.eyebrow){font:17px/1.8 Georgia,serif}.dist{margin-top:45px;border-top:1px solid #59706d}.dist span{display:flex;justify-content:space-between;border-bottom:1px solid #59706d;padding:17px 0;font-size:13px}.gallery{padding:130px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-title{padding:30px}.gallery img{width:100%;height:520px;object-fit:cover}.gallery .g1{height:650px}.gallery .g2{margin-top:120px}.gallery .g3{grid-column:1/3;height:650px;margin-top:20px}.amenities{padding:70px 8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #bcb5aa}.amenities p{margin:0;padding:24px;border-bottom:1px solid #bcb5aa;font-family:Georgia,serif}.amenities small{grid-column:1/-1;padding:20px 24px;color:#6a706d}.cta{background:#a86843;color:#fff7ed;padding:130px 8vw;text-align:center}.cta h2{font-size:clamp(56px,7vw,110px)}.cta>p:not(.eyebrow){font:18px/1.7 Georgia,serif;max-width:620px;margin:30px auto}.cta small{display:block;margin-top:22px;letter-spacing:.08em}footer{padding:40px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em}footer a{color:#173b3a;margin-left:20px}@media(max-width:760px){.top nav a:not(.navcta){display:none}.hero{min-height:680px}.hero-copy{left:7vw;right:7vw}.hero-fact{display:none}.facts{grid-template-columns:1fr 1fr;gap:28px}.facts div{border:0;padding:0}.intro,.feature,.feature.reverse,.location{grid-template-columns:1fr}.intro{padding:85px 7vw}.feature.reverse img{order:0}.feature img,.location img{min-height:420px}.feature div,.loc-copy{padding:75px 7vw}.gallery{grid-template-columns:1fr;padding:80px 5vw}.gallery .g1,.gallery .g2,.gallery .g3{grid-column:auto;height:430px;margin:0}.amenities{grid-template-columns:1fr}.cta{padding:90px 6vw}footer{flex-direction:column}footer a{margin:0 20px 0 0}}

/* Legal pages – same coastal design language as the new site */
.legal-top{border-bottom:1px solid rgba(23,59,58,.14)}
.legal-wrap{min-height:calc(100vh - 160px);padding:90px 7vw 120px;background:#f2efe8}
.legal-intro{max-width:980px;margin:0 auto 52px}
.legal-intro h1{font:400 clamp(58px,8vw,118px)/.95 Georgia,serif;margin:0;color:#173b3a;letter-spacing:-.035em}
.legal-intro>p:last-child{font:20px/1.7 Georgia,serif;color:#4d625f;max-width:720px;margin:28px 0 0}
.legal-panel{max-width:1180px;margin:0 auto;background:#e4ddd1;padding:clamp(34px,6vw,78px);border-radius:2px}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.legal-copy{max-width:820px}
.legal-panel h2{font:400 28px/1.15 Georgia,serif;color:#173b3a;margin:36px 0 12px}
.legal-panel h2:first-child{margin-top:0}
.legal-panel p{font:16px/1.8 Arial,Helvetica,sans-serif;color:#38504d;margin:0 0 20px}
.legal-panel a{color:#173b3a;text-underline-offset:3px}
.legal-note{margin-top:42px!important;font-size:13px!important;letter-spacing:.08em;text-transform:uppercase}
.legal-footer{background:#173b3a;color:#f2efe8;padding:42px 5vw}
.legal-footer a{color:#f2efe8}
@media(max-width:760px){.legal-wrap{padding:65px 6vw 80px}.legal-grid{grid-template-columns:1fr}.legal-panel{padding:34px 7vw}.legal-intro h1{font-size:clamp(48px,15vw,72px)}.legal-top nav a:not(.navcta){display:none}}

/* Spam-Schutz: E-Mail-Adresse wird als Bild statt als auslesbarer Text dargestellt. */
.email-image{display:inline-block;width:auto;max-width:100%;height:1.25em;vertical-align:-.25em;object-fit:contain}

/* V4: kompaktere Abstände und feine Trennfugen zwischen Bild-/Flächenblöcken */
@media (min-width:761px){
  .intro{padding:65px 8vw;gap:6vw}
  .feature,.feature.reverse,.location{gap:8px;background-color:#f2efe8}
  .feature div{padding:7% 8%;background:#ddd5c8}
  .feature.reverse div{background:#e8e2d8}
  .loc-copy{padding:60px 8%;background:#153a39}
  .gallery{padding:65px 7vw;gap:10px}
  .gallery-title{padding:18px}
  .gallery .g2{margin-top:60px}
  .gallery .g3{margin-top:10px}
  .amenities{padding:45px 8vw}
  .cta{padding:80px 8vw}
}
@media (max-width:760px){
  .intro{padding:48px 7vw}
  .feature,.feature.reverse,.location{gap:6px;background-color:#f2efe8}
  .feature div{padding:48px 7vw}
  .feature.reverse div{background:#e8e2d8}
  .loc-copy{padding:48px 7vw;background:#153a39}
  .gallery{padding:48px 5vw;gap:8px}
  .cta{padding:60px 6vw}
}

/* V5: einheitliche Abstände zwischen allen Bild- und Inhaltsflächen */
@media (min-width:761px){
  .feature,.feature.reverse,.location{gap:10px}
  .gallery{gap:10px}
  .gallery .g1,.gallery .g2,.gallery .g3{margin-top:0}
  .gallery-title{margin:0}
}
@media (max-width:760px){
  .feature,.feature.reverse,.location,.gallery{gap:8px}
  .gallery .g1,.gallery .g2,.gallery .g3{margin-top:0}
}

/* V6: durchgehend sichtbare Fugen zwischen aufeinanderfolgenden Bild-/Inhaltsblöcken */
:root{--panel-gap:10px}
main>.feature+ .feature,
main>.feature+ .location,
main>.location+ .gallery{margin-top:var(--panel-gap)}
.feature,.feature.reverse,.location{column-gap:var(--panel-gap)}
.gallery{gap:var(--panel-gap)}
@media(max-width:760px){
  :root{--panel-gap:8px}
  main>.feature+ .feature,
  main>.feature+ .location,
  main>.location+ .gallery{margin-top:var(--panel-gap)}
}

/* V7: SEO-Text unter der Bildergalerie */
.seo-after-gallery{margin:0 7vw 10px;padding:42px 3vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#e8e2d8;border-top:1px solid #c9c1b5;border-bottom:1px solid #c9c1b5}
.seo-after-gallery div{position:relative;padding-left:54px}
.seo-after-gallery span{position:absolute;left:0;top:-2px;font-size:30px;font-family:Georgia,serif;color:#a86843}
.seo-after-gallery h3{margin:0 0 12px;font:400 26px/1.2 Georgia,serif;color:#173b3a}
.seo-after-gallery p{margin:0;font:16px/1.75 Georgia,serif;color:#38504d}
@media(max-width:760px){.seo-after-gallery{margin:0 5vw 8px;padding:34px 6vw;grid-template-columns:1fr;gap:32px}.seo-after-gallery div{padding-left:46px}}

/* V8: Abstand oberhalb von „Ihr Zuhause an der Ostsee.“ deutlich verkleinert */
@media (min-width:761px){
  .gallery{padding-top:22px}
  .gallery-title{padding-top:8px}
}
@media (max-width:760px){
  .gallery{padding-top:22px}
  .gallery-title{padding-top:8px}
}

/* V9: neue echte Umgebungsfotos sinnvoll mit SEO-Text kombiniert */
.coast-stories{margin:var(--panel-gap) 0 0;display:grid;gap:var(--panel-gap)}
.coast-row{display:grid;grid-template-columns:55% 45%;gap:var(--panel-gap);background:#f2efe8}
.coast-row.reverse{grid-template-columns:45% 55%}
.coast-row.reverse img{order:2}
.coast-row img{width:100%;height:520px;object-fit:cover}
.coast-row>div{padding:7% 9%;background:#e8e2d8;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.coast-row h2,.beach-story h2{font:400 clamp(42px,4.5vw,72px)/.98 Georgia,serif;margin:0 0 24px;color:#173b3a}
.coast-row div>p:last-child,.beach-story div>p:not(.eyebrow){font:17px/1.75 Georgia,serif;color:#38504d;margin:0}
.beach-story{margin:var(--panel-gap) 7vw 0;display:grid;grid-template-columns:42% 58%;gap:var(--panel-gap)}
.beach-story>div:first-child{padding:48px 9%;background:#e8e2d8;display:flex;flex-direction:column;justify-content:center}
.beach-story div>p:not(.eyebrow)+p{margin-top:16px}
.beach-pics{display:grid;grid-template-columns:1fr 1fr;gap:var(--panel-gap)}
.beach-pics img{width:100%;height:100%;min-height:420px;object-fit:cover}
@media(max-width:760px){
 .coast-row,.coast-row.reverse,.beach-story{grid-template-columns:1fr}
 .coast-row.reverse img{order:0}
 .coast-row img{height:360px}
 .coast-row>div,.beach-story>div:first-child{padding:42px 7vw}
 .beach-story{margin:var(--panel-gap) 5vw 0}
 .beach-pics{grid-template-columns:1fr}
 .beach-pics img{min-height:300px;height:360px}
}

/* V10: Strandbad-Hinweis auffälliger + Texte direkt neben Schlafzimmer/Bad */
.hero-fact{background:rgba(12,65,63,.94);border:2px solid rgba(255,255,255,.92);border-radius:999px;padding:15px 24px 15px 20px;box-shadow:0 8px 30px rgba(0,0,0,.28);bottom:8%;right:4vw}
.hero-fact b{font-size:68px;line-height:.9}.hero-fact span{font-size:13px;font-weight:700;letter-spacing:.12em}
.gallery{grid-template-columns:1fr 1fr;align-items:stretch}
.gallery-title,.gallery-copy{background:#e8e2d8;display:flex;flex-direction:column;justify-content:center;padding:44px 8%}
.gallery-intro{font:17px/1.7 Georgia,serif;color:#38504d;margin:24px 0 0;max-width:560px}
.gallery-copy h3{font:400 clamp(32px,3vw,50px)/1.05 Georgia,serif;margin:0 0 20px;color:#173b3a}
.gallery-copy>p:last-child{font:17px/1.75 Georgia,serif;color:#38504d;margin:0}
.gallery .g1,.gallery .g2{height:520px;margin:0}
.gallery .g1{grid-column:1}.gallery-copy:not(.bath-copy){grid-column:2;grid-row:2}.gallery .g1{grid-row:2}
.gallery .g2{grid-column:2;grid-row:3}.bath-copy{grid-column:1;grid-row:3}
.gallery .g3{grid-column:1/3;grid-row:4;height:620px;margin-top:0}
@media(max-width:760px){.gallery-title,.gallery-copy{padding:36px 7vw}.gallery .g1,.gallery .g2,.gallery .g3,.gallery-copy,.gallery-copy:not(.bath-copy),.bath-copy{grid-column:auto;grid-row:auto}.gallery .g1,.gallery .g2{height:360px}.gallery .g3{height:430px}}


/* V11: runder Meer-so-nah-Hinweis + Panorama-CTA mit Rügenbrücke */
.hero-fact{width:190px;height:190px;box-sizing:border-box;padding:25px 18px 20px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:70px 45px;align-items:center;text-align:center;background:#07504d;border:3px solid #f2efe8;box-shadow:0 10px 34px rgba(0,0,0,.35);overflow:visible}
.hero-fact .walk-icon{font:44px/1 Georgia,serif;color:#f2efe8;transform:rotate(180deg)}
.hero-fact b{font:400 76px/.85 Georgia,serif;color:#fff;text-align:left}
.hero-fact span{grid-column:1/3;font:700 13px/1.45 Arial,sans-serif;letter-spacing:.13em;color:#fff}
.hero-fact strong{position:absolute;right:-24px;bottom:-25px;background:#f4ead7;color:#173b3a;padding:8px 13px;transform:rotate(-7deg);font:italic 18px/1.05 Georgia,serif;box-shadow:0 4px 12px rgba(0,0,0,.16);white-space:nowrap}
.bridge-cta{position:relative;margin:var(--panel-gap) 0 0;height:300px;overflow:hidden}
.bridge-cta>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.bridge-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,48,47,.48),rgba(10,48,47,.08) 55%,rgba(10,48,47,.18))}
.bridge-copy{position:absolute;left:5vw;bottom:38px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.bridge-copy p{margin:0;font:italic 42px/1 Georgia,serif}
.bridge-button{position:absolute;right:5vw;bottom:34px;background:#f2efe8;color:#173b3a;text-decoration:none;padding:19px 27px;font:700 13px/1 Arial,sans-serif;letter-spacing:.12em;box-shadow:0 5px 20px rgba(0,0,0,.18)}
.bridge-button span{font-size:20px;margin-left:24px;vertical-align:-1px}
@media(max-width:760px){
 .hero-fact{width:145px;height:145px;right:5vw;bottom:4%;grid-template-columns:36px 1fr;grid-template-rows:55px 38px;padding:18px 12px 14px}.hero-fact .walk-icon{font-size:32px}.hero-fact b{font-size:58px}.hero-fact span{font-size:10px}.hero-fact strong{font-size:14px;right:-12px;bottom:-20px}
 .bridge-cta{height:360px}.bridge-copy{left:7vw;bottom:100px}.bridge-copy p{font-size:32px;max-width:75vw}.bridge-button{left:7vw;right:auto;bottom:28px}
}

/* V12: badge wie Entwurf + Panorama ganz unten */
.hero-fact{width:230px;height:230px;border-radius:50%;padding:34px 26px 30px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:78px 48px 42px;right:4.5vw;bottom:7%;background:#07504d;border:3px solid #f7f0e5;box-shadow:0 12px 36px rgba(0,0,0,.38);overflow:visible}
.hero-fact .walk-icon{transform:none;width:52px;height:66px;display:flex;align-items:center;justify-content:center}
.hero-fact .walk-icon svg{width:48px;height:58px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.hero-fact b{font:400 82px/.85 Georgia,serif;color:#fff;text-align:left}
.hero-fact span{grid-column:1/3;font:700 14px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#fff}
.hero-fact .waves{grid-column:1/3;display:flex;justify-content:center;align-items:center}
.hero-fact .waves svg{width:74px;height:28px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.hero-fact strong{right:-25px;bottom:-20px;padding:10px 15px;font:italic 20px/1.05 Georgia,serif}
.bridge-cta{margin:var(--panel-gap) 0 0;height:230px}
@media(max-width:760px){.hero-fact{display:none}.bridge-cta{height:300px}}

/* V13: panorama without CTA; crop distracting right edge */
.bridge-cta>img{width:112%;max-width:none;transform:translateX(-6%);object-position:center 52%}
.bridge-button{display:none!important}

/* V14: elegante Fussabdruecke statt Geh-Maennchen */
.hero-fact .walk-icon.footprints svg{width:46px;height:58px;fill:#fff;stroke:none}

/* V15: Badge kompakter, ohne Symbol */
.hero-fact{width:195px;height:195px;padding:27px 20px 24px;grid-template-columns:1fr;grid-template-rows:67px 43px 34px;right:4.5vw;bottom:7%;}
.hero-fact b{grid-column:1;text-align:center;font-size:72px;}
.hero-fact span{grid-column:1;font-size:12px;text-align:center;}
.hero-fact .waves{grid-column:1;}
.hero-fact .waves svg{width:64px;height:24px;}
.hero-fact strong{right:-22px;bottom:-18px;padding:9px 13px;font-size:18px;}
@media(max-width:760px){.hero-fact{display:none}}