/**
 * JHB Standorte – gemeinsame Hero-Typografie
 *
 * Eine Größenhierarchie für alle Standort-Heros in Berlin und Brandenburg.
 * Regionale Styles dürfen Bild, Farbe, Breite und Umbruch steuern, aber keine
 * abweichenden H1-Schriftgrößen definieren.
 */

.jhb-standort-master,
.jhb-berlin-angebot--district{
  --jhb-hero-title-top-size:clamp(2.55rem,3.55vw,3.95rem);
  --jhb-hero-title-bottom-size:clamp(1.65rem,2.1vw,2.3rem);
}

.jhb-standort-master .jsm-hero .jsm-hero-title__top,
.jhb-berlin-angebot--district .jba-hero .jba-hero-title__top{
  font-size:var(--jhb-hero-title-top-size);
  font-weight:800;
  line-height:.99;
  letter-spacing:-.042em;
}

/* Robuster Fallback für neu angelegte Standorte ohne getrennte Titelzeilen. */
.jhb-standort-master .jsm-hero h1:not(.jsm-hero-title){
  font-size:var(--jhb-hero-title-top-size);
  font-weight:800;
  line-height:.99;
  letter-spacing:-.042em;
}

.jhb-standort-master .jsm-hero .jsm-hero-title__bottom,
.jhb-berlin-angebot--district .jba-hero .jba-hero-title__bottom{
  font-size:var(--jhb-hero-title-bottom-size);
  font-weight:740;
  line-height:1.08;
  letter-spacing:-.028em;
  opacity:.98;
}

@media (max-width:767px){
  .jhb-standort-master,
  .jhb-berlin-angebot--district{
    --jhb-hero-title-top-size:clamp(2.05rem,8.4vw,2.8rem);
    --jhb-hero-title-bottom-size:clamp(1.5rem,6.3vw,2.05rem);
  }

  .jhb-standort-master .jsm-hero .jsm-hero-title__top,
  .jhb-berlin-angebot--district .jba-hero .jba-hero-title__top{
    line-height:1.02;
  }

  .jhb-standort-master .jsm-hero h1:not(.jsm-hero-title){
    line-height:1.02;
  }

  .jhb-standort-master .jsm-hero .jsm-hero-title__bottom,
  .jhb-berlin-angebot--district .jba-hero .jba-hero-title__bottom{
    line-height:1.07;
  }
}