/* V016 – nur Massivbauweise, Energieeffizienz und Bauablauf. */
/* Die drei Fachseiten verzichten bewusst auf das bisherige große Einstiegsfoto.
   Bilddateien verbleiben im Projekt, und alle fachlichen Kapitelbilder bleiben erhalten. */
.design-v014 .v016-text-hero .page-hero-inner {
  grid-template-columns:minmax(0,1fr);
  min-height:unset;
}
.design-v014 .v016-text-hero .page-hero-copy {
  padding:clamp(60px,7vw,105px) 0 clamp(44px,5vw,75px);
  max-width:960px;
}
.design-v014 .v016-text-hero .page-hero-copy h1 {
  max-width:980px;
}
.design-v014 .v016-bauablauf-hero .page-hero-copy h1 {
  max-width:19ch;
  font-size:clamp(35px,4.8vw,66px);
  line-height:1.1;
}
/* Bilder der Fachkapitel stehen auf großen Monitoren neben den zugehörigen Texten,
   in alternierender Anordnung. Keine Zuschneidung der Originalbilder. */
.design-v014 .v016-chapter-pair {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);
  gap:clamp(24px,3vw,46px);
  align-items:start;
}
.design-v014 .v016-chapter-pair .prose {min-width:0;}
.design-v014 .v016-chapter-pair .chapter-figure {
  min-width:0;
  width:100%;
  margin:0;
  max-width:none;
  max-height:none;
}
.design-v014 .v016-chapter-pair .chapter-figure img {
  display:block;
  width:100%;
  max-height:350px;
  height:auto;
  object-fit:contain;
  object-position:center top;
  background:transparent;
}
.design-v014 .v016-chapter-pair--reverse .chapter-figure {grid-column:1;grid-row:1;}
.design-v014 .v016-chapter-pair--reverse .prose {grid-column:2;grid-row:1;}
@media(max-width:1100px){
  .design-v014 .v016-chapter-pair {grid-template-columns:minmax(0,1fr);gap:22px;}
  .design-v014 .v016-chapter-pair--reverse .chapter-figure,
  .design-v014 .v016-chapter-pair--reverse .prose {grid-column:auto;grid-row:auto;}
  .design-v014 .v016-chapter-pair .chapter-figure {max-width:450px;}
  .design-v014 .v016-chapter-pair .chapter-figure img {max-height:340px;}
}
@media(max-width:640px){
  .design-v014 .v016-text-hero .page-hero-copy {padding:57px 0 32px;}
  .design-v014 .v016-bauablauf-hero .page-hero-copy h1 {font-size:clamp(33px,8vw,45px);}
  .design-v014 .v016-chapter-pair .chapter-figure img {max-height:320px;}
}
