/* NEXUS Corporate Typography
   Kompakte, ruhige Überschriftenhierarchie für die Unternehmenswebsite.
   Semantik (H1/H2/H3) bleibt unverändert; nur die visuelle Größe wird reduziert. */

:root{
  /* gegenüber dem vorherigen Corporate-Typografie-Stand ca. 30 % kleiner */
  --nx-h1-size:clamp(1.66rem,2.8vw,2.54rem); /* ca. 27–41 px */
  --nx-h2-size:clamp(1.23rem,2.1vw,1.84rem); /* ca. 20–29 px */
  --nx-h3-feature-size:clamp(.95rem,1.4vw,1.23rem); /* ca. 15–20 px */
}

/* Seitentitel: semantisch weiterhin H1, visuell bewusst zurückhaltend. */
body main h1{
  font-size:var(--nx-h1-size)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

/* Abschnittsüberschriften konsequent kompakt. !important ist bewusst gesetzt,
   damit ältere seitenbezogene CSS-Regeln die Corporate-Größe nicht übersteuern. */
body main h2{
  font-size:var(--nx-h2-size)!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}

/* Größere H3-Inszenierungen ebenfalls deutlich reduzieren.
   Kleine Karten-/UI-H3 bleiben absichtlich von ihrer jeweiligen Komponente gesteuert. */
.contact-card h3,
.rc-scene-copy h3,
.rc-final-card h3,
.zs-h3,
.zs-final-card h3,
.ds-sheet h3,
.ds-card h3,
.im-card-main h3,
.im-contact h3,
.si-lab-box h3,
.si-card h3,
.gs-contact h3,
.cg-end-card h3,
.pt-metric h3,
.pt-final-card h3,
.kd-prod h3,
.kd-cta-card h3,
.by-stage-copy h3,
.by-contact-panel h3,
.dz-sec h3,
.dz-card h3,
.cw-final-card h3,
.tv-panel h3,
.tv-contact h3,
.tvx-panel h3,
.cl-end-card h3,
.hp-metric h3,
.hp-final-card h3,
.hpx-note h3,
.hpx-persp h3{
  font-size:var(--nx-h3-feature-size)!important;
  line-height:1.25!important;
}

@media(max-width:600px){
  :root{
    --nx-h1-size:clamp(1.4rem,5.6vw,1.84rem);  /* ca. 22–29 px */
    --nx-h2-size:clamp(1.12rem,4.5vw,1.4rem);  /* ca. 18–22 px */
    --nx-h3-feature-size:clamp(.9rem,3.5vw,1.05rem); /* ca. 14–17 px */
  }
  body main h1{line-height:1.14!important;letter-spacing:-.02em!important}
  body main h2{line-height:1.2!important}
}