/* ============================================================
   KLS eyebrow / upper-title standardization
   Reference: index page "ERKENNEN SIE SICH WIEDER?"
   Typography only. Existing layout, spacing and ornaments preserved.
   ============================================================ */

html body :is(
  .eyebrow,
  .hero-eyebrow,
  .asthma-hero__eyebrow,
  .asthma-about__kicker,
  .section-kicker,
  .risk-factors-eyebrow,
  .copd-hero__eyebrow,
  .copd-overview__eyebrow,
  .fibrosis-eyebrow,
  .fibrosis-about__kicker,
  .fibrosis-symptoms__kicker,
  .lung-cancer-eyebrow,
  .lung-cancer-about__kicker,
  .lung-cancer-symptoms__kicker,
  .dg2-eyebrow,
  .dg4-eyebrow,
  .sw-eyebrow,
  .diag-kicker,
  .pv-eyebrow,
  .pv2-eyebrow,
  .ss-eyebrow,
  .exp2-eyebrow,
  .exp2-kicker,
  .phx-kicker,
  .fx-eyebrow,
  .ia-eyebrow,
  .id-eyebrow,
  .iw-eyebrow
),
html body .pn-eyebrow > span,
html body .asthma-symptoms > header > p {
  font-family:'Jost',sans-serif !important;
  font-size:17px !important;
  font-weight:500 !important;
  color:#B08D3E !important;
  text-transform:uppercase !important;
  letter-spacing:4px !important;
  line-height:1.2 !important;
  font-style:normal !important;
}

/* Allergien: "Allergien verstehen" is centered above a centered heading. */
html body .risk-factors-eyebrow {
  text-align:center !important;
}

/* "WARUM KLS?" sections use centered eyebrow labels on the disease pages.
   Scope via the common section structures/classes rather than centering all .eyebrow labels. */
html body .why-kls .eyebrow,
html body .kls-why .eyebrow,
html body .why-section .eyebrow,
html body .warum-kls .eyebrow,
html body [class*="why-kls"] .eyebrow,
html body [class*="warum"] .eyebrow {
  text-align:center !important;
}