.tui-link-with-list {
  a {
    color: $text-color;
    text-decoration: none;
    font-weight: bold;

    &:hover,
    &:active {
      color: darken($link-color, 15%);
      text-decoration: none;

      .tags {
        color: $text-color;
        text-decoration: none;
        font-weight: normal;
      }
    }

    .headline {
      @extend %flexbox-row;
      align-items: center;
    }

    .pictogram {
      margin-right: $margin-half;
    }

    .tags {
      font-weight: normal;
      margin-top: $margin-normal;

      li {
        @extend %flexbox-row;
        align-items: flex-start;
      }

      .pictogram {
        color: $color-green;
      }

      .text {
        padding-top: $margin-quarter;
      }
    }
  }
}