.group-item {
  --color-link: #0066cc;

  padding: 0 !important;

  h2, .h2 {
    font-size: 3.4rem !important;
    font-family: flanders-serif, serif !important;
    font-weight: 400 !important;
    margin-bottom: 2rem !important;
    line-height: 1.5 !important;
    color: #333 !important;
  }
  h3, .h3 {
    font-size: 2.4rem !important;
    font-family: flanders-sans, sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 2rem !important;
    line-height: 1.5 !important;
    color: #002776 !important;
  }
  h4, .h4 {
    font-size: 2rem !important;
    font-family: flanders-sans, sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}

.typography h2.group-item__title {
  margin-bottom: 1.6rem !important;
  margin-top: 0 !important;
  font-size: 3.8rem !important;
  line-height: normal !important;

  @media only screen and (min-width: 767px) {
    font-size: 4.8rem;
  }
}

.group-item__back-to-top {
  color: var(--color-link);
  text-decoration: underline;

  &:hover,
  &:focus-visible,
  &:focus-within {
    text-decoration: unset;
    color: var(--color-link);
  }
}

.group-item__content {
  margin-top: 2.2rem;

  .paragraph--type--doorlopende-tekst {
    margin: 2.4rem 0 4rem 0;
  }

  .field--field-content-group-item-content > div:last-child > .paragraph--type--doorlopende-tekst,
  .field--field-content-group-item-content > div:last-child > .accordion-wrapper {
    margin-bottom: 0;
  }
}