/* Heidenheim.info – Kontakt / Werben / Info-Kacheln 0.1.225 */

body.hi-ci-contact-page main.hi-page-shell,
body.hi-ci-advertise-page main.hi-page-shell,
body.hi-ci-feedback-page main.hi-page-shell{padding-top:0!important;}
body.hi-ci-contact-page main.hi-page-shell>.wp-block-post-title,
body.hi-ci-contact-page main.hi-page-shell>.wp-block-post-featured-image,
body.hi-ci-advertise-page main.hi-page-shell>.wp-block-post-title,
body.hi-ci-advertise-page main.hi-page-shell>.wp-block-post-featured-image,
body.hi-ci-feedback-page main.hi-page-shell>.wp-block-post-title,
body.hi-ci-feedback-page main.hi-page-shell>.wp-block-post-featured-image{display:none!important;}
body.hi-ci-contact-page main.hi-page-shell>.wp-block-post-content,
body.hi-ci-contact-page main.hi-page-shell>.wp-block-post-content>.wp-block-shortcode,
body.hi-ci-advertise-page main.hi-page-shell>.wp-block-post-content,
body.hi-ci-advertise-page main.hi-page-shell>.wp-block-post-content>.wp-block-shortcode,
body.hi-ci-feedback-page main.hi-page-shell>.wp-block-post-content,
body.hi-ci-feedback-page main.hi-page-shell>.wp-block-post-content>.wp-block-shortcode{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.hi-ci-contact-page .hi-contact-page,
body.hi-ci-advertise-page .hi-advertise-page,
body.hi-ci-feedback-page .hi-feedback-page{
  width:min(1320px,calc(100vw - 64px))!important;max-width:1320px!important;margin:0 auto 34px!important;
}
body.hi-ci-contact-page .hi-contact-page__hero,
body.hi-ci-advertise-page .hi-advertise-page__hero,
body.hi-ci-feedback-page .hi-feedback-page__hero{
  position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;min-height:350px!important;
  margin:0 0 0 -50vw!important;padding:64px max(32px,calc((100vw - 1320px)/2 + 32px))!important;
  border:0!important;border-radius:0!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;
  background-image:linear-gradient(90deg,rgba(7,30,45,.72),rgba(8,72,73,.44) 60%,rgba(7,30,45,.16)),url('../images/home/hero-haertsfeldsee.webp')!important;
  background-size:cover!important;background-position:center 52%!important;box-shadow:none!important;overflow:hidden!important;
}
body.hi-ci-contact-page .hi-public-page__hero-inner,
body.hi-ci-advertise-page .hi-public-page__hero-inner,
body.hi-ci-feedback-page .hi-public-page__hero-inner{width:min(840px,100%)!important;position:relative;z-index:2;}
body.hi-ci-contact-page .hi-public-page__hero .hi-public-page__eyebrow,
body.hi-ci-advertise-page .hi-public-page__hero .hi-public-page__eyebrow,
body.hi-ci-feedback-page .hi-public-page__hero .hi-public-page__eyebrow{
  margin:0 0 10px!important;color:rgba(255,255,255,.84)!important;font-size:.76rem!important;letter-spacing:.14em!important;font-weight:900!important;
}
body.hi-ci-contact-page .hi-public-page__hero h1,
body.hi-ci-advertise-page .hi-public-page__hero h1,
body.hi-ci-feedback-page .hi-public-page__hero h1{
  margin:0!important;color:#fff!important;font-size:clamp(2.7rem,5.4vw,5.25rem)!important;line-height:.98!important;letter-spacing:-.045em!important;
}
body.hi-ci-contact-page .hi-public-page__hero p:last-child,
body.hi-ci-advertise-page .hi-public-page__hero p:last-child,
body.hi-ci-feedback-page .hi-public-page__hero p:last-child{
  max-width:760px!important;margin:18px 0 0!important;color:rgba(255,255,255,.95)!important;font-size:clamp(1rem,1.5vw,1.18rem)!important;line-height:1.55!important;
}

/* Gemeinsames Kachel-CI für Kontakt, Werben und Wieso.Weshalb.Warum. */
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__cards{
  gap:18px!important;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card{
  position:relative!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;
  padding:24px!important;border:1px solid #d5e2e5!important;border-radius:18px!important;background:#fff!important;color:inherit!important;
  box-shadow:0 10px 28px rgba(17,52,70,.08)!important;text-decoration:none!important;overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card::before{display:none!important;content:none!important;}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-icon{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eaf5f2;color:#0b7a75;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-icon svg{
  width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-copy{display:grid;gap:6px;min-width:0;}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-copy small{
  color:#0b7a75;font-size:.72rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase;line-height:1.2;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card strong{
  display:block!important;color:#0b3043!important;font-size:1.15rem!important;line-height:1.18!important;letter-spacing:-.015em!important;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card span:not(.hi-public-page__card-icon):not(.hi-public-page__card-copy){
  color:#586b75!important;font-size:.92rem!important;line-height:1.62!important;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page) .hi-public-page__card em{
  margin-top:5px;color:#087d78;font-size:.86rem;font-style:normal;font-weight:850;
}
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page) a.hi-public-page__card:hover,
body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page) a.hi-public-page__card:focus-visible{
  transform:translateY(-3px)!important;border-color:#9fcac6!important;box-shadow:0 16px 34px rgba(17,52,70,.13)!important;
}

body.hi-ci-contact-page .hi-contact-page__cards{
  position:relative;z-index:5;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:-46px 0 34px!important;
}
body.hi-ci-contact-page .hi-contact-page__cards .hi-public-page__card{min-height:190px!important;}
body.hi-ci-contact-page .hi-public-page__card--report .hi-public-page__card-icon{background:#edf6f3;color:#0b7a75;}
body.hi-ci-contact-page .hi-public-page__card--advertise .hi-public-page__card-icon{background:#fff2e7;color:#b65b16;}

body.hi-ci-contact-page .hi-feedback-form,
body.hi-ci-advertise-page .hi-feedback-form{
  width:min(1120px,calc(100vw - 64px))!important;max-width:1120px!important;margin:0 auto 40px!important;padding:clamp(24px,3vw,38px)!important;
  border:1px solid #d6e2e5!important;border-top:5px solid #0b7a75!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 12px 32px rgba(17,52,70,.08)!important;box-sizing:border-box!important;
}
body.hi-ci-contact-page .hi-feedback-form__head,
body.hi-ci-advertise-page .hi-feedback-form__head{margin-bottom:24px!important;}
body.hi-ci-contact-page .hi-feedback-form__head h2,
body.hi-ci-advertise-page .hi-feedback-form__head h2{color:#0b3043!important;font-size:clamp(1.75rem,3vw,2.35rem)!important;letter-spacing:-.025em!important;}
body.hi-ci-contact-page .hi-feedback-form__grid,
body.hi-ci-advertise-page .hi-feedback-form__grid{gap:16px!important;}
body.hi-ci-contact-page .hi-feedback-form__grid input,
body.hi-ci-contact-page .hi-feedback-form__grid select,
body.hi-ci-contact-page .hi-feedback-form__grid textarea,
body.hi-ci-advertise-page .hi-feedback-form__grid input,
body.hi-ci-advertise-page .hi-feedback-form__grid select,
body.hi-ci-advertise-page .hi-feedback-form__grid textarea{
  min-height:50px!important;padding:.72rem .82rem!important;border-color:#bfd0d5!important;border-radius:12px!important;
}
body.hi-ci-contact-page .hi-feedback-form__grid textarea,
body.hi-ci-advertise-page .hi-feedback-form__grid textarea{min-height:190px!important;}
body.hi-ci-contact-page .hi-feedback-form__submit,
body.hi-ci-advertise-page .hi-feedback-form__submit{min-height:46px!important;padding:.72rem 1.1rem!important;background:#0b7a75!important;}

body.hi-ci-advertise-page .hi-advertise-page__cards{
  position:relative;z-index:5;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:-46px 0 22px!important;
}
body.hi-ci-advertise-page .hi-advertise-page__cards .hi-public-page__card{min-height:230px!important;}
body.hi-ci-advertise-page .hi-public-page__note{
  margin:0!important;padding:18px 22px!important;border-left:5px solid #0b7a75!important;border-radius:14px!important;background:#f3f8f7!important;
  color:#536872!important;font-size:.92rem!important;line-height:1.6!important;
}

/* Die drei Faktenkacheln von Wieso.Weshalb.Warum. ebenfalls im selben CI. */
body.hi-ci-about-page .hi-about-page__facts .hi-public-page__card{grid-template-columns:54px minmax(0,1fr)!important;min-height:190px!important;padding:24px!important;}
body.hi-ci-about-page .hi-about-page__facts{gap:18px!important;}

body.hi-ci-feedback-page .hi-feedback-page__cards{
  position:relative;z-index:5;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:-46px 0 22px!important;
}
body.hi-ci-feedback-page .hi-feedback-page__cards .hi-public-page__card{min-height:230px!important;}
body.hi-ci-feedback-page .hi-feedback-form{
  width:min(1120px,calc(100vw - 64px))!important;max-width:1120px!important;margin:0 auto 40px!important;padding:clamp(24px,3vw,38px)!important;
  border:1px solid #d6e2e5!important;border-top:5px solid #0b7a75!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 12px 32px rgba(17,52,70,.08)!important;box-sizing:border-box!important;
}
body.hi-ci-feedback-page .hi-public-page__note{
  margin:0!important;padding:18px 22px!important;border-left:5px solid #0b7a75!important;border-radius:14px!important;background:#f3f8f7!important;
  color:#536872!important;font-size:.92rem!important;line-height:1.6!important;
}

@media(max-width:980px){
  body.hi-ci-contact-page .hi-contact-page__cards,
  body.hi-ci-advertise-page .hi-advertise-page__cards,
  body.hi-ci-feedback-page .hi-feedback-page__cards{grid-template-columns:1fr!important;margin-top:18px!important;}
  body.hi-ci-contact-page .hi-contact-page__cards .hi-public-page__card,
  body.hi-ci-advertise-page .hi-advertise-page__cards .hi-public-page__card,
  body.hi-ci-feedback-page .hi-feedback-page__cards .hi-public-page__card{min-height:0!important;}
}
@media(max-width:700px){
  body.hi-ci-contact-page .hi-contact-page,
  body.hi-ci-advertise-page .hi-advertise-page,
body.hi-ci-feedback-page .hi-feedback-page{width:min(100% - 32px,1320px)!important;}
  body.hi-ci-contact-page .hi-contact-page__hero,
  body.hi-ci-advertise-page .hi-advertise-page__hero,
body.hi-ci-feedback-page .hi-feedback-page__hero{min-height:300px!important;padding:44px 22px!important;}
  body.hi-ci-contact-page .hi-public-page__hero h1,
  body.hi-ci-advertise-page .hi-public-page__hero h1,
body.hi-ci-feedback-page .hi-public-page__hero h1{font-size:clamp(2.25rem,12vw,3.6rem)!important;}
  body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card{grid-template-columns:46px minmax(0,1fr)!important;padding:20px!important;gap:14px!important;}
  body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-icon{width:46px;height:46px;border-radius:14px;}
  body:is(.hi-ci-contact-page,.hi-ci-advertise-page,.hi-ci-feedback-page,.hi-ci-about-page) .hi-public-page__card-icon svg{width:24px;height:24px;}
  body.hi-ci-contact-page .hi-feedback-form,
  body.hi-ci-advertise-page .hi-feedback-form,
  body.hi-ci-feedback-page .hi-feedback-form{width:calc(100vw - 32px)!important;padding:22px!important;}
}