.block-steps-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  max-width: 100%;

  @media (min-width: 992px) {
    max-width: calc(100% / 12 * 9);
  }
}

.block-steps-list-item {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  min-height: 150px;
  padding-bottom: 30px;

  &:last-child {
    margin-bottom: 0;

    &::before {
      display: none;
    }
  }

  .redactor {
    margin-top: 20px;

    h1, h2, h3 {
      font-size: 20.83px;
      margin: 20px 0 5px 0;
      font-family: var(--font-family-sans-serif);
      font-weight: var(--font-weight-bold);
    }

    p {
      margin: 20px 0;
    }
  }

  &.is-even {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: calc(50% - 15px);
      left: 45px;
      background-image: url("/assets/bijenmuseum/decorations/step-arrow-even-4e8bf04e.svg");
      width: 20px;
      height: 80px;
    }
  }

  &.is-odd {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: calc(50% - 15px);
      left: 0px;
      background-image: url("/assets/bijenmuseum/decorations/step-arrow-odd-50d8bce8.svg");
      width: 20px;
      height: 80px;
    }
  }
}

.block-steps-list-item-number {
  background-image: url("/assets/bijenmuseum/decorations/step-marker-c252cc41.svg");
  width: 65px;
  height: 65px;
  flex: 0 0 65px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-large-big);
  color: var(--color-white);
  font-family: var(--font-family-sans-serif-special);
}