/* Erweiterungen: Küsten- und Bewertungsbereich */
.nav-shell{background:#F4F3F4;}
.services{background:#fff;}
.services .section-heading{display:block;margin:0 auto 58px;text-align:center;}
.services .section-heading .overline{margin-bottom:15px;}
.services .section-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(44px,5.6vw,76px);font-weight:600;letter-spacing:-.06em;line-height:.95;}
.services .heading-note{max-width:430px;margin:15px auto 0;color:#8c8b88;font-size:13px;line-height:1.35;}
.services .service-list{width:min(100%,920px);margin:auto;border-top:1px dashed #dfdfdc;}
.services .service-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;min-height:102px;padding:20px 17px;border-bottom:1px dashed #dfdfdc;background:transparent;transition:background .3s ease,transform .3s ease;}
.services .service-card h3{font-family:Inter,Arial,sans-serif;font-size:clamp(25px,3vw,34px);font-weight:400;letter-spacing:-.05em;line-height:1.1;color:#92918e;transition:color .3s ease;}
.services .service-card p{display:none;}
.services .service-card .service-arrow{position:relative;z-index:2;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#92918e;font-family:Inter,Arial,sans-serif;font-size:29px;transition:transform .25s ease,background .25s ease,color .25s ease;}
.services .service-card:hover h3{color:var(--clay);}.services .service-card:hover .service-arrow{transform:translate(3px,-3px);}
.services .service-card-featured{margin:5px 0;padding:21px 18px;border-bottom:0;border-radius:11px;background:#f7f6f5;}
.services .service-card-featured h3{color:#76584c;font-weight:500;}
.services .service-card-featured .service-arrow{background:#76584c;color:#fff;box-shadow:0 7px 13px rgba(71,47,37,.16);}
.service-preview{position:absolute;z-index:1;right:104px;top:50%;width:135px;height:112px;object-fit:cover;object-position:55% 40%;border:4px solid #f7f6f5;border-radius:18px;box-shadow:0 10px 22px rgba(57,47,42,.18);transform:translateY(-50%) rotate(3deg);transition:transform .35s cubic-bezier(.16,1,.3,1);}
.service-card-featured:hover .service-preview{transform:translateY(-54%) rotate(0) scale(1.03);}
.value-points>div{grid-template-columns:1fr 1.3fr;}
.coast-feature{
  position:relative;
  isolation:isolate;
  min-height:700px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:var(--deep);
}
.coast-photo{
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('assets/wohnraum-meerblick.webp') center 54% / cover no-repeat;
  filter:saturate(.68) brightness(.66);
}
.coast-feature::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(31,48,40,.88),rgba(31,48,40,.4) 58%,rgba(31,48,40,.05));
}
.coast-content{padding:120px 0;}
.coast-content .overline{color:#e5d0b8;}
.coast-content h2{max-width:720px;margin:21px 0 35px;font-size:clamp(58px,7vw,101px);}
.coast-content h2 em{color:#e6c8ab;}
.coast-content>p:not(.overline){max-width:465px;margin:0 0 36px;font-size:17px;color:#eef0eb;}
.valuation{background:var(--paper);}
.valuation-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:start;}
.valuation h2{max-width:540px;margin:20px 0 30px;font-size:clamp(47px,5.4vw,75px);}
.valuation-grid>div>p:not(.overline){max-width:485px;margin:0 0 31px;color:var(--muted);font-size:17px;}
.value-points{border-top:1px solid var(--line);}
.value-points>div{display:grid;grid-template-columns:58px 1fr 1.3fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.value-points span{font:10px 'IBM Plex Mono',monospace;color:var(--clay);}
.value-points h3{font-size:25px;}
.value-points p{margin:0;color:var(--muted);font-size:14px;}
.about-gallery{position:relative;min-height:620px;padding:0 64px 72px 0;}
.about-gallery figure{margin:0;overflow:hidden;background:var(--deep);}
.about-gallery img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02);transition:transform .8s cubic-bezier(.16,1,.3,1);}
.about-gallery:hover img{transform:scale(1.045);}
.about-family{height:515px;border-radius:0 110px 0 110px;}
.about-family img{object-position:center 48%;}
.about-portrait{position:absolute;z-index:1;right:0;bottom:0;width:43%;height:242px;border:8px solid #f0eee8;border-radius:54px 0 54px 0;box-shadow:0 18px 38px rgba(26,38,31,.2);}
.about-portrait img{object-position:60% center;}
.about-gallery>p{position:absolute;left:0;bottom:5px;margin:0;font:10px 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);}
.property-gallery{display:grid;grid-template-columns:1.3fr .55fr .55fr 1.05fr;grid-template-rows:275px 150px;gap:14px;margin-top:95px;}
.property-gallery figure{position:relative;overflow:hidden;margin:0;background:var(--deep);}
.property-gallery img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s ease;}
.property-gallery figure:hover img{transform:scale(1.05);filter:saturate(1);}
.property-gallery figcaption{position:absolute;left:14px;bottom:11px;color:#fff;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.55);}
.gallery-interior{grid-row:1 / span 2;border-radius:0 72px 0 72px;}
.gallery-roof{border-radius:0 42px 0 0;}.gallery-roof img{object-position:60% center;}
.gallery-room{border-radius:42px 0 0 0;}.gallery-room img{object-position:center 40%;}
.gallery-advice{grid-column:2 / span 3;border-radius:0 0 60px 0;}.gallery-advice img{object-position:center 42%;}
@media(max-width:800px){
  .services .section-heading{margin-bottom:40px;}.services .section-heading h2{font-size:clamp(40px,10.5vw,58px);}
  .services .service-card{min-height:78px;padding:16px 8px;}.services .service-card h3{font-size:25px;}.services .service-card-featured{padding:18px 12px;}.services .service-card-featured h3{max-width:175px;}.service-preview{right:72px;width:88px;height:75px;border-width:3px;border-radius:12px;}
  .coast-feature{min-height:590px;}
  .main-nav{background:#F4F3F4;}
  .coast-content{padding:90px 0;}
  .coast-content h2{font-size:clamp(55px,14vw,80px);}
  .coast-content>p:not(.overline){font-size:16px;}
  .valuation-grid{grid-template-columns:1fr;gap:58px;}
  .property-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 160px 160px;gap:9px;margin-top:60px;}
  .gallery-interior{grid-row:1;grid-column:1 / span 2;border-radius:0 55px 0 55px;}
  .gallery-roof{grid-row:2;border-radius:0 35px 0 0;}
  .gallery-room{grid-row:2;border-radius:35px 0 0 0;}
  .gallery-advice{grid-column:1 / span 2;grid-row:3;border-radius:0 0 45px 0;}
  .about-gallery{min-height:455px;padding:0 39px 49px 0;}
  .about-family{height:385px;border-radius:0 72px 0 72px;}
  .about-portrait{width:47%;height:163px;border-width:5px;border-radius:38px 0 38px 0;}
  .value-points>div{grid-template-columns:38px 1fr;gap:10px;}
  .value-points>div{grid-template-columns:1fr;gap:4px;}
  .value-points p{grid-column:auto;}
}
