.paragraph--type--persons {
  background-color: var(--light);
  @media (max-width: 1280px) {
    padding: var(--para-gap) calc(var(--para-gap) / 2);
    width: 100%;
    margin-left: calc(var(--para-gap) / -2);
  }

  .field--name-field-headline {
    margin: 0 0 var(--para-gap) !important;
  }

  .field--name-field-items {
    display: flex;
    gap: calc(var(--para-gap) / 2);

    @media (max-width: 992px) {
      gap: calc(var(--para-gap) / 1.5);
    }

    & > .field-item {
      margin-top: unset !important;

      @media (max-width: 992px) {
        width: 48%;
      }
      @media (max-width: 580px) {
        width: 100%;
      }
    }

    @media (max-width: 992px) {
      flex-wrap: wrap;
    }
  }
}

.paragraph--type--persons-wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--offset);
}

.paragraph--type--person-item {
  .field--name-field-image {
    .field-item {
      img {
        width: 100%;
        height: auto;
      }
    }
  }
  .field--name-field-topline {
    color: var(--dark);
    font-size: 80%;
  }
}