/* V020 – ruhige Hero-Bilder und Individualplanung im Text/Bild-Muster wie besprochen. */
.design-v014 .v020-photo-hero .page-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:460px;
  align-items:stretch;
}
.design-v014 .v020-photo-hero .page-hero-copy{
  max-width:620px;
  padding-right:clamp(28px,4vw,58px);
}
.design-v014 .v020-photo-hero .page-hero-photo,
.design-v014 .v020-build-hero .v12-subhero-photo{
  background:#ecebe7;
}
.design-v014 .v020-photo-hero .page-hero-photo img,
.design-v014 .v020-build-hero .v12-subhero-photo img{
  filter:saturate(.72) contrast(.97) brightness(1.01);
}
.design-v014 .v020-photo-hero .page-hero-copy>p:not(.kicker){max-width:550px;}
.design-v014 .v020-photo-hero .page-hero-copy h1{max-width:18ch;}
.design-v014 .v020-photo-hero.v016-bauablauf-hero .page-hero-copy h1{max-width:11.5ch;}
.design-v014 .v020-photo-hero .page-hero-photo img{object-position:center center;}

/* Individualplanung: gleicher ruhiger Fachseitenstil mit Foto/Text-Paaren in voller Breite. */
.design-v014 .v020-individual-layout{padding:clamp(55px,6.5vw,88px) 0;}
.design-v014 .v020-individual-layout .chapter-layout{display:block;}
.design-v014 .v020-individual-layout .chapter-aside{display:none;}
.design-v014 .v020-individual-layout .chapter-body{max-width:none;width:100%;}
.design-v014 .v020-individual-layout .chapter-body>.kicker{margin:0 0 16px;}
.design-v014 .v020-individual-layout .chapter-body>h2{
  max-width:1040px;
  margin:0 0 clamp(24px,3vw,39px);
  font-size:clamp(29px,3.15vw,44px);
  line-height:1.14;
}
.design-v014 .v020-individual-layout .v020-pair{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(35px,5vw,88px);
  row-gap:22px;
  align-items:start;
}
.design-v014 .v020-individual-layout .v020-pair>.prose{
  min-width:0;
  max-width:none;
  font-size:16px;
  line-height:1.85;
}
.design-v014 .v020-individual-layout .v020-pair>.chapter-figure{
  min-width:0;
  max-width:100%;
  width:100%;
  max-height:none;
  margin:0;
  padding:0;
  overflow:visible;
}
.design-v014 .v020-individual-layout .v020-pair>.chapter-figure img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:455px;
  object-fit:contain;
  object-position:left top;
  margin:0;
}
.design-v014 .v020-individual-layout .v020-pair.v020-image-left>.chapter-figure{grid-column:1;grid-row:1;}
.design-v014 .v020-individual-layout .v020-pair.v020-image-left>.prose{grid-column:2;grid-row:1;}
.design-v014 .v020-individual-layout .v020-pair.v020-image-right>.prose{grid-column:1;grid-row:1;}
.design-v014 .v020-individual-layout .v020-pair.v020-image-right>.chapter-figure{grid-column:2;grid-row:1;}
.design-v014 .v020-individual-layout .v020-text-only .prose{max-width:860px;}
.design-v014 .v020-individual-layout .planning-inline-link{
  max-width:520px;
  margin-top:26px;
  padding:22px 24px;
  border:1px solid #d7ddd8;
  background:#fff;
}
.design-v014 .v020-individual-layout .planning-inline-link strong{display:block;font-size:18px;margin-bottom:7px;}
.design-v014 .v020-individual-layout .planning-inline-link p{margin:0 0 14px;color:#5e6762;}

/* So bauen wir: hero wieder mit schlichtem Bild. */
.design-v014 .v020-build-hero.v018-photo-free .v12-subhero-grid{display:grid;}
.design-v014 .v020-build-hero.v018-photo-free .v12-subhero-grid>div:first-child{
  max-width:none;
  padding:24px 0 30px;
}
.design-v014 .v020-build-hero .v12-subhero-grid{
  min-height:0;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,5vw,70px);
  align-items:center;
}
.design-v014 .v020-build-hero .v12-subhero-photo{
  min-height:355px;
  height:355px;
  overflow:hidden;
}
.design-v014 .v020-build-hero .v12-subhero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

@media(max-width:1000px){
  .design-v014 .v020-build-hero .v12-subhero-grid{grid-template-columns:1fr 1fr;gap:30px;}
}
@media(max-width:900px){
  .design-v014 .v020-photo-hero .page-hero-inner{grid-template-columns:1fr 1fr;min-height:380px;}
  .design-v014 .v020-photo-hero .page-hero-copy{padding-right:24px;}
  .design-v014 .v020-individual-layout .v020-pair{display:flex;flex-direction:column;gap:22px;}
  .design-v014 .v020-individual-layout .v020-pair.v020-image-left>.chapter-figure,
  .design-v014 .v020-individual-layout .v020-pair.v020-image-left>.prose,
  .design-v014 .v020-individual-layout .v020-pair.v020-image-right>.chapter-figure,
  .design-v014 .v020-individual-layout .v020-pair.v020-image-right>.prose{grid-column:auto;grid-row:auto;}
  .design-v014 .v020-individual-layout .v020-pair>.prose{order:1;}
  .design-v014 .v020-individual-layout .v020-pair>.chapter-figure{order:2;}
}
@media(max-width:760px){
  .design-v014 .v020-build-hero .v12-subhero-grid{display:flex;flex-direction:column;align-items:stretch;gap:12px;}
  .design-v014 .v020-build-hero .v12-subhero-grid>div:first-child{padding:10px 0;}
  .design-v014 .v020-build-hero .v12-subhero-photo{height:250px;min-height:250px;}
}
@media(max-width:640px){
  .design-v014 .v020-photo-hero .page-hero-inner{grid-template-columns:1fr;min-height:auto;}
  .design-v014 .v020-photo-hero .page-hero-copy{padding-right:0;}
  .design-v014 .v020-photo-hero .page-hero-copy h1,
  .design-v014 .v020-photo-hero.v016-bauablauf-hero .page-hero-copy h1{max-width:100%;}
  .design-v014 .v020-photo-hero .page-hero-photo{height:250px;min-height:250px;}
  .design-v014 .v020-individual-layout .chapter-body>h2{font-size:clamp(28px,7vw,36px);}
  .design-v014 .v020-individual-layout .v020-pair>.prose{font-size:15px;}
  .design-v014 .v020-individual-layout .v020-pair>.chapter-figure img{max-height:335px;}
}