/* Heidenheim.info – Wieso.Weshalb.Warum. CI-Achse 0.1.227
 * Erzwingt die 1320-px-Inhaltsachse unabhängig von älteren Public-/Legal-Regeln.
 */

.hi-about-page__content{
  position:relative!important;
  z-index:4!important;
  width:calc(100% - 64px)!important;
  max-width:1320px!important;
  margin:-58px auto 0!important;
  padding:0 0 64px!important;
  box-sizing:border-box!important;
}

/* Die einzelnen Inhaltsblöcke werden zusätzlich selbst begrenzt. So kann eine
 * ältere globale Breitenregel die Seite nicht wieder auseinanderziehen. */
.hi-about-page__facts,
.hi-about-page__sections,
.hi-about-page__actions{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

.hi-about-page__facts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  margin-top:0!important;
  margin-bottom:32px!important;
}
.hi-about-page__facts .hi-public-page__card{
  min-height:205px!important;
  padding:26px!important;
  gap:16px!important;
  border-radius:20px!important;
}
.hi-about-page__facts .hi-public-page__card-copy>span{
  max-width:44ch!important;
}

.hi-about-page__sections{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.hi-about-page__sections>section{
  min-height:178px!important;
  padding:30px 32px!important;
  border-radius:19px!important;
}
.hi-about-page__sections>.hi-about-page__intro{
  grid-column:1/-1!important;
  min-height:0!important;
  padding:34px 38px!important;
}
.hi-about-page__sections h2{
  max-width:28ch!important;
}
.hi-about-page__sections p{
  max-width:68ch!important;
}
.hi-about-page__sections>.hi-about-page__intro p{
  max-width:90ch!important;
}

.hi-about-page__actions{
  margin-top:24px!important;
  margin-bottom:0!important;
}

@media(max-width:980px){
  .hi-about-page__content{
    width:calc(100% - 36px)!important;
    margin:24px auto 0!important;
    padding-bottom:48px!important;
  }
  .hi-about-page__facts,
  .hi-about-page__sections{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .hi-about-page__facts .hi-public-page__card,
  .hi-about-page__sections>section{
    min-height:0!important;
  }
  .hi-about-page__sections>.hi-about-page__intro{
    grid-column:auto!important;
  }
}

@media(max-width:620px){
  .hi-about-page__content{
    width:calc(100% - 28px)!important;
    padding-bottom:38px!important;
  }
  .hi-about-page__facts .hi-public-page__card{
    padding:21px!important;
  }
  .hi-about-page__sections>section,
  .hi-about-page__sections>.hi-about-page__intro{
    padding:23px!important;
  }
}