.spr-heading {
  color: var(--heading-color);
  margin-block: 0;
  font-size: var(--heading-font-size);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
  a {
    text-decoration: none;
    color: currentColor;
    &:hover {
      text-decoration: underline;
      text-underline-offset: var(--base-underline-offset);
    }
    &:focus-visible {
      outline: var(--focus-ring);
    }
  }
}

.spr-heading--dark {
  color: var(--heading-color-dark);
}

.spr-heading--xxlarge {
  --heading-font-size: var(--font-size-xxl);
}

.spr-heading--xlarge {
  --heading-font-size: var(--font-size-xl);
}

.spr-heading--large {
  --heading-font-size: var(--font-size-l);
}

.spr-heading--medium {
  --heading-font-size: var(--font-size-m);
}

.spr-heading--small {
  --heading-font-size: var(--font-size-s);
}

.spr-heading--xsmall {
  --heading-font-size: var(--font-size-xs);
}

.spr-heading--xxsmall {
  --heading-font-size: var(--font-size-xxs);
}

.block-page-title-block .spr-heading {
  grid-column: 1 / span 4;
  @media screen and (min-width: 48rem) {
    grid-column: 1 / span 12;
  }
}

.region-content:has(.spr-card-list__news-block-all) .block-page-title-block {
  margin-block-end: 1.5rem;
}

body.site--is-pwa .region-content:has(.spr-card-list__news-block-all) .block-page-title-block {
  margin-block-end: 1rem;
}

.region-content:has(.spr-incidents-overview) .block-page-title-block .spr-heading,
.region-content:has(.spr-search-result-overview) .block-page-title-block .spr-heading,
.region-content:has(#vrzl-pwa-settings-form) .block-page-title-block .spr-heading {
  margin-block-end: 1rem;

  @media screen and (min-width: 62rem) {
    margin-block-end: 3rem;
  }
}