@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-latin-700-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Mr Dafoe';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/mr-dafoe-latin-400-normal.woff2') format('woff2')}
0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600;700&family=Mr+Dafoe&display=swap');


:root{--cream:#f4f0e5;--paper:#fbf8f1;--sage:#87927b;--sage-deep:#596453;--forest:#2f4038;--ink:#2d322e;--accent:#6f8177;--sand:#9d9280;--room-pale:#ded8ce;--gold:#aeb9a6;--line:rgba(45,50,46,.18);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:"Avenir Next","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.025em}em{color:var(--accent);font-weight:400}.section{padding:8.5rem clamp(1.4rem,6vw,7rem)}.overline{margin-bottom:1.3rem;color:var(--sage-deep);font-size:.69rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.overline:before{content:"";display:inline-block;width:2rem;height:1px;margin:0 .8rem .22rem 0;background:currentColor}.overline.light{color:#f4ead7}.lead-copy{font-family:var(--serif);font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.45rem;border:1px solid var(--forest);background:var(--forest);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:.25s ease}.button:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent)}.button-small{min-height:2.75rem;padding:.7rem 1.15rem}.button-light{background:var(--paper);border-color:var(--paper);color:var(--forest)}.button-outline{background:transparent;color:var(--forest)}.text-link{display:inline-flex;gap:.55rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.25rem;font-size:.82rem;font-weight:600}.text-link.light{color:#fff}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.6rem clamp(1.4rem,5vw,5rem);color:#fff}.wordmark{display:flex;flex-direction:column;width:max-content;font-family:var(--serif);font-size:1.25rem;line-height:1.1}.wordmark small{font-family:var(--sans);font-size:.61rem;letter-spacing:.18em;text-transform:uppercase}.site-header nav{display:flex;gap:2rem;font-size:.76rem;font-weight:600}.site-header>.button{justify-self:end;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65)}
.hero{position:relative;min-height:95svh;overflow:hidden;display:flex;align-items:center;color:#fff;background:#596453}.hero-image{position:absolute;inset:0;background:linear-gradient(110deg,rgba(47,64,56,.5),rgba(47,64,56,.08)),url('/hero-ostsee.png') center/cover;transform:scale(1.015)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,45,38,.75) 0%,rgba(29,45,38,.36) 48%,rgba(29,45,38,.06) 80%),linear-gradient(0deg,rgba(22,34,29,.3),transparent 50%)}.hero-content{position:relative;z-index:2;width:min(780px,88vw);margin-left:clamp(1.4rem,10vw,11rem);padding-top:4rem}.hero h1{margin-bottom:2rem;color:#fffaf0;font-size:clamp(3.25rem,7.2vw,7.4rem)}.hero h1 em{color:#efd9ad}.hero-lead{width:min(570px,100%);margin-bottom:2.3rem;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.6vw,1.2rem)}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-note{position:absolute;z-index:2;right:clamp(1.4rem,5vw,5rem);bottom:2.5rem;display:flex;gap:2rem;color:rgba(255,255,255,.65);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.opening{padding:9rem clamp(1.4rem,10vw,11rem) 5rem}.opening-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8vw}.opening h2,.section-title h2,.comfort h2,.groups h2,.faq h2{font-size:clamp(2.65rem,5vw,5.2rem)}.opening-grid>div p:not(.lead-copy){color:#60665f}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts div{display:flex;flex-direction:column;min-height:8.5rem;justify-content:center;padding:1.3rem;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts strong{font-family:var(--serif);color:var(--accent);font-size:2.6rem;font-weight:400}.facts span{font-size:.72rem;letter-spacing:.05em}
.house-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1rem;margin-top:5rem}.house-gallery figure{position:relative;min-height:30rem;margin:0;overflow:hidden;background:#ded8ce}.house-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.house-gallery figure:hover img{transform:scale(1.025)}.house-gallery figcaption{position:absolute;right:0;bottom:0;left:0;padding:3.5rem 1.4rem 1.35rem;background:linear-gradient(transparent,rgba(35,35,38,.76));color:#fff}.house-gallery figcaption span{display:block;margin-bottom:.25rem;font-size:.61rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.house-gallery figcaption strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.house-gallery-main{min-height:38rem!important}.house-gallery-main img{object-position:center 30%}
.apartments{background:var(--paper)}.section-title{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:8vw;margin-bottom:4.5rem}.section-title>p{max-width:38rem;color:#626961}.apartment-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.apartment-card{grid-column:span 4;min-height:34rem;background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column}.apartment-card:nth-child(4),.apartment-card:nth-child(5){grid-column:span 6}.card-number{padding:1.1rem 1.2rem 0;color:rgba(45,50,46,.45);font-size:.65rem;letter-spacing:.15em}.card-space{min-height:12rem;display:grid;place-items:center;margin:1rem;overflow:hidden;background:var(--sand)}.card-space span{font-family:var(--serif);color:rgba(255,255,255,.84);font-size:clamp(2rem,3vw,3.5rem);font-style:italic;transform:rotate(-5deg)}.apartment-card.sage .card-space{background:var(--sage)}.apartment-card.mist .card-space{background:var(--accent)}.apartment-card.forest .card-space{background:var(--forest)}.apartment-card.gold .card-space{background:var(--gold)}.card-copy{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.5rem 1.6rem}.card-copy .overline{margin-bottom:.8rem;font-size:.6rem}.card-copy h3{margin-bottom:.7rem;font-size:2rem}.card-copy>p:not(.overline){color:#656b64;font-size:.9rem}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font-size:.75rem;font-weight:600}.card-bottom a{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%}.center-action{margin-top:3rem;text-align:center}
.comfort{background:var(--cream)}.section-title.compact{margin-bottom:3.5rem}.comfort-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.comfort-grid article{min-height:15rem;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comfort-grid article>span{color:var(--accent);font-size:.65rem}.comfort-grid h3{margin:2.6rem 0 .7rem;font-size:1.5rem}.comfort-grid p{color:#656b64;font-size:.9rem}
.genuss{display:grid;grid-template-columns:1fr 1fr;min-height:47rem;background:var(--forest);color:#fff}.genuss-art{position:relative;overflow:hidden;min-height:34rem;background:radial-gradient(circle at 45% 40%,#d1b080 0 3%,transparent 3.5%),linear-gradient(145deg,#aa7359,#713f32)}.genuss-art:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.16);border-radius:50%}.bowl{position:absolute;left:50%;bottom:19%;width:40%;height:21%;transform:translateX(-50%);border-radius:8% 8% 50% 50%;border:1px solid rgba(255,255,255,.4);background:rgba(244,240,229,.18)}.steam{position:absolute;left:47%;top:33%;width:1px;height:7rem;background:linear-gradient(transparent,rgba(255,255,255,.55),transparent);transform:rotate(9deg)}.steam.two{left:54%;top:29%;transform:rotate(-12deg)}.genuss-copy{align-self:center;padding:6rem clamp(2rem,7vw,8rem)}.genuss h2,.garden h2,.booking h2{color:#fff9eb;font-size:clamp(2.8rem,5vw,5rem)}.genuss-copy>p:not(.overline){color:rgba(255,255,255,.72)}.product-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.product-chips span{padding:.55rem .75rem;border:1px solid rgba(255,255,255,.28);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}
.garden{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(26rem,1.15fr);align-items:stretch;gap:clamp(1.2rem,4vw,5rem);padding-top:7rem;padding-bottom:7rem;background:linear-gradient(140deg,#87927b,#596453)}.garden-photo{min-height:38rem;overflow:hidden}.garden-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.garden-panel{width:100%;margin:0;padding:clamp(2rem,7vw,6rem);border:1px solid rgba(255,255,255,.35);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center}.garden-panel .overline:before{display:none}.garden-panel p:not(.overline){max-width:38rem;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.75)}.handnote{display:block;margin-top:2rem;color:#f0d7a8;font-family:var(--serif);font-size:1.25rem;font-style:italic}
.groups{background:var(--paper)}.groups-heading{margin-bottom:4rem}.group-list{margin-bottom:3rem;border-top:1px solid var(--line)}.group-list article{display:grid;grid-template-columns:.25fr .8fr 1.1fr;gap:2rem;align-items:center;padding:2.2rem 0;border-bottom:1px solid var(--line)}.group-list span{color:var(--accent);font-size:.7rem}.group-list h3{margin:0;font-size:1.75rem}.group-list p{margin:0;color:#656b64}
.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:5rem}.rooms-grid article{min-height:19rem;padding:2.2rem;background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column}.rooms-grid article:nth-child(2){background:var(--sage);color:#fff}.rooms-grid article:nth-child(2) p{color:rgba(255,255,255,.75)}.room-size{color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rooms-grid article:nth-child(2) .room-size{color:#f4ead7}.rooms-grid h3{margin:auto 0 .8rem;font-size:1.8rem}.rooms-grid p{margin:0;color:#656b64;font-size:.9rem}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--cream)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0;cursor:pointer;list-style:none;font-family:var(--serif);font-size:1.2rem}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-family:var(--sans)}details[open] summary span{transform:rotate(45deg)}details p{max-width:42rem;padding:0 2rem 1.6rem 0;color:#656b64}
.booking{padding:9rem 1.5rem;background:var(--accent);color:#fff;text-align:center}.booking .overline:before{display:none}.booking>p:not(.overline){color:rgba(255,255,255,.75)}.booking .button{margin-top:1.5rem}.booking small{display:block;margin-top:1.2rem;color:rgba(255,255,255,.62)}
footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;padding:4.5rem clamp(1.4rem,6vw,7rem) 2rem;background:#23332c;color:rgba(255,255,255,.7);font-size:.82rem}.footer-brand{display:flex;flex-direction:column;color:#fff;font-family:var(--serif);font-size:1.5rem}.footer-brand span{font-family:var(--sans);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}footer div:nth-child(3){display:flex;flex-direction:column}.legal{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.opening-grid,.section-title,.genuss,.faq,.garden{grid-template-columns:1fr}.opening-grid,.section-title{gap:2rem}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.house-gallery{grid-template-columns:1fr 1fr}.house-gallery-main{grid-column:1/-1;min-height:34rem!important}.house-gallery figure{min-height:28rem}.garden-photo{min-height:32rem}.apartment-card{grid-column:span 6}.apartment-card:last-child{grid-column:1/-1}.comfort-grid{grid-template-columns:1fr 1fr}.group-list article{grid-template-columns:.15fr 1fr}.group-list p{grid-column:2}}
@media(max-width:620px){.section{padding:5.5rem 1.25rem}.site-header{padding:1.1rem 1rem}.site-header>.button{min-height:2.4rem;padding:.5rem .65rem;font-size:.6rem}.hero{min-height:90svh}.hero-content{margin-left:1.25rem}.hero h1{font-size:3.5rem}.hero-note{left:1.25rem;right:auto}.opening{padding:6rem 1.25rem 3rem}.facts,.comfort-grid,.house-gallery{grid-template-columns:1fr}.facts div,.facts div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.house-gallery-main{grid-column:auto;min-height:31rem!important}.house-gallery figure{min-height:31rem}.garden-photo{min-height:29rem}.apartment-grid{display:block}.apartment-card{margin-bottom:1rem;min-height:31rem}.genuss-copy{padding:4.5rem 1.4rem}.group-list article{grid-template-columns:2rem 1fr;gap:1rem}footer{grid-template-columns:1fr}.legal{grid-column:auto;flex-direction:column;gap:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.rooms-grid article:first-child{background:var(--room-pale)}

/* Version 2: Preise, Genussecke und Nienhagen */
.apartment-card.mist .card-space{background:#9aa9a3}
.card-price{display:flex;flex-direction:column;margin-top:auto;padding:1.1rem 0 .9rem;color:var(--forest)}
.card-price strong{font-family:var(--serif);font-size:1.5rem;font-weight:400}
.card-price small{color:#747b74;font-size:.68rem;letter-spacing:.04em}
.card-bottom{margin-top:0}
.price-note{max-width:48rem;margin:1.4rem auto 0;color:#727972;font-size:.77rem;text-align:center}

.genuss-selection{display:flex;flex-direction:column;justify-content:center;min-height:34rem;padding:clamp(2rem,6vw,6rem);background:#dfe4dc;color:var(--forest)}
.genuss-selection>p{font-family:var(--serif);font-size:clamp(2.1rem,4vw,4rem);font-style:italic}
.selection-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(47,64,56,.25);border-left:1px solid rgba(47,64,56,.25)}
.selection-grid span{display:flex;align-items:center;min-height:5rem;padding:1rem;border-right:1px solid rgba(47,64,56,.25);border-bottom:1px solid rgba(47,64,56,.25);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.genuss-selection small{margin-top:1.5rem;color:#637068;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}

.nienhagen{background:var(--paper)}
.place-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem}
.place-gallery figure{margin:0;background:var(--cream)}
.place-gallery img{display:block;width:100%;height:clamp(22rem,43vw,40rem);object-fit:cover}
.place-gallery figure:nth-child(2) img{height:clamp(22rem,36vw,34rem)}
.place-gallery figcaption{display:grid;grid-template-columns:2rem 1fr;gap:.35rem 1rem;padding:1.5rem}
.place-gallery figcaption span{grid-row:1/3;color:var(--accent);font-size:.65rem}
.place-gallery figcaption strong{font-family:var(--serif);font-size:1.45rem;font-weight:400}
.place-gallery figcaption p{grid-column:2;margin:0;color:#687069;font-size:.86rem}
.photo-credit{display:flex;flex-direction:column;color:rgba(255,255,255,.52);font-size:.67rem}
.photo-credit a{text-decoration:underline}

@media(max-width:900px){.place-gallery{grid-template-columns:1fr}.place-gallery figure:nth-child(2) img{height:clamp(22rem,55vw,36rem)}}
@media(max-width:900px){.rooms-grid{grid-template-columns:1fr}.rooms-grid article{min-height:15rem}}
@media(max-width:620px){.selection-grid{grid-template-columns:1fr}.place-gallery img,.place-gallery figure:nth-child(2) img{height:23rem}}

/* Farbvergleich: Nachtblau, Schiefer, Greige, Creme und Ocker aus dem Zimmerstoff */
:root{--cream:#f0ece2;--paper:#faf7ef;--sage:#555b6c;--sage-deep:#3b4052;--forest:#2c303f;--ink:#2c303f;--accent:#b48a50;--sand:#9d9280;--room-pale:#d9d1c2;--gold:#dccfb0;--line:rgba(44,48,63,.18)}
.hero{background:#2c303f}
.hero-image{background:linear-gradient(110deg,rgba(44,48,63,.55),rgba(44,48,63,.08)),url('/hero-ostsee.png') center/cover}
.hero-wash{background:linear-gradient(90deg,rgba(31,34,47,.78) 0%,rgba(44,48,63,.38) 48%,rgba(44,48,63,.07) 80%),linear-gradient(0deg,rgba(31,34,47,.32),transparent 50%)}
.hero h1 em{color:#dccfb0}
.garden{background:linear-gradient(140deg,#676b78,#333748)}
.genuss-selection{background:#d9d1c2;color:#2c303f}
.genuss-selection small{color:#65636a}
.selection-grid{border-color:rgba(44,48,63,.24)}
.selection-grid span{border-color:rgba(44,48,63,.24)}
.apartment-card.mist .card-space{background:#55565f}
.rooms-grid article:nth-child(2){background:#555b6c}
.rooms-grid article:first-child{background:#d9d1c2}
.booking{background:#b48a50}
footer{background:#242836}
.opening-grid>div p:not(.lead-copy),.section-title>p,.card-copy>p:not(.overline),.comfort-grid p,.group-list p,.rooms-grid p,details p,.place-gallery figcaption p{color:#626570}
.handnote{color:#dccfb0}

/* Farbvergleich 3: White Linen, warmes Taupe und wenig verrauchtes Nachtblau */
:root{--cream:#f3f0e8;--paper:#fcfaf6;--sage:#9d9280;--sage-deep:#746a5d;--forest:#30343f;--ink:#343536;--accent:#867b6b;--sand:#b5aa9b;--room-pale:#e2ddd4;--gold:#eee9e0;--line:rgba(52,53,54,.16)}
body{background:#f3f0e8;color:#343536}
.hero{background:#30343f}
.hero-image{background:linear-gradient(110deg,rgba(48,52,63,.52),rgba(48,52,63,.06)),url('/hero-ostsee.png') center/cover}
.hero-wash{background:linear-gradient(90deg,rgba(36,39,48,.76) 0%,rgba(48,52,63,.34) 48%,rgba(48,52,63,.05) 80%),linear-gradient(0deg,rgba(36,39,48,.28),transparent 50%)}
.hero h1 em{color:#e7e0d3}
.opening,.comfort,.faq{background:#f3f0e8}
.apartments,.groups,.nienhagen{background:#fcfaf6}
.apartment-card{background:#f3f0e8}
.apartment-card.sage .card-space{background:#9d9280}
.apartment-card.mist .card-space{background:#7e7880}
.apartment-card.forest .card-space{background:#30343f}
.apartment-card.gold .card-space{background:#d8d1c5}
.genuss{background:#30343f}
.genuss-selection{background:#e2ddd4;color:#343536}
.selection-grid,.selection-grid span{border-color:rgba(52,53,54,.19)}
.garden{background:#e8e3da}
.garden-panel{border-color:#afa697;color:#343536}
.garden h2{color:#343536}
.garden-panel p:not(.overline){color:#62605d}
.garden .overline{color:#746a5d}
.handnote{color:#746a5d}
.rooms-grid article:first-child{background:#e2ddd4}
.rooms-grid article:nth-child(2){background:#8f8576}
.booking{background:#eeeae2;color:#30343f;border-top:1px solid rgba(52,53,54,.12)}
.booking h2{color:#30343f}
.booking .overline{color:#746a5d}
.booking>p:not(.overline),.booking small{color:#68645e}
.booking .button-light{background:#30343f;border-color:#30343f;color:#fff}
.booking .button-light:hover{background:#867b6b;border-color:#867b6b}
footer{background:#30343f}
.opening-grid>div p:not(.lead-copy),.section-title>p,.card-copy>p:not(.overline),.comfort-grid p,.group-list p,.rooms-grid p,details p,.place-gallery figcaption p{color:#686762}

/* Persönlichere Geschichte und Seite „Unser Haus & ich“ */
.story-invite{display:grid;grid-template-columns:.55fr 1.15fr;gap:8vw;margin-top:5.5rem;padding:4.5rem 0 1rem;border-top:1px solid var(--line)}
.story-invite h3{max-width:17ch;margin-bottom:1.2rem;font-size:clamp(2rem,3.7vw,3.6rem)}
.story-invite p:not(.overline){max-width:42rem;color:#686762}
.story-invite .text-link{margin-top:1rem}
.groups-intro{max-width:48rem;margin-top:2rem;color:#686762;font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}
.about-hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--forest)}
.about-hero-image,.about-hero-wash{position:absolute;inset:0}
.about-hero-image{background:url('/haus-zimmer.webp') center 38%/cover;transform:scale(1.015)}
.about-hero-wash{background:linear-gradient(90deg,rgba(36,39,48,.78),rgba(48,52,63,.24)),linear-gradient(0deg,rgba(28,30,37,.62),transparent 60%)}
.about-hero-content{position:relative;z-index:1;width:min(920px,88vw);margin:0 0 clamp(4rem,8vw,8rem) clamp(1.4rem,10vw,11rem)}
.about-hero h1{margin-bottom:1.6rem;color:#fff;font-size:clamp(3.1rem,6.8vw,7rem)}
.about-hero h1 em{color:#e7e0d3}
.about-hero-content>p:last-child{max-width:42rem;color:rgba(255,255,255,.86);font-size:1.1rem}
.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:var(--paper)}
.about-story h2,.about-new h2,.about-encounter h2{font-size:clamp(2.7rem,5vw,5.1rem)}
.about-story-copy p:not(.lead-copy),.about-new-copy p:not(.lead-copy){color:#686762}
.about-quote{padding:clamp(5rem,10vw,10rem) clamp(1.4rem,12vw,13rem);background:var(--forest);color:#fff}
.about-quote blockquote{max-width:27ch;margin:0 auto;font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,4.7rem);font-style:italic;line-height:1.18;text-align:center}
.about-new{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:var(--cream)}
.about-new-image{min-height:45rem}
.about-new-image img{width:100%;height:100%;min-height:45rem;object-fit:cover}
.about-encounter{background:#8f8576;color:#fff}
.about-encounter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.about-encounter-grid p{color:rgba(255,255,255,.86);font-size:1.05rem}
.about-values{background:var(--paper)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3.5rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.values-grid article{min-height:20rem;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.values-grid span{color:var(--accent);font-size:.75rem}
.values-grid h3{margin:4.5rem 0 1rem;font-size:1.8rem}
.values-grid p{color:#686762}
.about-back{display:flex;width:max-content;margin:1.8rem auto 0;color:var(--forest)}

@media(max-width:900px){
  .story-invite{grid-template-columns:1fr;gap:1rem}
  .about-story,.about-new,.about-encounter-grid{grid-template-columns:1fr}
  .about-new-image,.about-new-image img{min-height:34rem}
  .values-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .story-invite{padding-top:3.5rem}
  .about-hero{min-height:78svh}
  .about-hero-content{margin-left:1.25rem}
  .about-hero h1{font-size:3.45rem}
  .about-new-image,.about-new-image img{min-height:29rem}
  .values-grid{grid-template-columns:1fr}
  .values-grid article{min-height:auto}
  .values-grid h3{margin-top:3rem}
}

/* Pension Richter · Brandbook-Fassung */
:root{
  --cream:#F4EFE7;
  --paper:#FBF9F5;
  --sage:#A99D8F;
  --sage-deep:#746A60;
  --forest:#17324A;
  --ink:#29333B;
  --accent:#8B7B6B;
  --sand:#DED3C4;
  --room-pale:#E7DED2;
  --gold:#B79B72;
  --line:rgba(41,51,59,.16);
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter', 'Segoe UI', Arial, sans-serif;
}
body{background:var(--cream);color:var(--ink);font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em}
em{color:var(--gold)}
.overline{color:var(--sage-deep);letter-spacing:.16em}
.overline.light{color:#F4EFE7}
.button{background:var(--forest);border-color:var(--forest);border-radius:2px;letter-spacing:.08em}
.button:hover{background:#284D68;border-color:#284D68}
.button-light{background:var(--paper);border-color:var(--paper);color:var(--forest)}
.button-outline{color:var(--forest);border-color:var(--forest)}
.site-header{color:var(--paper)}
.wordmark{font-family:var(--serif);font-size:1.45rem}
.wordmark small{margin-top:.12rem;font-family:'Mr Dafoe',cursive;font-size:1.18rem;line-height:1.05;letter-spacing:0;text-transform:none;color:#E7DED2}
.site-header nav{font-family:var(--sans);font-size:.72rem;letter-spacing:.04em}
.site-header>.button{background:rgba(23,50,74,.32);border-color:rgba(244,239,231,.62)}
.hero{background:var(--forest)}
.hero-image{background:linear-gradient(110deg,rgba(23,50,74,.62),rgba(23,50,74,.08)),url('/hero-ostsee.png') center/cover}
.hero-wash{background:linear-gradient(90deg,rgba(23,50,74,.82) 0%,rgba(23,50,74,.35) 48%,rgba(23,50,74,.04) 80%),linear-gradient(0deg,rgba(16,34,49,.34),transparent 50%)}
.hero h1 em{color:#E6D7C3}
.opening,.comfort,.faq{background:var(--cream)}
.apartments,.groups,.nienhagen{background:var(--paper)}
.apartment-card{background:var(--cream);border-color:var(--line)}
.apartment-card.sage .card-space{background:var(--sand)}
.apartment-card.mist .card-space{background:#8D9AA3}
.apartment-card.forest .card-space{background:var(--forest)}
.apartment-card.gold .card-space{background:#C5B8A8}
.card-space span{font-family:var(--serif)}
.genuss{background:var(--forest)}
.genuss-selection{background:var(--sand);color:var(--forest)}
.selection-grid,.selection-grid span{border-color:rgba(23,50,74,.22)}
.garden{background:linear-gradient(140deg,#B8ADA0,#8F8173)}
.garden-panel{border-color:rgba(244,239,231,.58)}
.garden h2{color:var(--paper)}
.garden-panel p:not(.overline){color:rgba(251,249,245,.85)}
.garden .overline{color:var(--paper)}
.handnote{color:#F0E4D4}
.rooms-grid article:first-child{background:var(--room-pale)}
.rooms-grid article:nth-child(2){background:#46647C}
.rooms-grid article:nth-child(2) .room-size{color:#E7DED2}
.booking{background:var(--sand);color:var(--forest);border-top:1px solid rgba(23,50,74,.12)}
.booking h2{color:var(--forest)}
.booking .overline{color:var(--sage-deep)}
.booking .button-light{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.booking .button-light:hover{background:#284D68;border-color:#284D68}
footer{background:var(--forest)}
.footer-brand strong{font-family:var(--serif);font-weight:500}
.footer-brand span{font-family:var(--sans);letter-spacing:.08em;text-transform:none}
.story-invite h3,.about-story h2,.about-new h2,.about-encounter h2{font-family:var(--serif)}
.about-hero{background:var(--forest)}
.about-hero-wash{background:linear-gradient(90deg,rgba(23,50,74,.82),rgba(23,50,74,.22)),linear-gradient(0deg,rgba(16,34,49,.58),transparent 60%)}
.about-hero h1 em{color:#E6D7C3}
.about-quote{background:var(--forest)}
.about-encounter{background:#8F8173}

/* Feine Akzente und klare Buchungs-CTAs */
.booking-check{background:#A8B5A1;color:#17324A;border-color:#A8B5A1;font-weight:700}
.booking-check:hover{background:#879A84;border-color:#879A84;color:#fff}
.apartment-card.sand .card-space{background:#A8B5A1}
.apartment-card.sage .card-space{background:#B79B72}
.apartment-card.sand .card-space span,.apartment-card.sage .card-space span{color:#17324A}
.comfort-grid article:nth-child(8){background:#E8EEE5}
.comfort-grid article:nth-child(9){background:#E6DDD1}
.comfort-grid article:nth-child(8) h3,.comfort-grid article:nth-child(9) h3{color:#17324A}
.about-story-copy strong{color:#17324A;font-weight:600}
.group-request{background:#A8B5A1;color:#17324A;border-color:#A8B5A1;font-weight:700}
.group-request:hover{background:#879A84;border-color:#879A84;color:#fff}
.brochure-copy{max-width:46rem;margin:2.25rem 0 1.1rem;color:var(--ink);line-height:1.75}
.group-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}
.brochure-download{background:var(--forest);border-color:var(--forest);color:var(--paper);font-weight:700}
.brochure-download:hover{background:#284D68;border-color:#284D68;color:#fff}
.reviews{background:var(--cream)}
.reviews-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem 7vw;align-items:end;margin-bottom:3.5rem}
.reviews-heading .overline{grid-column:1/-1;margin-bottom:0}
.reviews-heading h2{margin:0;font-size:clamp(2.6rem,4.6vw,4.8rem)}
.reviews-heading>p:last-child{max-width:32rem;margin:0;color:#686762}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}
.review-card{display:flex;flex-direction:column;min-height:100%;margin:0;padding:2rem;background:var(--paper);border:1px solid var(--line)}
.review-stars{margin-bottom:1.2rem;color:var(--gold);font-size:1rem;letter-spacing:.18em}
.review-card>p{font-family:var(--serif);font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.5;color:var(--forest)}
.review-card footer{display:flex;grid-template-columns:none;flex-direction:column;gap:.15rem;margin-top:auto;padding:1.4rem 0 0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font-size:inherit}
.review-card footer strong{font-size:.84rem}
.review-card footer span{color:#77736d;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.group-reviews{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;margin:5rem 0 3rem;padding:4rem;background:var(--forest)}
.group-reviews-title .overline{color:var(--sand)}
.group-reviews-title h3{color:var(--paper);font-size:clamp(2rem,3vw,3.4rem)}
.group-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.group-review-card{background:#F7F3EC;border-color:rgba(255,255,255,.18)}
@media(max-width:900px){.reviews-heading,.group-reviews{grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr 1fr}.group-reviews{gap:2rem;padding:3rem}.group-review-grid{grid-template-columns:1fr}}

/* Gruppen-Landingpage – bestehende Markenwelt fortgeführt */
.group-header{position:absolute}.group-hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--forest)}
.group-hero-image,.group-hero-wash{position:absolute;inset:0}.group-hero-image{background:url('/gespensterwald-nienhagen.jpg') center/cover;transform:scale(1.015)}
.group-hero-wash{background:linear-gradient(90deg,rgba(23,50,74,.9),rgba(23,50,74,.42) 58%,rgba(23,50,74,.15)),linear-gradient(0deg,rgba(16,34,49,.55),transparent 60%)}
.group-hero-content{position:relative;z-index:1;width:min(880px,88vw);margin:0 0 clamp(4.5rem,8vw,8rem) clamp(1.4rem,10vw,11rem)}
.group-hero h1{margin-bottom:1.5rem;color:var(--paper);font-size:clamp(3.25rem,7vw,7rem)}.group-hero-content>p:not(.overline){max-width:44rem;color:rgba(255,255,255,.86);font-size:1.08rem}.group-hero .button{margin-top:1.1rem}
.group-intro,.group-kitchen{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:var(--paper)}.group-intro h2,.group-kitchen h2,.group-inquiry h2{font-size:clamp(2.7rem,5vw,5.1rem)}.group-intro>div:last-child p:not(.lead-copy),.group-kitchen>div:last-child p:not(.lead-copy){color:#686762}
.group-rooms{background:var(--cream)}.group-formats{background:var(--forest);color:#fff}.group-formats .section-title>p{color:rgba(255,255,255,.72)}.group-formats h2{color:var(--paper)}
.format-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.format-grid article{min-height:20rem;padding:1.6rem;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.format-grid span{color:var(--sand);font-size:.68rem}.format-grid h3{margin:4rem 0 1rem;color:#fff;font-size:1.65rem}.format-grid p{color:rgba(255,255,255,.72);font-size:.86rem}
.group-inquiry{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:var(--paper)}.group-inquiry-copy>p:not(.overline){color:#686762}.group-inquiry-copy .text-link{margin-top:1rem}
.group-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;padding:clamp(1.5rem,4vw,3.5rem);background:var(--cream);border:1px solid var(--line)}.group-inquiry-form>label,.group-inquiry-form>.form-status,.group-inquiry-form>.group-submit{grid-column:1/-1}.group-inquiry-form .form-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.group-inquiry-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--forest);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.group-inquiry-form input,.group-inquiry-form select,.group-inquiry-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:var(--paper);padding:.85rem .9rem;color:var(--ink);font:inherit;font-size:.92rem;font-weight:400;letter-spacing:0;text-transform:none}.group-inquiry-form textarea{resize:vertical}.group-inquiry-form input:focus,.group-inquiry-form select:focus,.group-inquiry-form textarea:focus{outline:2px solid #A8B5A1;outline-offset:1px}.group-inquiry-form .privacy-check{flex-direction:row;align-items:flex-start;font-weight:400;letter-spacing:0;line-height:1.5;text-transform:none}.privacy-check input{width:auto;margin-top:.25rem}.group-submit{width:max-content}.group-submit:disabled{cursor:wait;opacity:.65}.honeypot{position:absolute!important;left:-9999px!important}.form-status{margin:0;padding:.8rem 1rem;border:1px solid var(--line);font-size:.86rem}.form-status.success{background:#E8EEE5;color:#17324A}.form-status.error{background:#F4E8E4;color:#713F32}
@media(max-width:1100px){.format-grid{grid-template-columns:repeat(2,1fr)}.format-grid article:last-child{grid-column:1/-1;min-height:14rem}}
@media(max-width:900px){.group-intro,.group-kitchen,.group-inquiry{grid-template-columns:1fr}.group-inquiry{gap:3rem}.group-hero-content{margin-left:1.4rem}.group-inquiry-form{padding:1.5rem}}
@media(max-width:620px){.format-grid,.group-inquiry-form,.group-inquiry-form .form-pair{grid-template-columns:1fr}.format-grid article:last-child{grid-column:auto}.format-grid article{min-height:15rem}.group-hero{min-height:82svh}.group-hero h1{font-size:3.4rem}.group-inquiry-form .form-pair>*{grid-column:1/-1}}
@media(max-width:620px){.wordmark{font-size:1.05rem}.wordmark small{font-size:.94rem}.reviews-heading{display:block}.reviews-heading .overline{margin-bottom:1.3rem}.reviews-heading h2{margin-bottom:1.5rem}.reviews-grid{grid-template-columns:1fr}.review-card{padding:1.5rem}.group-reviews{margin:3.5rem 0 2rem;padding:2rem 1.25rem}}

.card-price strong{font-size:1.15rem}.group-inquiry-form>p{font-size:.9rem;line-height:1.6}.privacy-check a{text-decoration:underline}

/* Außenansicht vor der unveränderten Zimmergalerie */
.house-exterior{margin:4rem 0 0;background:var(--paper);border:1px solid var(--line);overflow:hidden}
.house-exterior img{display:block;width:100%;height:auto}
.house-exterior figcaption{padding:1.5rem 1.75rem 1.65rem}
.house-exterior figcaption .overline{display:block;margin-bottom:.6rem}
.house-exterior figcaption strong{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:var(--forest)}
@media(max-width:620px){.house-exterior{margin-top:2.5rem}.house-exterior figcaption{padding:1.2rem}}

.legal-page{max-width:900px;margin:0 auto;padding:10rem 1.5rem 5rem;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(2.8rem,7vw,5rem);margin-bottom:2rem}.legal-page h2{font-size:1.8rem;margin:2.8rem 0 1rem}.legal-page p,.legal-page li{line-height:1.8}.legal-page a{text-decoration:underline}.legal-header{background:var(--forest);position:absolute;top:0;width:100%}.privacy-note{font-size:.86rem;grid-column:1/-1}.privacy-note a{text-decoration:underline}

/* Persönliche Gastgeberin und Familiengeschichte */
.host-introduction{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.host-photo{margin:0;max-width:31rem}.host-photo img{display:block;width:100%;height:auto;max-height:40rem;object-fit:cover;object-position:center 42%}.host-photo figcaption,.family-story figcaption{font-size:.78rem;color:var(--sage-deep);padding:.9rem 0;letter-spacing:.03em}
.host-introduction h3{max-width:20ch}.host-introduction>div>p{max-width:35rem}
.family-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,7vw,7rem);align-items:center;background:var(--cream)}.family-story figure{margin:0;max-width:34rem}.family-story img{display:block;width:100%;height:auto}.family-story h2{font-size:clamp(2.6rem,4.5vw,4.6rem)}.family-story p:not(.overline){max-width:36rem}
@media(max-width:900px){.host-introduction,.family-story{grid-template-columns:1fr;gap:2rem}.host-photo,.family-story figure{width:min(100%,34rem);margin:0 auto}.host-photo img{max-height:none}.host-introduction h3{max-width:none}}

/* Datenschutz-Einwilligung: keine externen Abhaengigkeiten */
.pr-consent-banner[hidden]{display:none!important}
.pr-consent-banner{position:fixed;z-index:99999;bottom:0;left:0;right:0;background:#f8f5ef;color:#223a40;border-top:1px solid #d4d2ca;box-shadow:0 -8px 30px rgba(0,0,0,.13);font-family:inherit}
.pr-consent-inner{max-width:1100px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.pr-consent-inner strong{display:block;font-size:1.05rem;margin-bottom:5px}
.pr-consent-inner p{font-size:.9rem;line-height:1.55;margin:0;max-width:720px}
.pr-consent-inner a{color:inherit;text-decoration:underline}
.pr-consent-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.pr-consent-actions button{font:inherit;cursor:pointer;border:1px solid #223a40;border-radius:4px;padding:12px 14px;background:transparent;color:#223a40}
.pr-consent-actions button[data-choice=yes]{background:#223a40;color:white}
.pr-consent-actions button:focus-visible{outline:3px solid #c49a58;outline-offset:3px}
@media(max-width:780px){.pr-consent-inner{display:block;padding:17px 18px}.pr-consent-actions{margin-top:14px}.pr-consent-actions button{flex:1;min-width:140px}}