/* Heidenheim.info – Wieso.Weshalb.Warum. robustes Layout 0.1.226
 * Bewusst unabhängig von der dynamischen Body-Klasse: die eindeutige
 * .hi-about-page-Struktur reicht für das Layout aus.
 */

body:has(.hi-about-page) main.hi-page-shell{padding-top:0!important;}
body:has(.hi-about-page) main.hi-page-shell>.wp-block-post-title{display:none!important;}
body:has(.hi-about-page) main.hi-page-shell .wp-block-post-content:has(.hi-about-page){
  width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;
}
body:has(.hi-about-page) main.hi-page-shell .wp-block-post-content:has(.hi-about-page)>.wp-block-shortcode{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}

.hi-about-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f5f8f8!important;
}
.hi-about-page__hero{
  position:relative!important;width:100%!important;max-width:none!important;min-height:420px!important;margin:0!important;border:0!important;border-radius:0!important;
  display:flex!important;align-items:center!important;box-sizing:border-box!important;overflow:hidden!important;
  padding:72px max(32px,calc((100vw - 1320px)/2 + 32px)) 100px!important;
  background-image:linear-gradient(90deg,rgba(5,27,41,.86),rgba(7,70,70,.60) 58%,rgba(5,27,41,.24)),url('../images/home/hero-haertsfeldsee.webp')!important;
  background-size:cover!important;background-position:center 52%!important;box-shadow:none!important;
}
.hi-about-page__hero::before{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 68%,rgba(0,0,0,.08))!important;
}
.hi-about-page__hero::after{display:none!important;}
.hi-about-page__hero-inner{width:min(780px,100%)!important;position:relative!important;z-index:2!important;}
.hi-about-page__hero .hi-public-page__eyebrow{
  display:block!important;margin:0 0 14px!important;color:#bfe9e5!important;font-size:.78rem!important;line-height:1.2!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;font-weight:900!important;
}
.hi-about-page__hero h1{
  margin:0!important;color:#fff!important;font-size:clamp(3rem,5.2vw,5.35rem)!important;line-height:.98!important;letter-spacing:-.05em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.15)!important;
}
.hi-about-page__hero p:last-child{
  max-width:720px!important;margin:22px 0 0!important;color:rgba(255,255,255,.94)!important;font-size:clamp(1.05rem,1.35vw,1.22rem)!important;
  line-height:1.62!important;font-weight:520!important;
}

.hi-about-page__content{
  position:relative!important;z-index:4!important;width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;
  margin:-58px auto 0!important;padding:0 0 52px!important;box-sizing:border-box!important;
}
.hi-about-page__facts{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0 0 34px!important;
}
.hi-about-page__facts .hi-public-page__card{
  display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important;gap:18px!important;
  min-height:224px!important;margin:0!important;padding:28px!important;box-sizing:border-box!important;
  border:1px solid #d4e1e4!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 44px rgba(17,52,70,.11)!important;
}
.hi-about-page__facts .hi-public-page__card::before{display:none!important;content:none!important;}
.hi-about-page__facts .hi-public-page__card-icon{
  width:58px!important;height:58px!important;border-radius:17px!important;display:grid!important;place-items:center!important;
  background:#e8f4f2!important;color:#0b7a75!important;
}
.hi-about-page__facts .hi-public-page__card-icon svg{
  width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.hi-about-page__facts .hi-public-page__card-copy{display:grid!important;gap:7px!important;min-width:0!important;}
.hi-about-page__facts .hi-public-page__card-copy small{
  color:#0b7a75!important;font-size:.74rem!important;font-weight:900!important;line-height:1.25!important;letter-spacing:.075em!important;text-transform:uppercase!important;
}
.hi-about-page__facts .hi-public-page__card strong{
  display:block!important;color:#0b3043!important;font-size:1.24rem!important;line-height:1.2!important;letter-spacing:-.02em!important;
}
.hi-about-page__facts .hi-public-page__card-copy>span{
  color:#536872!important;font-size:.96rem!important;line-height:1.65!important;
}

.hi-about-page__sections{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:0!important;padding:0!important;
}
.hi-about-page__sections>section{
  min-height:190px!important;margin:0!important;padding:34px 36px!important;box-sizing:border-box!important;
  border:1px solid #d8e3e6!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 26px rgba(17,52,70,.055)!important;
}
.hi-about-page__sections>.hi-about-page__intro{
  grid-column:1/-1!important;min-height:0!important;padding:38px 44px!important;border-left:6px solid #0b7a75!important;
  background:linear-gradient(135deg,#eef7f5 0%,#fff 72%)!important;
}
.hi-about-page__sections h2{
  margin:0 0 13px!important;color:#0b3043!important;font-size:clamp(1.45rem,1.8vw,1.9rem)!important;line-height:1.15!important;letter-spacing:-.03em!important;
}
.hi-about-page__sections p{
  max-width:72ch!important;margin:0!important;color:#536872!important;font-size:1rem!important;line-height:1.72!important;
}
.hi-about-page__intro p{max-width:92ch!important;font-size:1.04rem!important;}

.hi-about-page__actions{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:28px 0 0!important;padding:0!important;
}
.hi-about-page__actions a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:.78rem 1.18rem!important;
  border:1px solid #0b7a75!important;border-radius:999px!important;background:#0b7a75!important;color:#fff!important;
  font-size:.94rem!important;font-weight:850!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(11,122,117,.15)!important;
}
.hi-about-page__actions a+a{background:#fff!important;color:#0b3043!important;border-color:#cbdadd!important;box-shadow:none!important;}
.hi-about-page__actions a:hover,.hi-about-page__actions a:focus-visible{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(17,52,70,.15)!important;}

@media(max-width:980px){
  .hi-about-page__hero{min-height:360px!important;padding:58px 28px 64px!important;}
  .hi-about-page__content{width:min(100% - 36px,1320px)!important;margin:24px auto 0!important;}
  .hi-about-page__facts{grid-template-columns:1fr!important;gap:16px!important;}
  .hi-about-page__facts .hi-public-page__card{min-height:0!important;}
  .hi-about-page__sections{grid-template-columns:1fr!important;gap:16px!important;}
  .hi-about-page__sections>.hi-about-page__intro{grid-column:auto!important;}
  .hi-about-page__sections>section{min-height:0!important;}
}
@media(max-width:620px){
  .hi-about-page__hero{min-height:330px!important;padding:46px 20px 50px!important;}
  .hi-about-page__hero h1{font-size:clamp(2.45rem,12vw,3.65rem)!important;}
  .hi-about-page__hero p:last-child{font-size:1rem!important;line-height:1.55!important;}
  .hi-about-page__content{width:calc(100% - 28px)!important;padding-bottom:38px!important;}
  .hi-about-page__facts .hi-public-page__card{grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;padding:21px!important;border-radius:17px!important;}
  .hi-about-page__facts .hi-public-page__card-icon{width:48px!important;height:48px!important;border-radius:14px!important;}
  .hi-about-page__facts .hi-public-page__card-icon svg{width:24px!important;height:24px!important;}
  .hi-about-page__sections>section,.hi-about-page__sections>.hi-about-page__intro{padding:24px!important;border-radius:17px!important;}
  .hi-about-page__sections h2{font-size:1.42rem!important;}
  .hi-about-page__sections p{font-size:.96rem!important;line-height:1.65!important;}
  .hi-about-page__actions{display:grid!important;}
  .hi-about-page__actions a{width:100%!important;box-sizing:border-box!important;}
}