/* V023 – einheitliche Bildformate für Überschriften und Inhaltsbereiche. */
.design-v023 .page-hero{background:#f7f7f4;}
.design-v023 .page-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(320px,560px);
  gap:clamp(28px,4vw,68px);
  align-items:center;
  min-height:auto;
  padding:clamp(34px,4vw,54px) 0;
}
.design-v023 .page-hero-copy{
  padding:0;
  max-width:620px;
}
.design-v023 .page-hero-photo,
.design-v023 .v020-build-hero .v12-subhero-photo{
  width:100%;
  max-width:560px;
  aspect-ratio:5 / 4;
  height:auto;
  min-height:0;
  overflow:hidden;
  justify-self:end;
  align-self:center;
  background:#ece8df;
}
.design-v023 .page-hero-photo img,
.design-v023 .v020-build-hero .v12-subhero-photo img{
  position:static;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}
.design-v023 .chapter-body.has-media{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,0.88fr);
  column-gap:clamp(28px,4vw,64px);
  row-gap:22px;
  align-items:start;
}
.design-v023 .chapter-body.has-media > .kicker,
.design-v023 .chapter-body.has-media > h2,
.design-v023 .chapter-body.has-media > .planning-inline-link{
  grid-column:1 / -1;
}
.design-v023 .chapter-body.has-media > .prose{
  grid-column:1;
  margin:0;
  min-width:0;
}
.design-v023 .chapter-body.has-media > .chapter-figure{
  grid-column:2;
  margin:0;
}
.design-v023 .chapter-figure,
.design-v023 .v020-pair > .chapter-figure{
  width:100%;
  max-width:none;
  max-height:none;
  aspect-ratio:4 / 3;
  overflow:hidden;
  background:#ece8df;
}
.design-v023 .chapter-figure img,
.design-v023 .v020-pair > .chapter-figure img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.design-v023 .v020-individual-layout .v020-pair{
  grid-template-columns:minmax(0,1fr) minmax(280px,0.95fr);
  align-items:start;
}
.design-v023 .v020-individual-layout .v020-pair > .chapter-figure{margin:0;}
.design-v023 .v020-individual-layout .v020-text-only .prose{max-width:none;}

@media (max-width: 900px){
  .design-v023 .page-hero-inner,
  .design-v023 .chapter-body.has-media,
  .design-v023 .v020-individual-layout .v020-pair{
    grid-template-columns:1fr;
  }
  .design-v023 .page-hero-photo,
  .design-v023 .v020-build-hero .v12-subhero-photo{
    justify-self:stretch;
    max-width:none;
  }
  .design-v023 .chapter-body.has-media > .prose,
  .design-v023 .chapter-body.has-media > .chapter-figure,
  .design-v023 .chapter-body.has-media > .planning-inline-link,
  .design-v023 .v020-individual-layout .v020-pair > .prose,
  .design-v023 .v020-individual-layout .v020-pair > .chapter-figure{
    grid-column:auto;
    grid-row:auto;
  }
}
@media (max-width: 640px){
  .design-v023 .page-hero-photo,
  .design-v023 .v020-build-hero .v12-subhero-photo{aspect-ratio:5 / 4;}
  .design-v023 .chapter-figure,
  .design-v023 .v020-pair > .chapter-figure{aspect-ratio:4 / 3;}
}

/* Stronger overrides for existing specialist-page variants. */
.design-v023 .v020-photo-hero .page-hero-inner,
.design-v023 .v016-text-hero .page-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(320px,560px);
  gap:clamp(28px,4vw,68px);
  align-items:center;
  min-height:auto;
  padding:clamp(34px,4vw,54px) 0;
}
.design-v023 .v020-photo-hero .page-hero-copy,
.design-v023 .v016-text-hero .page-hero-copy{
  padding:0;
  max-width:620px;
}
.design-v023 .v020-build-hero .v12-subhero-grid,
.design-v023 .v017-unified-build.v018-photo-free .v12-subhero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,560px);
  gap:clamp(28px,4vw,68px);
  align-items:center;
}
.design-v023 .v017-unified-build.v018-photo-free .v12-subhero-grid > div:first-child,
.design-v023 .v020-build-hero .v12-subhero-grid > div:first-child{
  max-width:none;
  padding:24px 0 30px;
}
.design-v023 .v018-wide-chapter .v018-pair,
.design-v023 .v017-wide-chapter .v017-wide-pair,
.design-v023 .v016-chapter-pair{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,0.95fr);
  column-gap:clamp(28px,4vw,64px);
  row-gap:22px;
  align-items:start;
}
.design-v023 .v018-wide-chapter .v018-pair > .chapter-figure,
.design-v023 .v017-wide-chapter .v017-wide-pair > .chapter-figure,
.design-v023 .v016-chapter-pair > .chapter-figure,
.design-v023 .v017-placeholder-figure{
  min-width:0;
  max-width:none;
  width:100%;
  max-height:none;
  margin:0;
  overflow:hidden;
  aspect-ratio:4 / 3;
  background:#ece8df;
  justify-self:stretch;
}
.design-v023 .v018-wide-chapter .v018-pair > .chapter-figure img,
.design-v023 .v017-wide-chapter .v017-wide-pair > .chapter-figure img,
.design-v023 .v016-chapter-pair > .chapter-figure img,
.design-v023 .v017-placeholder-figure img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none !important;
  object-fit:cover;
  object-position:center center;
  margin:0;
}
@media (max-width: 900px){
  .design-v023 .v020-photo-hero .page-hero-inner,
  .design-v023 .v016-text-hero .page-hero-inner,
  .design-v023 .v020-build-hero .v12-subhero-grid,
  .design-v023 .v017-unified-build.v018-photo-free .v12-subhero-grid,
  .design-v023 .v018-wide-chapter .v018-pair,
  .design-v023 .v017-wide-chapter .v017-wide-pair,
  .design-v023 .v016-chapter-pair{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .design-v023 .v020-build-hero .v12-subhero-grid,
  .design-v023 .v017-unified-build.v018-photo-free .v12-subhero-grid{
    display:grid;
  }
}