/* Gedeelde kopgroottes voor alle pagina’s. */
:root {
  --text-small-size: 0.84rem;
  --text-secondary-size: 0.94rem;
  --text-body-size: 1rem;
  --title-size: clamp(1.25rem, 1.8vw, 1.5rem);
  --section-title-size: clamp(1.2rem, 1.65vw, 1.375rem);
  --subheading-size: 1.0625rem;
  --label-size: 1rem;
}

.coach-route {
  font-size: var(--text-body-size);
}

h1,
.split-site h1,
.coach-route .branch-hero h1,
.coach-route .legal-document .section-heading h1 {
  font-size: var(--title-size);
  line-height: 1.45;
}

h2,
.split-site h2,
.coach-route h2,
.choice-door h2 {
  font-size: var(--section-title-size);
  line-height: 1.45;
}

h3,
.split-site h3,
.coach-route .theme-title {
  font-size: var(--subheading-size);
  line-height: 1.5;
}

.split-site .eyebrow,
.split-site .section-kicker,
.coach-route.coach-branch .coach-hero .eyebrow,
.coach-route .footer-heading,
.coach-route .footer-affiliations .footer-heading {
  font-size: var(--label-size);
  line-height: 1.5;
}

.hero-subtitle,
.split-site .hero-subtitle {
  font-size: 1.125rem;
  line-height: 1.6;
}

/* In de coachingbanner is de specialisatie de hoofdboodschap; de drie punten ondersteunen die. */
.coach-route .coach-hero h1 {
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  line-height: 1.5;
}

.coach-route .coach-hero h1.hero-path-title {
  font-size: var(--section-title-size);
  line-height: 1.4;
}

.coach-route .coach-hero h1.hero-intro-paragraph strong {
  font-weight: 600;
}

@media (max-width: 760px) {
  .coach-route .coach-hero h1 {
    font-size: 0.9rem;
  }

  .coach-route .coach-hero h1.hero-path-title,
  .coach-route .coach-hero h1.hero-intro-paragraph {
    font-size: 0.98rem;
    line-height: 1.52;
  }

  .coach-route.coach-branch .coach-hero .eyebrow {
    font-size: 0.92rem;
  }
}