/* TM_CONTACT_HERO_CONTENTWIDTH_ADMIN_1_1_4 */

/* Hero-Außenkante exakt auf der globalen MAIN-Contentachse. */
body.tm-contact-page .tm-contact-main__hero{
  width:min(var(--tm21-max),calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  border-left:1px solid #30383d;
  border-right:1px solid #30383d;
  background-image:
    linear-gradient(90deg,rgba(7,10,12,.98) 0%,rgba(7,10,12,.88) 40%,rgba(7,10,12,.22) 100%),
    var(--tm-contact-hero,url('/media/homepage-2.0/hero.jpg'));
}

/* Die innere Shell darf innerhalb des bereits begrenzten Hero nicht erneut
   64px Gesamtbreite abziehen. */
body.tm-contact-page .tm-contact-main__hero > .tm-contact-main__hero-inner{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:32px;
  padding-right:32px;
  box-sizing:border-box;
}

@media(max-width:900px){
  body.tm-contact-page .tm-contact-main__hero{
    width:min(100% - 32px,var(--tm21-max));
  }
  body.tm-contact-page .tm-contact-main__hero > .tm-contact-main__hero-inner{
    padding-left:18px;
    padding-right:18px;
  }
}

@media(max-width:560px){
  body.tm-contact-page .tm-contact-main__hero{
    width:calc(100% - 24px);
  }
  body.tm-contact-page .tm-contact-main__hero > .tm-contact-main__hero-inner{
    padding-left:14px;
    padding-right:14px;
  }
}