:root{--navy:#123652;--navy2:#0a2d47;--sand:#c59551;--cream:#f7f3ec;--paper:#fffdf9;--ink:#20313d;--muted:#667783;--line:rgba(18,54,82,.14);--shadow:0 18px 45px rgba(18,54,82,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:18px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3rem;min-height:96px;padding:0 3.5vw;background:rgba(255,253,249,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,54,82,.06)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--navy)}.brand svg{width:64px;height:64px}.brand span{display:flex;flex-direction:column}.brand strong{font:600 2rem/1 Georgia,"Times New Roman",serif;letter-spacing:.03em}.brand small{margin-top:.35rem;color:var(--sand);font-size:.66rem;text-transform:uppercase;letter-spacing:.13em}.site-header nav{display:flex;justify-content:flex-end;align-items:center;gap:2rem}.site-header nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600;color:var(--navy)}.header-cta,.primary-button{background:var(--sand)!important;color:#fff!important;padding:1rem 1.35rem;text-decoration:none}.menu-toggle{display:none;border:0;background:none}.hero{position:relative;min-height:430px;background:linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.94) 30%,rgba(255,253,249,.3) 49%,rgba(255,253,249,0) 64%),url("assets/images/hero-foehr.jpg") right center/auto 100% no-repeat;background-color:#eef4f5}.hero-copy{position:absolute;left:7.5vw;top:50%;transform:translateY(-50%);z-index:2}.hero-copy h1{margin:0;color:var(--navy);font:600 clamp(3.5rem,5.1vw,5.6rem)/.92 Georgia,"Times New Roman",serif}.gold-rule{display:block;width:50px;height:2px;background:var(--sand);margin:1.1rem 0}.hero-copy p{margin:0 0 1.35rem;font-size:1.08rem;color:var(--navy)}.primary-button{display:inline-flex;gap:1rem;align-items:center;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.8rem}.quick-facts{display:grid;grid-template-columns:repeat(5,1fr);padding:1.35rem 7vw;background:#fff;border-bottom:1px solid var(--line)}.quick-facts article{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:62px;border-right:1px solid var(--line)}.quick-facts article:last-child{border-right:0}.quick-facts svg{width:44px;height:44px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-facts div{display:flex;flex-direction:column}.quick-facts strong{color:var(--navy);font-size:1rem}.quick-facts span{font-size:.88rem;color:var(--navy)}.section{padding:clamp(4.5rem,7vw,8rem) 6vw}.kicker{margin:0 0 .8rem;color:var(--sand);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em}.section h2,.gallery-head h2,.booking-section h2{margin:0 0 1.4rem;color:var(--navy);font:600 clamp(3rem,4.2vw,4.8rem)/.98 Georgia,"Times New Roman",serif}.equipment{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(640px,1.55fr);gap:clamp(3rem,6vw,7rem);background:var(--paper)}.equipment-intro{position:sticky;top:130px;align-self:start}.lead{max-width:520px;font-size:1.03rem}.intro-rule{width:46px;height:2px;background:var(--sand);margin:2rem 0}.comfort-note{max-width:380px;color:var(--muted)}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start}.equipment-card{position:relative;min-height:200px;padding:1.35rem 1.45rem;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.equipment-card:hover,.equipment-card:focus-visible{border-color:rgba(197,149,81,.65);box-shadow:0 12px 28px rgba(18,54,82,.09);outline:none}.equipment-card.is-open{grid-column:span 2;min-height:365px;border-color:var(--sand);box-shadow:var(--shadow);cursor:default}.card-head{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.8rem}.card-number{color:var(--sand);font-size:.9rem}.card-icon{display:grid;place-items:center;width:42px;height:38px;color:var(--navy);font:500 2rem/1 Georgia,"Times New Roman",serif}.info-icon{border:2px solid var(--navy);border-radius:50%;font:600 1.05rem/1 "Segoe UI",Arial,sans-serif}.equipment-card h3{margin:0;color:var(--navy);font:600 1.65rem/1 Georgia,"Times New Roman",serif}.expand-mark{color:var(--sand);font-size:1.5rem}.card-preview{margin:1rem 0 0;color:var(--muted);font-size:.95rem}.equipment-card.is-open .card-preview{display:none}.card-details{display:grid;grid-template-columns:minmax(220px,.9fr) 1.1fr;gap:1.6rem;align-items:center;margin-top:1.35rem}.card-details img{width:100%;height:230px;object-fit:cover}.card-details img.balcony-detail{transform:scale(1.08)}.card-details ul{columns:1;margin:0;padding:0;list-style:none}.card-details li{position:relative;padding-left:1.2rem;margin:.5rem 0;color:var(--ink)}.card-details li:before{content:"✓";position:absolute;left:0;color:var(--sand);font-weight:700}.intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--cream)}.feature-image img{width:100%;height:500px;object-fit:cover}.gallery-section{padding:clamp(5rem,8vw,9rem) 4vw;background:#fff}.gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;max-width:1200px;margin:0 auto 3rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:1rem}.gallery-item{padding:0;border:0;background:#ddd;cursor:zoom-in;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item.large{grid-column:span 2;grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item.balcony img{transform:scale(1.12)}.gallery-item.balcony:hover img{transform:scale(1.16)}.location{background:var(--cream)}.booking-section{padding:6rem;background:var(--navy);color:#fff}.booking-section h2{color:#fff}.contact-section{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:5rem 6vw}.outline-button{display:inline-flex;padding:1rem 1.4rem;border:1px solid var(--sand);text-decoration:none;color:var(--navy)}footer{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;padding:2.5rem 6vw;background:var(--navy2);color:#fff}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font:600 1.8rem/1 Georgia,"Times New Roman",serif}.footer-brand span{margin-top:.35rem;color:#bac7d1;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}footer nav{display:flex;gap:1.5rem}footer nav a{text-decoration:none}.lightbox{width:min(94vw,1300px);border:0;padding:0;background:transparent}.lightbox::backdrop{background:rgba(0,0,0,.86)}.lightbox img{max-height:90vh;margin:auto}.lightbox-close{position:fixed;right:2rem;top:1rem;width:48px;height:48px;border:0;border-radius:50%;background:#fff;font-size:2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1150px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:1.5rem 4vw;background:#fff;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.menu-toggle{display:grid;gap:5px;padding:10px}.menu-toggle span{display:block;width:28px;height:2px;background:var(--navy)}.equipment{grid-template-columns:1fr}.equipment-intro{position:static}.quick-facts{grid-template-columns:repeat(3,1fr)}.quick-facts article:nth-child(3){border-right:0}.quick-facts article:nth-child(n+4){border-top:1px solid var(--line)}.intro{grid-template-columns:1fr}}
@media(max-width:700px){html{font-size:18px}.site-header{min-height:82px;padding:0 1rem}.brand svg{width:52px;height:52px}.brand strong{font-size:1.45rem}.brand small{font-size:.52rem}.hero{min-height:610px;background:linear-gradient(180deg,rgba(255,253,249,.96) 0%,rgba(255,253,249,.48) 44%,rgba(255,253,249,.1) 100%),url("assets/images/hero-foehr.jpg") 68% center/auto 100% no-repeat}.hero-copy{left:1.25rem;right:1.25rem;top:4rem;transform:none}.hero-copy h1{font-size:3.5rem}.quick-facts{grid-template-columns:1fr;padding:0}.quick-facts article{justify-content:flex-start;padding:1rem 1.25rem;border-right:0;border-bottom:1px solid var(--line)}.section{padding:4.5rem 1.25rem}.equipment-grid{grid-template-columns:1fr}.equipment-card.is-open{grid-column:auto;min-height:auto}.card-details{grid-template-columns:1fr}.card-details img{height:220px}.gallery-section{padding:4.5rem 1rem}.gallery-head{grid-template-columns:1fr;gap:1rem}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item.large,.gallery-item.wide{grid-column:auto;grid-row:auto}.contact-section,footer{grid-template-columns:1fr;padding:3rem 1.25rem}}


/* Version 0.6: Karten bleiben in ihrer Zeile und öffnen als breite Ebene über der Nachbarkachel. */
.equipment-grid{position:relative}
.equipment-card{isolation:isolate}
.equipment-card.is-open{
  position:absolute;
  left:0;
  right:0;
  top:var(--open-top,0px);
  z-index:20;
  min-height:390px;
  width:100%;
  cursor:pointer;
  background:#fff;
}
.equipment-card.is-open .card-head{grid-template-columns:auto auto 1fr auto}
.equipment-card.is-open .card-details{
  grid-template-columns:minmax(260px,.8fr) minmax(330px,1.2fr);
  gap:2rem;
  align-items:center;
}
.equipment-card.is-open .card-details img{height:270px}
.equipment-grid.has-open-card{transition:min-height .25s ease}
.gallery-item.balcony img{transform:none;object-fit:cover;object-position:center}
.gallery-item.balcony:hover img{transform:scale(1.035)}

@media(max-width:700px){
  .equipment-card.is-open{position:relative;left:auto;right:auto;top:auto;width:auto;min-height:auto}
  .equipment-grid.has-open-card{min-height:auto!important}
  .equipment-card.is-open .card-details{grid-template-columns:1fr}
}


/* Version 0.7 – ruhige, vollständig sichtbare Ausstattung ohne Bilder oder Aufklappen */
html{scroll-padding-top:96px}
body#top{scroll-margin-top:0}
.brand{scroll-margin-top:0}

.equipment-clean{
  display:block;
  background:var(--cream);
  padding-top:clamp(5rem,7vw,8rem);
}
.equipment-heading{
  max-width:760px;
  margin:0 auto 3.25rem;
  text-align:center;
}
.equipment-heading h2{margin-bottom:1.1rem}
.equipment-heading .lead{max-width:680px;margin:0 auto;color:var(--muted)}
.amenity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.15rem;
  max-width:1240px;
  margin:0 auto;
}
.amenity-card{
  min-height:100%;
  padding:1.7rem 1.65rem 1.6rem;
  background:#fff;
  border:1px solid rgba(197,149,81,.2);
  border-radius:18px;
  box-shadow:0 8px 22px rgba(18,54,82,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.amenity-card:hover{
  transform:translateY(-3px);
  border-color:rgba(197,149,81,.48);
  box-shadow:0 14px 30px rgba(18,54,82,.085);
}
.amenity-title{
  display:flex;
  align-items:center;
  gap:.8rem;
  padding-bottom:1rem;
  margin-bottom:.9rem;
  border-bottom:1px solid var(--line);
}
.amenity-category-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  color:var(--sand);
  border:1px solid rgba(197,149,81,.45);
  border-radius:50%;
  background:#fffdf9;
}
.amenity-category-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.amenity-title h3{
  margin:0;
  color:var(--navy);
  font:600 1.65rem/1 Georgia,"Times New Roman",serif;
}
.amenity-list{
  display:grid;
  gap:.68rem;
  margin:0;
  padding:0;
  list-style:none;
}
.amenity-list li{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:.58rem;
  align-items:start;
  color:var(--ink);
  font-size:.98rem;
  line-height:1.35;
}
.mini-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-top:.02rem;
  color:var(--sand);
  border:1px solid rgba(197,149,81,.4);
  border-radius:50%;
  font:600 .72rem/1 "Segoe UI",Arial,sans-serif;
}
.gallery-item.wide img{object-fit:cover}

@media(max-width:1000px){
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  html{scroll-padding-top:82px}
  .amenity-grid{grid-template-columns:1fr}
  .amenity-card{padding:1.45rem 1.25rem}
  .equipment-heading{text-align:left;margin-bottom:2.25rem}
}


/* Sprint 0.71 – Feinschliff Hero, Galerie und Ausstattung */
.site-header{
  z-index:100;
}
.hero{
  z-index:1;
  margin-top:0;
  overflow:hidden;
  isolation:isolate;
  background-position:right center;
}
main{
  position:relative;
  z-index:1;
}
.gallery-item.wz3-feature img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.lightbox img{
  display:block;
  width:min(94vw,1200px);
  height:auto;
  max-height:90vh;
  object-fit:contain;
}
.amenity-card{
  padding:1.9rem 1.85rem 1.8rem;
}
.amenity-title{
  gap:.95rem;
  margin-bottom:1.05rem;
}
.amenity-category-icon{
  width:52px;
  height:52px;
  flex-basis:52px;
}
.amenity-category-icon svg{
  width:31px;
  height:31px;
  stroke-width:1.75;
}
.amenity-title h3{
  font-size:1.85rem;
}
.amenity-list{
  gap:.78rem;
}
.amenity-list li{
  grid-template-columns:29px 1fr;
  gap:.68rem;
  font-size:1.06rem;
  line-height:1.42;
}
.mini-icon{
  width:27px;
  height:27px;
  font-size:.82rem;
}
@media(max-width:700px){
  .hero{margin-top:0}
  .amenity-card{padding:1.6rem 1.4rem}
  .amenity-category-icon{width:48px;height:48px;flex-basis:48px}
  .amenity-category-icon svg{width:28px;height:28px}
  .amenity-list li{font-size:1.04rem}
}

/* Version 0.72 – durchklickbare Galerie-Lightbox */
body.lightbox-open{overflow:hidden}
.lightbox{
  width:100vw;
  max-width:none;
  height:100vh;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  overflow:hidden;
}
.lightbox::backdrop{background:rgba(4,18,29,.92);backdrop-filter:blur(4px)}
.lightbox-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(58px,1fr) minmax(0,1200px) minmax(58px,1fr);
  align-items:center;
  width:100%;
  height:100%;
  padding:2rem 1.25rem 1.4rem;
}
.lightbox-figure{
  grid-column:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:0;
  margin:0;
}
.lightbox-figure img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(100vh - 7rem);
  object-fit:contain;
  opacity:1;
  transform:scale(1);
  transition:opacity .16s ease,transform .16s ease;
  filter:drop-shadow(0 18px 45px rgba(0,0,0,.3));
}
.lightbox-figure img.is-changing{opacity:0;transform:scale(.992)}
.lightbox-caption{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  width:100%;
  padding:.75rem .15rem 0;
  color:#fff;
  font-size:.9rem;
}
.lightbox-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lightbox-counter{flex:0 0 auto;color:#d9b47c;font-weight:700;font-variant-numeric:tabular-nums}
.lightbox-nav,.lightbox-close{
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.11);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.lightbox-nav:hover,.lightbox-nav:focus-visible,.lightbox-close:hover,.lightbox-close:focus-visible{
  background:rgba(197,149,81,.9);
  border-color:var(--sand);
  outline:none;
}
.lightbox-nav:active,.lightbox-close:active{transform:scale(.96)}
.lightbox-nav{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  border-radius:50%;
  font:300 3.1rem/.8 "Source Sans 3",sans-serif;
}
.lightbox-prev{grid-column:1;justify-self:center}
.lightbox-next{grid-column:3;justify-self:center}
.lightbox-close{
  position:fixed;
  z-index:5;
  top:1.15rem;
  right:1.35rem;
  width:48px;
  height:48px;
  border-radius:50%;
  font:300 2rem/1 "Source Sans 3",sans-serif;
}
@media(max-width:700px){
  .lightbox-stage{display:block;padding:4.4rem .75rem 1rem}
  .lightbox-figure{height:100%}
  .lightbox-figure img{max-height:calc(100vh - 8.5rem)}
  .lightbox-nav{
    position:fixed;
    top:50%;
    width:46px;
    height:46px;
    margin-top:-23px;
    background:rgba(7,32,50,.48);
    font-size:2.5rem;
  }
  .lightbox-prev{left:.5rem}
  .lightbox-next{right:.5rem}
  .lightbox-close{top:.7rem;right:.7rem;width:44px;height:44px}
  .lightbox-caption{padding:.65rem .25rem 0;font-size:.82rem}
  .lightbox-title{max-width:72vw}
}


/* Sprint 0.73 – Galerie final */
.gallery-item.wz3-feature img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(min-width:701px){
  .gallery-item.wz3-feature{
    grid-column:span 2;
    grid-row:span 2;
  }
}

/* Sprint 0.731 – hochwertigeres Wohnzimmerfoto */
.gallery-item.wz3-feature img,
.gallery-item.wide img[src$="wz3-gallery.jpg"]{
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}

/* Sprint 0.732 – Hero vollständig sichtbar, ohne abgeschnittenen Text oder CTA */
@media (min-width:701px){
  .hero{
    display:grid;
    grid-template-columns:minmax(520px,36%) 1fr;
    align-items:center;
    min-height:620px;
    overflow:visible;
    background:
      linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.96) 31%,rgba(255,253,249,.58) 43%,rgba(255,253,249,0) 61%),
      url("assets/images/hero-foehr.jpg") right center / auto 100% no-repeat;
  }
  .hero-copy{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:min(100%,720px);
    padding:3.75rem 0 3.75rem 7vw;
    align-self:center;
  }
  .hero-copy h1{
    font-size:clamp(3.7rem,4.55vw,5.25rem);
    line-height:.96;
  }
  .hero-copy p{margin-bottom:1.5rem}
}

@media (min-width:701px) and (max-width:1180px){
  .hero{
    grid-template-columns:minmax(460px,43%) 1fr;
    min-height:590px;
    background-position:72% center;
  }
  .hero-copy{padding-left:4vw;padding-right:1.5rem}
  .hero-copy h1{font-size:clamp(3.35rem,5.4vw,4.7rem)}
}

/* Sprint 0.741 – Hero final: freigegebenes Strandfoto ohne künstliche CSS-Struktur */
.hero::before,.hero::after{content:none!important;display:none!important}
.hero-copy{z-index:2}

/* Galerie: kein schwarzer Standard-Fokusrand nach Mausklick; klarer Tastaturfokus */
.gallery-item{outline:none}
.gallery-item:focus-visible{outline:3px solid var(--sand);outline-offset:3px}

/* Version 0.8 Beta – Lage */
.location-section{
  scroll-margin-top:96px;
  padding:clamp(5.5rem,8vw,8.5rem) clamp(1.25rem,5vw,5rem);
  background:linear-gradient(180deg,#fff 0%,#fbf8f2 100%);
}
.location-intro{
  width:min(1180px,100%);
  margin:0 auto 3.5rem;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);
  gap:clamp(2rem,5vw,5.5rem);
  align-items:end;
}
.location-intro h2{margin-bottom:0}
.location-intro>p:last-child{
  margin:0 0 .45rem;
  max-width:650px;
  color:var(--muted);
  font-size:1.16rem;
  line-height:1.7;
}
.location-layout{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:2rem;
  align-items:stretch;
}
.map-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 45px rgba(18,54,82,.09);
}
.map-card iframe{
  display:block;
  width:100%;
  min-height:480px;
  border:0;
  filter:saturate(.82) contrast(.96);
}
.map-address{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1.35rem 1.5rem;
  border-top:1px solid var(--line);
}
.map-address>div{display:flex;align-items:flex-start;gap:.8rem}
.map-address p{margin:0;color:var(--muted);line-height:1.45}
.map-address strong{color:var(--navy);font-size:1.08rem}
.map-pin{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid rgba(197,149,81,.45);
  border-radius:50%;
  color:var(--sand);
  font-size:1.1rem;
}
.route-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  flex:0 0 auto;
  padding:.8rem 1rem;
  border:1px solid var(--sand);
  border-radius:999px;
  color:var(--navy);
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.route-button:hover,.route-button:focus-visible{
  background:var(--sand);
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}
.location-details{display:flex;flex-direction:column;gap:1.5rem}
.distance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.distance-card{
  display:flex;
  align-items:center;
  gap:.85rem;
  min-height:104px;
  padding:1.1rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(18,54,82,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.distance-card:hover{
  transform:translateY(-3px);
  border-color:rgba(197,149,81,.5);
  box-shadow:0 13px 28px rgba(18,54,82,.08);
}
.distance-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(197,149,81,.45);
  border-radius:50%;
  color:var(--sand);
  background:#fffdf9;
  font:600 1.05rem/1 "Segoe UI",Arial,sans-serif;
}
.distance-card div{display:flex;flex-direction:column;gap:.16rem}
.distance-card strong{color:var(--navy);font-size:1.02rem;line-height:1.2}
.distance-card span:last-child{color:var(--muted);font-size:.95rem}
.location-highlights{
  flex:1;
  padding:1.6rem 1.7rem;
  border-radius:22px;
  background:var(--navy);
  color:#fff;
}
.location-highlights h3{
  margin:0 0 1rem;
  color:#fff;
  font:600 1.75rem/1.1 Georgia,"Times New Roman",serif;
}
.location-highlights ul{display:grid;gap:.78rem;margin:0;padding:0;list-style:none}
.location-highlights li{position:relative;padding-left:1.55rem;line-height:1.45;color:rgba(255,255,255,.9)}
.location-highlights li::before{
  content:"";
  position:absolute;
  left:0;
  top:.5em;
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:var(--sand);
}
@media(max-width:980px){
  .location-intro,.location-layout{grid-template-columns:1fr}
  .location-intro{gap:1rem}
  .location-intro>p:last-child{max-width:760px}
  .map-card iframe{min-height:420px}
}
@media(max-width:650px){
  .location-section{padding:4.5rem 1rem}
  .location-intro{margin-bottom:2.25rem}
  .distance-grid{grid-template-columns:1fr}
  .distance-card{min-height:88px}
  .map-card iframe{min-height:360px}
  .map-address{align-items:stretch;flex-direction:column}
  .route-button{width:100%}
}

/* Version 0.8 Beta – kompakter vertikaler Rhythmus */
.section{padding:clamp(3.6rem,5vw,5.4rem) 6vw}
.gallery-section{padding:clamp(4rem,5.8vw,6rem) 4vw}
.gallery-head{margin-bottom:2rem;gap:2.5rem}
.section h2,.gallery-head h2,.booking-section h2{margin-bottom:1rem}
.kicker{margin-bottom:.55rem}
.intro-rule{margin:1.35rem 0}
.booking-section{padding:4.25rem 6vw}
.contact-section{padding:3.75rem 6vw}

/* Lage – kompakter Aufbau und kombinierte Zeit-/Entfernungsangaben */
.location-section{padding:clamp(3.8rem,5.2vw,5.6rem) clamp(1.25rem,5vw,5rem)}
.location-intro{
  margin-bottom:2.25rem;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  gap:clamp(1.5rem,3vw,3.25rem);
  align-items:center;
}
.location-intro>p:last-child{font-size:1.08rem;line-height:1.6}
.location-layout{gap:1.5rem}
.map-card iframe{min-height:430px}
.location-details{gap:1rem}
.distance-grid{gap:.8rem}
.distance-card{min-height:94px;padding:.95rem 1rem}
.distance-card div{gap:.08rem}
.distance-card strong{font-size:1rem}
.distance-card .distance-time{color:var(--navy);font-size:.92rem;font-weight:600}
.distance-card small{color:var(--muted);font-size:.8rem}
.distance-note{margin:.15rem 0 .1rem;color:var(--muted);font-size:.76rem;line-height:1.4}
.location-highlights{padding:1.3rem 1.45rem}
.location-highlights h3{margin-bottom:.8rem;font-size:1.55rem}
.location-highlights ul{gap:.55rem}

@media(max-width:980px){
  .location-intro{margin-bottom:1.75rem}
  .map-card iframe{min-height:390px}
}
@media(max-width:700px){
  .section{padding:3.5rem 1.25rem}
  .gallery-section{padding:3.5rem 1rem}
  .booking-section{padding:3.5rem 1.25rem}
  .contact-section{padding:3rem 1.25rem}
  .location-section{padding:3.5rem 1rem}
  .location-intro{margin-bottom:1.65rem}
  .map-card iframe{min-height:340px}
}


/* Lagekarten – finales, auslaufsicheres Raster */
.distance-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
  align-items:stretch;
}
.distance-card{
  min-width:0;
  min-height:112px;
  padding:1rem 1.05rem;
  align-items:center;
  gap:.9rem;
  border-color:rgba(18,54,82,.14);
  box-shadow:0 9px 24px rgba(18,54,82,.055);
}
.distance-icon{
  width:46px;
  height:46px;
  flex-basis:46px;
  font-size:1.1rem;
}
.distance-copy{
  min-width:0;
  width:100%;
  display:grid !important;
  grid-template-rows:auto auto auto;
  gap:.15rem !important;
  align-content:center;
  text-align:left;
}
.distance-copy strong,
.distance-copy .distance-time,
.distance-copy small{
  min-width:0;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.distance-copy strong{
  font-size:1.02rem;
  line-height:1.2;
  text-wrap:balance;
}
.distance-copy .distance-time{
  color:var(--navy);
  font-size:.92rem;
  font-weight:600;
  line-height:1.3;
}
.distance-copy small{
  color:var(--muted);
  font-size:.79rem;
  line-height:1.25;
}
.distance-note{
  margin:.1rem 0 0;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.4;
}
@media (max-width:1100px) and (min-width:981px){
  .distance-card{padding:.9rem;gap:.72rem}
  .distance-icon{width:40px;height:40px;flex-basis:40px}
  .distance-copy strong{font-size:.95rem}
  .distance-copy .distance-time{font-size:.84rem}
}
@media(max-width:700px){
  .distance-grid{grid-template-columns:1fr}
  .distance-card{min-height:96px}
}


/* Version 0.8 Beta – Lage-Headline im einheitlichen Seitenstil */
.location-intro{
  display:block;
  width:min(1180px,100%);
  margin:0 auto 2.25rem;
  text-align:left;
}
.location-intro .kicker{margin-bottom:.55rem}
.location-intro h2{
  max-width:760px;
  margin:0 0 1rem;
  color:var(--navy);
  font:600 clamp(3rem,4.2vw,4.8rem)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:0;
}
.location-intro>p:last-child{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.6;
}
@media(max-width:700px){
  .location-intro{margin-bottom:1.65rem}
  .location-intro h2{font-size:clamp(2.7rem,12vw,3.8rem)}
}

/* Sprint 0.82 – Verfügbarkeit mit live synchronisiertem Kalender */
.wifi-mini{display:inline-grid!important;place-items:center}
.wifi-mini svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.availability-section{padding:clamp(3.8rem,5.2vw,5.6rem) clamp(1.25rem,5vw,5rem);background:var(--navy);color:#fff}
.availability-intro{max-width:980px;margin-bottom:2.1rem}
.availability-intro .kicker{margin-bottom:.55rem}
.availability-intro h2{margin:0 0 1.05rem;color:#fff;font:600 clamp(3rem,4.2vw,4.8rem)/.98 Georgia,"Times New Roman",serif}
.availability-intro>p:last-child{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.6}
.availability-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:1.5rem;align-items:stretch}
.calendar-card,.availability-panel{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.calendar-card{overflow:hidden;background:#fff;color:var(--navy)}
.booking-calendar{min-height:520px;padding:clamp(1.15rem,2vw,1.7rem)}
.booking-calendar-toolbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:1rem;margin-bottom:1.15rem}
.calendar-status{margin:0;text-align:center;color:var(--muted);font-size:.92rem}
.calendar-status.is-error{color:#9b3f35}
.calendar-nav{width:42px;height:42px;border:1px solid #d7dee3;background:#fff;color:var(--navy);font:600 1.75rem/1 Georgia,"Times New Roman",serif;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.calendar-nav:hover:not(:disabled){border-color:var(--sand);background:#fbf7ef;transform:translateY(-1px)}
.calendar-nav:disabled{opacity:.3;cursor:not-allowed}
.calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2vw,2rem)}
.calendar-month h3{margin:0 0 .8rem;text-align:center;color:var(--navy);font:600 1.65rem/1.1 Georgia,"Times New Roman",serif}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}
.calendar-weekdays{margin-bottom:.35rem;color:#74828d;font-size:.72rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}
.calendar-weekdays span{padding:.25rem 0}
.calendar-day{position:relative;display:grid;place-items:center;aspect-ratio:1/1;min-width:0;border:1px solid transparent;background:#f4f6f7;color:var(--navy);font:600 .91rem "Source Sans 3",sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.calendar-day:hover:not(:disabled){border-color:var(--sand);transform:translateY(-1px)}
.calendar-day.is-empty{visibility:hidden;pointer-events:none}
.calendar-day.is-unavailable{background:repeating-linear-gradient(135deg,#f1f3f4 0,#f1f3f4 5px,#e2e6e9 5px,#e2e6e9 9px);color:#8a949b;cursor:not-allowed}
.calendar-day.is-free{background:#fbf7ef;border-color:#ead9bc}
.calendar-day.is-range{background:#ead9bc;border-color:#d7b67e}
.calendar-day.is-start,.calendar-day.is-end{background:var(--sand);border-color:var(--sand);color:#fff}
.calendar-day.is-today::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:currentColor}
.calendar-day:disabled{opacity:.72}
.calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#f7f4ee;border-top:1px solid #e4e7e9}
.calendar-legend{display:flex;flex-wrap:wrap;gap:1.15rem;font-size:.86rem;color:#63727d}
.calendar-legend span{display:inline-flex;align-items:center;gap:.45rem}
.legend-dot{width:.72rem;height:.72rem;display:inline-block;border:1px solid #d5dadd}
.legend-dot.is-free{background:#fbf7ef;border-color:#d7b67e}
.legend-dot.is-busy{background:repeating-linear-gradient(135deg,#f1f3f4 0,#f1f3f4 3px,#dce1e4 3px,#dce1e4 6px)}
.legend-dot.is-selected{background:var(--sand);border-color:var(--sand)}
.calendar-reset{border:0;background:transparent;color:var(--navy);font:600 .86rem "Source Sans 3",sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.calendar-reset:disabled{opacity:.35;cursor:not-allowed}
.availability-panel{padding:clamp(1.5rem,2.7vw,2.25rem);display:flex;flex-direction:column;justify-content:center}
.availability-eyebrow{margin:0 0 .55rem;color:var(--sand);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.availability-panel h3{margin:0 0 1rem;color:#fff;font:600 clamp(2rem,2.8vw,2.8rem)/1 Georgia,"Times New Roman",serif}
.availability-panel>p:not(.availability-eyebrow):not(.date-feedback){margin:0 0 1.5rem;color:rgba(255,255,255,.78)}
.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.date-fields label{display:grid;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.82)}
.date-fields input{width:100%;min-height:48px;padding:.75rem .8rem;border:1px solid rgba(255,255,255,.24);border-radius:0;background:#fff;color:var(--navy);font:600 .95rem "Source Sans 3",sans-serif}
.date-fields input:focus{outline:2px solid var(--sand);outline-offset:2px}
.date-feedback{min-height:1.5em;margin:.8rem 0;color:#f0d7b4;font-size:.88rem}
.availability-button{display:inline-flex;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:52px;border:0;background:var(--sand);color:#fff;text-transform:uppercase;letter-spacing:.08em;font:700 .82rem "Source Sans 3",sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease}
.availability-button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55);box-shadow:none}
.availability-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.availability-panel small{margin-top:1rem;color:rgba(255,255,255,.62);line-height:1.45}

@media (max-width:980px){.availability-layout{grid-template-columns:1fr}.availability-panel{min-height:unset}}
@media (max-width:720px){.calendar-months{grid-template-columns:1fr}.calendar-month:nth-child(2){display:none}.booking-calendar{min-height:470px}.calendar-footer{align-items:flex-start;flex-direction:column}.date-fields{grid-template-columns:1fr}}
@media (max-width:640px){.availability-section{padding:3.5rem 1rem}.availability-intro{margin-bottom:1.65rem}.availability-intro h2{font-size:clamp(2.7rem,12vw,3.8rem)}.booking-calendar{padding:1rem .7rem}.calendar-days,.calendar-weekdays{gap:.2rem}.calendar-day{font-size:.82rem}}

/* 0.82.1 – Kalender: klarere Kontraste und bessere Bedienbarkeit */
.calendar-day.is-unavailable{
  background:repeating-linear-gradient(135deg,#e9edf0 0,#e9edf0 5px,#d2d9de 5px,#d2d9de 10px);
  color:#66737c;
  border-color:#d9e0e4;
}
.calendar-day.is-free{
  background:#fffaf0;
  border-color:#d9b46f;
  color:#123a56;
}
.calendar-day.is-free:hover:not(:disabled){
  background:#f4e1bd;
  border-color:#c89443;
  box-shadow:0 5px 12px rgba(20,58,86,.12);
}
.calendar-day.is-range{
  background:#e8c98f;
  border-color:#c89443;
  color:#123a56;
}
.calendar-day.is-start,.calendar-day.is-end{
  background:#c89443;
  border-color:#a9752e;
  color:#fff;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);
}
.calendar-day:focus-visible{
  outline:3px solid #123a56;
  outline-offset:2px;
}
.calendar-reset{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.62rem 1rem;
  border:1px solid #c89443;
  background:#fff;
  color:#123a56;
  font:700 .84rem "Source Sans 3",sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease,opacity .18s ease;
}
.calendar-reset::before{content:"↺";margin-right:.45rem;font-size:1rem}
.calendar-reset:hover:not(:disabled){background:#c89443;color:#fff;transform:translateY(-1px)}
.calendar-reset:disabled{opacity:.38;background:#f2f2f2;border-color:#cfd5d9;cursor:not-allowed}
.date-feedback{min-height:2.8em;font-weight:600;line-height:1.4}
.legend-dot.is-free{background:#fffaf0;border-color:#d9b46f}
.legend-dot.is-busy{background:repeating-linear-gradient(135deg,#e9edf0 0,#e9edf0 3px,#d2d9de 3px,#d2d9de 6px);border-color:#cbd3d8}
.legend-dot.is-selected{background:#c89443;border-color:#a9752e}
@media (max-width:720px){.calendar-reset{width:100%}}

/* 0.82.2 – Premium-Kalender im Haus-Enseleit-CI */
.calendar-card{
  border-radius:18px;
  box-shadow:0 24px 58px rgba(0,0,0,.24);
}
.booking-calendar{
  padding:clamp(1.35rem,2.4vw,2rem);
}
.booking-calendar-toolbar{
  margin-bottom:1.35rem;
}
.calendar-status:empty{visibility:hidden}
.calendar-nav{
  border-radius:10px;
  border-color:#d7c7aa;
  box-shadow:0 3px 10px rgba(18,58,86,.07);
}
.calendar-nav:hover:not(:disabled){
  border-color:#b98538;
  background:#fff7e8;
  box-shadow:0 7px 16px rgba(18,58,86,.12);
}
.calendar-month h3{
  margin-bottom:1rem;
  font-size:1.82rem;
  letter-spacing:.01em;
}
.calendar-weekdays{
  margin-bottom:.55rem;
  color:#9a7a4c;
  font-size:.7rem;
  letter-spacing:.13em;
}
.calendar-weekdays span{padding:.3rem 0}
.calendar-days,.calendar-weekdays{gap:.38rem}
.calendar-day{
  border-radius:9px;
  border-width:1px;
  font-size:.94rem;
  transition:transform .17s ease,box-shadow .17s ease,background .17s ease,border-color .17s ease,color .17s ease;
}
.calendar-day.is-free{
  background:#fbf4e8;
  border-color:#cf9c50;
  color:#123a56;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.calendar-day.is-free:hover:not(:disabled){
  background:#f2dfbd;
  border-color:#a96f24;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(18,58,86,.17);
}
.calendar-day.is-unavailable{
  background:#e6e9eb;
  border-color:#d0d5d8;
  color:#879199;
  box-shadow:none;
}
.calendar-day.is-range{
  background:#e9c98f;
  border-color:#bd8535;
  color:#123a56;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.calendar-day.is-start,.calendar-day.is-end{
  background:linear-gradient(145deg,#d8ac65 0%,#b77b2f 100%);
  border-color:#9f6824;
  color:#fff;
  box-shadow:0 7px 17px rgba(153,98,31,.31),inset 0 0 0 1px rgba(255,255,255,.32);
}
.calendar-day.is-today::after{
  inset:3px;
  width:auto;
  height:auto;
  border:1px solid #b77b2f;
  border-radius:7px;
  background:transparent;
  pointer-events:none;
}
.calendar-footer{
  padding:1.1rem 1.25rem;
  background:#f4efe6;
}
.calendar-legend{gap:.65rem;color:#4f616e}
.calendar-legend span{
  padding:.42rem .7rem;
  border:1px solid #ded5c7;
  border-radius:999px;
  background:#fff;
  font-weight:650;
}
.legend-dot{width:.68rem;height:.68rem;border-radius:3px}
.legend-dot.is-free{background:#fbf4e8;border-color:#cf9c50}
.legend-dot.is-busy{background:#e6e9eb;border-color:#c8ced2}
.legend-dot.is-selected{background:linear-gradient(145deg,#d8ac65,#b77b2f);border-color:#9f6824}
.calendar-reset{
  border-radius:999px;
  padding:.65rem 1.05rem;
  border-color:#b77b2f;
  background:#fffaf1;
  box-shadow:0 3px 10px rgba(18,58,86,.07);
}
.calendar-reset:hover:not(:disabled){
  background:#b77b2f;
  box-shadow:0 7px 16px rgba(18,58,86,.14);
}
@media (max-width:640px){
  .calendar-days,.calendar-weekdays{gap:.25rem}
  .calendar-day{border-radius:7px}
  .calendar-legend span{padding:.38rem .58rem}
}

/* 0.83.2 – Anfragebereich kompakt und ohne unnötiges Scrollen */
.inquiry-section{
  width:min(1320px,100%);
  margin:0 auto;
  padding:clamp(3.2rem,5vw,5rem) clamp(1.5rem,4vw,4rem);
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(580px,1.22fr);
  gap:clamp(2.5rem,5vw,5.5rem);
  align-items:start;
}
.inquiry-intro{padding-top:.4rem;position:static}
.inquiry-intro h2{font:600 clamp(2.65rem,4vw,4.25rem)/1 Georgia,"Times New Roman",serif;margin:.45rem 0 1rem;color:var(--navy);max-width:560px}
.inquiry-rule{display:block;width:48px;height:2px;background:var(--sand);margin:0 0 1.2rem}
.inquiry-intro>p{max-width:30rem;color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:0}
.inquiry-benefits{display:flex;flex-wrap:wrap;gap:.7rem 1.15rem;margin-top:1.45rem}
.inquiry-benefits span{position:relative;padding-left:1.55rem;color:var(--navy);font-weight:600;font-size:.92rem}
.inquiry-benefits span::before{content:'✓';position:absolute;left:0;color:var(--sand);font-size:1rem;font-weight:800}
.inquiry-form{background:#fff;border:1px solid rgba(197,149,81,.28);border-radius:20px;padding:clamp(1.65rem,2.7vw,2.5rem);box-shadow:0 20px 48px rgba(18,54,82,.09)}
.inquiry-form-heading{margin-bottom:1.4rem;padding-bottom:1.05rem;border-bottom:1px solid var(--line)}
.inquiry-form-heading h3{margin:.12rem 0 .35rem;color:var(--navy);font:600 clamp(1.65rem,2.2vw,2.15rem)/1.08 Georgia,"Times New Roman",serif}
.inquiry-form-heading p:last-child{margin:0;color:var(--muted);font-size:.88rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem}
.form-grid label{display:grid;gap:.4rem;color:var(--navy);font-weight:600;font-size:.9rem;min-width:0}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #c7d2d9;border-radius:10px;padding:.76rem .9rem;font:inherit;color:var(--navy);background:#fff;transition:border-color .18s,box-shadow .18s}
.form-grid input,.form-grid select{min-height:50px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--sand);box-shadow:0 0 0 4px rgba(197,149,81,.13)}
.form-grid textarea{resize:vertical;min-height:112px}
.form-full{grid-column:1/-1}
.address-group{margin:.05rem 0 0;padding:1rem;border:1px solid var(--line);border-radius:13px;background:#fffdfa}
.address-group legend{padding:0 .4rem;color:var(--navy);font-weight:700;font-size:.92rem}
.address-row{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(220px,1fr);gap:.85rem;margin-top:.8rem}
.privacy-check{display:flex;gap:.7rem;align-items:flex-start;margin:1.05rem 0 .5rem;color:var(--muted);font-size:.84rem;line-height:1.45}
.privacy-check input{margin-top:.2rem;flex:0 0 auto}.privacy-check a{color:var(--navy);text-underline-offset:3px}
.form-feedback{min-height:1.1rem;margin:.25rem 0;color:#8b5d20;font-weight:650}
.inquiry-submit{width:100%;justify-content:center;border:0;cursor:pointer;margin-top:.15rem;min-height:52px}
.inquiry-form>small{display:block;margin-top:.75rem;color:var(--muted);text-align:center;font-size:.8rem}
.owner-link{opacity:.58;font-size:.82em}
.owner-link:hover{opacity:1}
@media(max-width:1040px){.inquiry-section{grid-template-columns:1fr;max-width:860px;gap:2.4rem}.inquiry-intro h2{max-width:700px}.inquiry-benefits{margin-top:1.15rem}}
@media(max-width:640px){.inquiry-section{padding:3.2rem 1rem;gap:2rem}.inquiry-intro h2{font-size:2.75rem}.inquiry-form{padding:1.2rem;border-radius:16px}.form-grid{grid-template-columns:1fr;gap:.9rem}.form-full{grid-column:auto}.address-group{grid-column:1/-1;padding:.9rem}.address-row{grid-template-columns:1fr}.inquiry-form-heading{margin-bottom:1.15rem}}
.legal-page{width:min(820px,calc(100% - 2.5rem));margin:0 auto;padding:5rem 0 7rem;line-height:1.75;color:#425b69}.legal-page>a{color:#123a56;font-weight:700}.legal-page h1{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,4.5rem);color:#123a56;margin:.7rem 0 2rem}.legal-page h2{color:#123a56;margin-top:2rem}.legal-note{margin-top:3rem;padding:1rem 1.2rem;background:#f5efe5;border-left:4px solid #b77b2f}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.inquiry-submit:disabled{opacity:.65;cursor:wait}
.form-feedback{min-height:1.5em;color:#9a3f32;font-weight:600}


/* 0.99 – persönlicher Kontaktbereich und dezenter Telefon-CTA */
.hero-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.hero-phone{color:var(--navy);text-decoration:none;font-size:.88rem;letter-spacing:.02em;border-bottom:1px solid rgba(18,54,82,.28);padding:.45rem 0}
.hero-phone strong{font-weight:700;margin-left:.3rem}
.hero-phone:hover{border-color:var(--sand);color:#8a612a}
.contact-host{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(560px,1.15fr);gap:clamp(3rem,6vw,7rem);align-items:center;background:var(--cream);padding:clamp(4.5rem,7vw,7rem) 6vw}
.contact-copy h2{margin:.25rem 0 1rem;color:var(--navy);font:600 clamp(2.7rem,4vw,4.4rem)/.98 Georgia,"Times New Roman",serif;max-width:650px}
.contact-copy>p:last-child{max-width:580px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.contact-card{display:flex;flex-direction:column;min-height:150px;padding:1.4rem 1.5rem;background:#fff;border:1px solid rgba(197,149,81,.32);border-radius:16px;text-decoration:none;box-shadow:0 12px 30px rgba(18,54,82,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contact-card:hover{transform:translateY(-2px);border-color:var(--sand);box-shadow:0 18px 36px rgba(18,54,82,.12)}
.contact-card span{color:var(--sand);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.contact-card strong{margin:.55rem 0 .25rem;color:var(--navy);font-size:1.2rem;overflow-wrap:anywhere}
.contact-card small{color:var(--muted);font-size:.88rem}
.contact-cta{grid-column:1/-1;justify-content:center;min-height:54px}
@media(max-width:940px){.contact-host{grid-template-columns:1fr}.contact-options{max-width:760px}}
@media(max-width:640px){.hero-actions{align-items:flex-start;flex-direction:column;gap:.7rem}.contact-host{padding:4rem 1.25rem}.contact-options{grid-template-columns:1fr}.contact-cta{grid-column:auto}.contact-card{min-height:130px}}

/* 0.99 RC2 – Mobilnummer und dreiteiliger Kontaktbereich */
.contact-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px) {
  .contact-options { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .hero-phone { display: inline-flex; flex-wrap: wrap; gap: .25rem .4rem; }
}

/* Version 1.0 – Datenschutzfreundliche Kartenfreigabe */
.map-consent{min-height:420px;display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,#eef3f5,#f8f4ec);text-align:center;color:var(--navy)}
.map-consent>div{max-width:520px;padding:2rem;background:rgba(255,255,255,.94);border:1px solid rgba(197,149,81,.35);border-radius:16px;box-shadow:0 14px 35px rgba(18,54,82,.1)}
.map-consent strong{font:600 1.8rem/1.1 Georgia,"Times New Roman",serif}
.map-consent p{color:var(--muted);line-height:1.6}
.map-load-button{border:0;background:var(--sand);color:#fff;padding:.9rem 1.25rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;cursor:pointer}
.map-card iframe{display:block;width:100%;min-height:420px;border:0}
.hero-phone{display:inline-flex;flex-wrap:wrap;gap:.25rem .45rem;align-items:center;color:var(--navy);font-size:.88rem;letter-spacing:.02em;padding:.45rem 0}
.hero-phone a{text-decoration:none;border-bottom:1px solid rgba(18,54,82,.28)}
.hero-phone a:hover{border-color:var(--sand);color:#8a612a}

.gallery-item.floorplan{background:#fff}.gallery-item.floorplan img{object-fit:contain;background:#fff;padding:.35rem}.gallery-item.floorplan:hover img{transform:scale(1.015)}


/* Version 1.0.1 – Live-Feinschliff */
.inquiry-section{
  grid-template-columns:minmax(270px,.68fr) minmax(580px,1.32fr);
  gap:clamp(2.25rem,4vw,4.5rem);
}
.inquiry-intro h2{
  font-size:clamp(2.45rem,3.35vw,3.7rem);
  line-height:.98;
  max-width:430px;
}
.inquiry-intro>p{max-width:27rem;font-size:.96rem}
.inquiry-benefits{display:grid;gap:.7rem;margin-top:1.3rem}

.hero-phone{
  display:flex;
  gap:.7rem;
  align-items:stretch;
  padding:0;
  border:0;
}
.hero-phone>a{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-width:138px;
  padding:.58rem .75rem;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(18,54,82,.16)!important;
  border-radius:10px;
  text-decoration:none!important;
  box-shadow:0 5px 16px rgba(18,54,82,.07);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.hero-phone>a:hover{transform:translateY(-1px);border-color:var(--sand)!important;background:#fff;color:var(--navy)}
.hero-phone-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--sand);font-size:1.25rem;line-height:1}
.hero-phone-icon.mobile{font-size:1.55rem;transform:rotate(0deg)}
.hero-phone a>span:last-child{display:flex;flex-direction:column;line-height:1.15}
.hero-phone small{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}
.hero-phone strong{margin:.18rem 0 0;font-size:.82rem;color:var(--navy);white-space:nowrap}

.map-consent{min-height:360px;padding:1.4rem}
.map-consent>div{max-width:460px;padding:1.55rem 1.7rem}
.map-consent strong{font-size:1.55rem}
.map-consent p{font-size:.91rem;margin:.9rem 0 1.15rem}
.map-load-button{padding:.82rem 1.15rem}
.map-card iframe{min-height:360px}

@media(max-width:1040px){
  .inquiry-section{grid-template-columns:1fr;max-width:860px}
  .inquiry-intro h2{max-width:620px}
  .inquiry-benefits{display:flex;flex-wrap:wrap}
}
@media(max-width:700px){
  .hero-phone{width:100%;flex-direction:column}
  .hero-phone>a{width:100%;max-width:230px}
  .inquiry-intro h2{font-size:2.55rem}
}

/* Version 1.1 – typografischer Feinschliff und optimierter mobiler Hero */
:root{
  --heading-xl:clamp(2.9rem,4.25vw,4.75rem);
  --heading-lg:clamp(2.35rem,3.25vw,3.8rem);
}

/* Einheitlich ruhigere Überschriften auf Desktop und Tablet */
.hero-copy h1{
  font-size:var(--heading-xl);
  line-height:.94;
}
.section h2,
.gallery-head h2,
.booking-section h2,
.availability-intro h2,
.location-intro h2,
.contact-copy h2{
  font-size:var(--heading-lg);
  line-height:1;
}
.inquiry-intro h2{
  font-size:clamp(2.25rem,3vw,3.35rem);
  line-height:1;
}

/* Etwas kompaktere Sektionen, ohne die ruhige Wirkung zu verlieren */
.section{padding-top:clamp(3.8rem,5.8vw,6.5rem);padding-bottom:clamp(3.8rem,5.8vw,6.5rem)}
.gallery-section{padding-top:clamp(4.2rem,6.4vw,7rem);padding-bottom:clamp(4.2rem,6.4vw,7rem)}
.contact-host{padding-top:clamp(3.8rem,5.8vw,6rem);padding-bottom:clamp(3.8rem,5.8vw,6rem)}

/* Bäcker als wohnortnahes Ziel hervorheben */
.distance-icon.bakery-icon{
  font:700 1.05rem/1 Georgia,"Times New Roman",serif;
  letter-spacing:.02em;
}

@media(max-width:1150px){
  :root{--heading-xl:clamp(2.8rem,6vw,4.15rem);--heading-lg:clamp(2.3rem,4.7vw,3.35rem)}
  .site-header{min-height:84px}
  .brand svg{width:56px;height:56px}
  .brand strong{font-size:1.65rem}
}

@media(max-width:700px){
  html{font-size:17px}
  .site-header{min-height:72px;padding:0 .9rem}
  .brand svg{width:45px;height:45px}
  .brand strong{font-size:1.28rem}
  .brand small{font-size:.47rem;margin-top:.24rem}

  /* Keine absolute Positionierung mehr: Der Hero wächst mit seinem Inhalt. */
  .hero{
    min-height:0;
    display:block;
    padding:0;
    background:
      linear-gradient(180deg,
        rgba(255,253,249,.98) 0%,
        rgba(255,253,249,.93) 36%,
        rgba(255,253,249,.72) 60%,
        rgba(255,253,249,.18) 100%),
      url("assets/images/hero-foehr.jpg") 67% center/auto 100% no-repeat;
    background-color:#eef4f5;
  }
  .hero-copy{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    transform:none;
    padding:2.15rem 1.15rem 2.35rem;
    min-height:590px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-copy h1{
    font-size:clamp(2.55rem,12vw,3.15rem);
    line-height:.95;
    max-width:9.4ch;
  }
  .gold-rule{margin:.9rem 0}
  .hero-copy p{
    display:inline-block;
    max-width:19rem;
    margin:0 0 1.15rem;
    padding:.56rem .7rem;
    background:rgba(255,253,249,.83);
    border-left:3px solid var(--sand);
    border-radius:0 8px 8px 0;
    box-shadow:0 5px 16px rgba(18,54,82,.06);
    font-size:.96rem;
    line-height:1.45;
  }
  .hero-actions{
    width:100%;
    gap:.75rem;
    align-items:flex-start;
  }
  .hero-actions>.primary-button{
    position:relative;
    z-index:2;
    min-height:49px;
    padding:.88rem 1.05rem;
    font-size:.72rem;
  }
  .hero-phone{width:100%;flex-direction:row;flex-wrap:wrap;gap:.55rem}
  .hero-phone>a{width:auto;min-width:0;max-width:none;padding:.52rem .66rem}
  .hero-phone-icon{width:24px;height:24px;font-size:1.08rem}
  .hero-phone-icon.mobile{font-size:1.3rem}
  .hero-phone small{font-size:.55rem}
  .hero-phone strong{font-size:.75rem}

  /* Fakten beginnen garantiert erst unterhalb des kompletten Hero-Inhalts. */
  .quick-facts{position:relative;z-index:3}

  .section h2,
  .gallery-head h2,
  .booking-section h2,
  .availability-intro h2,
  .location-intro h2,
  .contact-copy h2,
  .inquiry-intro h2{
    font-size:clamp(2.05rem,9.8vw,2.55rem);
    line-height:1.02;
  }
  .section{padding:3.65rem 1.15rem}
  .gallery-section{padding:3.65rem 1rem}
  .contact-host{padding:3.65rem 1.15rem}
  .inquiry-section{padding:3rem 1rem}
}

@media(max-width:420px){
  .hero-copy{min-height:570px;padding-top:1.8rem}
  .hero-copy h1{font-size:2.45rem}
  .hero-phone{flex-direction:column}
  .hero-phone>a{width:100%;max-width:210px}
  .section h2,
  .gallery-head h2,
  .booking-section h2,
  .availability-intro h2,
  .location-intro h2,
  .contact-copy h2,
  .inquiry-intro h2{font-size:2rem}
}

/* Version 1.1.1 – final ruhigeres Typografiesystem */
:root{
  --heading-xl:clamp(2.55rem,3.65vw,4.05rem);
  --heading-lg:clamp(2.05rem,2.75vw,3.05rem);
}

.hero-copy h1{
  font-size:var(--heading-xl);
  line-height:.96;
}
.section h2,
.gallery-head h2,
.booking-section h2,
.availability-intro h2,
.location-intro h2,
.contact-copy h2{
  font-size:var(--heading-lg);
  line-height:1.03;
}
.inquiry-intro h2{
  font-size:clamp(2rem,2.55vw,2.75rem);
  line-height:1.04;
}
.legal-page h1{
  font-size:clamp(2.2rem,4.5vw,3.65rem);
  line-height:1.04;
}
.quick-facts{
  padding-top:1.05rem;
  padding-bottom:1.05rem;
}
.quick-facts article{min-height:54px}

@media(max-width:1150px){
  :root{
    --heading-xl:clamp(2.45rem,5vw,3.6rem);
    --heading-lg:clamp(1.95rem,3.9vw,2.85rem);
  }
}

@media(max-width:700px){
  .hero-copy h1{
    font-size:clamp(2.15rem,10.2vw,2.65rem);
    line-height:.98;
    max-width:10.2ch;
  }
  .section h2,
  .gallery-head h2,
  .booking-section h2,
  .availability-intro h2,
  .location-intro h2,
  .contact-copy h2,
  .inquiry-intro h2{
    font-size:clamp(1.75rem,8.2vw,2.15rem);
    line-height:1.06;
  }
  .hero-copy p{
    font-size:.91rem;
    line-height:1.42;
  }
  .quick-facts article{
    min-height:0;
    padding:.82rem 1.15rem;
  }
}

@media(max-width:420px){
  .hero-copy h1{font-size:2.12rem}
  .section h2,
  .gallery-head h2,
  .booking-section h2,
  .availability-intro h2,
  .location-intro h2,
  .contact-copy h2,
  .inquiry-intro h2{font-size:1.82rem}
}

/* Version 1.2 – einheitliche Linien-Icons und kompakte Kontaktkarten */
.mini-icon svg,.distance-icon svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-card{min-height:118px;justify-content:center}
.contact-card strong{margin:.55rem 0 0}
@media(max-width:640px){.contact-card{min-height:104px}}