:root{--bg:#f5f1e9;--ink:#1e2420;--soft:#ffffff;--muted:#6a6d68;--gold:#b9945c;--olive:#51604a}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:inherit}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:rgba(30,36,32,.82);backdrop-filter:blur(14px);color:white}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em}.logo-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#f5d28c}
.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:700;font-size:14px;opacity:.92}.langs{display:flex;gap:6px}.langs button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:white;border-radius:999px;padding:7px 9px;font-weight:800;cursor:pointer}.langs button.active{background:white;color:var(--ink)}
.hero{min-height:100vh;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,.08)),url('../bilder/hero_terrasse.jpg') center/cover no-repeat;display:flex;align-items:flex-end;padding:120px 6vw 8vw;color:white}
.hero-inner{max-width:1050px}.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:900;color:#f5d28c;margin-bottom:12px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.98;margin:0 0 20px}.hero p{font-size:clamp(19px,2.5vw,29px);max-width:850px;margin:0 0 24px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:999px;font-weight:900;background:white;color:var(--ink)}.btn.secondary{background:rgba(255,255,255,.16);color:white;border:1px solid rgba(255,255,255,.45)}
.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{padding:9px 14px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;font-weight:800}
main{max-width:1220px;margin:auto;padding:70px 22px}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}section{margin-bottom:78px;scroll-margin-top:90px}
h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 18px}.lead{font-size:19px;color:#333}.card{background:white;border-radius:26px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.075)}.accent{border-top:5px solid var(--gold)}
.icons{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.icons li{background:white;border-radius:18px;padding:15px 17px;box-shadow:0 10px 28px rgba(0,0,0,.055);font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.photo{position:relative;margin:0;border-radius:24px;overflow:hidden;background:white;box-shadow:0 16px 40px rgba(0,0,0,.09)}.photo img{width:100%;height:290px;object-fit:cover;display:block;transition:.35s}.photo:hover img{transform:scale(1.04)}.photo figcaption{position:absolute;left:0;right:0;bottom:0;color:white;padding:42px 18px 16px;background:linear-gradient(to top,rgba(0,0,0,.70),transparent);font-weight:900}.photo span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f6d693}
.split{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.big-text{font-size:20px}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.fine{font-size:14px;color:var(--muted)}footer{text-align:center;padding:32px;color:var(--muted)}
@media(max-width:860px){.topbar{position:absolute;align-items:flex-start;flex-direction:column}.nav{display:none}.hero{padding-top:160px}.grid2,.split{grid-template-columns:1fr}.photo img{height:230px}}

.site-logo{width:42px;height:42px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.22)}

.story-block{margin:38px 0 58px}
.story-block h3{font-size:clamp(25px,3vw,36px);margin:0 0 10px}
.story-block p{max-width:850px;color:#3c403b;font-size:18px}
.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.story-gallery img{width:100%;height:280px;object-fit:cover;border-radius:24px;box-shadow:0 16px 40px rgba(0,0,0,.09)}
.story-gallery.single img{height:min(520px,65vh)}

.map-wrap{background:white;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.map-wrap iframe{width:100%;height:420px;border:0;display:block}
.distance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:20px}
.distance-card{background:white;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.055)}
.distance-card strong{display:block;font-size:18px}.distance-card span{color:var(--muted);font-size:14px}
.story-block{margin:38px 0 58px}.story-block h3{font-size:clamp(25px,3vw,36px);margin:0 0 10px}.story-block p{max-width:880px;color:#3c403b;font-size:18px}
.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.story-gallery img{width:100%;height:280px;object-fit:cover;border-radius:24px;box-shadow:0 16px 40px rgba(0,0,0,.09)}
.story-gallery.single img{height:min(520px,65vh)}
.photo-note{background:#fff;border-left:5px solid var(--gold);border-radius:18px;padding:18px 22px;margin-top:18px;color:#3c403b}


.kbc-highlight{display:inline-block;background:#ffffff;color:#1e2420;border-left:5px solid #6f8f55;border-radius:16px;padding:12px 16px;margin:14px 0;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.lawn-note{background:rgba(255,255,255,.92);border-radius:18px;padding:16px 18px;margin-top:16px;color:#2d3b28;border-left:5px solid #6f8f55}

.availability{background:white;border-radius:28px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal-grid div{background:#f5f1e9;border-radius:12px;padding:10px;text-align:center;font-weight:700}
.cal-grid .day{background:#1e2420;color:white}
.cal-grid .free{background:#dff0dc;color:#20351d}
.cal-grid .busy{background:#f3d6d0;color:#5c2420}
.cal-grid .maybe{background:#f2e7c8;color:#5c4a16}
.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.legend span{padding:7px 11px;border-radius:999px;font-weight:800}
.legend .free{background:#dff0dc}.legend .busy{background:#f3d6d0}.legend .maybe{background:#f2e7c8}
.final-note{background:#fff;border-left:5px solid var(--gold);border-radius:18px;padding:18px 22px;margin:18px 0;color:#3c403b}

/* Premium 2026 refinements */
:root{--premium-green:#17382d;--premium-gold:#b88a3b;--premium-cream:#f7f2e8;--premium-ink:#1c211e}body{background:linear-gradient(180deg,#fbfaf7 0%,#f5f0e7 100%);color:var(--premium-ink)}header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(20,32,27,.90)!important}.hero-logo{width:min(420px,72vw);max-height:260px;object-fit:contain;background:rgba(255,255,255,.9);padding:14px;border-radius:26px;box-shadow:0 22px 60px rgba(0,0,0,.20);margin-bottom:22px}.premium-ribbon{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--premium-green);font-weight:900;margin-bottom:16px}.airbnb-cta{background:#ff385c!important;color:#fff!important;border-color:#ff385c!important}.section-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--premium-gold);margin-bottom:8px}.quick-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0}.quick-facts div{background:white;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px rgba(0,0,0,.055)}.quick-facts strong{display:block;font-size:18px;color:var(--premium-green)}.quick-facts span{font-size:14px;color:#66706a}.photo img{transition:transform .45s ease}.photo:hover img{transform:scale(1.035)}.photo{overflow:hidden}@media(max-width:720px){.hero-logo{width:min(330px,84vw)}}