.news {
  .card {
    background: $primary-bg;
    border-radius: 20px;
    .figure {
      border-radius: 20px 20px 0 0;
    }
    .content .title {
      h3 {
        line-height: 1;
        padding-bottom: 15px;
      }
      .subtitle {
        color: $fourth-color;
        font-weight: 400;
        &:hover {
          color: $fourth-color;
          filter: brightness(1.1);
        }
      }
    }
    .gradient-overlay:before {
      display: none;
    }

    .teaser {
      font-weight: 400;
      text-align: left;
    }
  }
  .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-prev:active, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-next:active {
    border-color: $fourth-color;
  }
  .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before {
    background: $fourth-color;
    box-shadow: inset $fourth-color 0 0 0 3px;
    color: $primary-color;
  }
  .mosaic .card {
    .gradient-overlay-left:before {
      background: transparent
      linear-gradient(180deg, #00000000 0%, #000000b2 100%) 0% 0% no-repeat
      padding-box;
    }
    .content {
      .title {
        h3 {
          color: $primary-color;
          padding-bottom: 5px;
          a:hover {
            color: $primary-color;
          }
        }
        .subtitle {
          color: $primary-color;
        }
      }
      .btn-inn {
        display: none;
      }
    }
    &.content-on-image-bottom .content,
    &.img-top .content {
      padding: 30px!important;
    }
    .figure {
      border-radius: 20px;
    }
    .teaser {
      color: $primary-color;
      font-weight: 700;
      font-size: 1.5rem;
      @include media-breakpoint-down(lg) {
        font-size: 1.25rem;
      }
    }
  }

  .mosaic-2col .item.h-100 {
    padding-bottom: 0!important;
  }
  .card .btn-out {
    display: none;
  }

  .news-body .news-teaser p {
    font-weight: 700;
    padding-bottom: 5px;
  }
}

.card {
  .content {
    @include media-breakpoint-down(md) {
      padding: 30px;
    }
    @include media-breakpoint-down(sm) {
      padding: 18px;
    }
    .title {
      h3 {
        font-size: 2.625rem;
        text-transform: none;
        @include media-breakpoint-down(lg) {
          font-size: 1.75rem;
          text-align: unset!important;
        }
      }
      .subtitle {
        text-transform: none;
        @include media-breakpoint-down(md) {
          p {
            text-align: unset!important;
          }
        }
      }
    }
  }
  border-radius: 20px;
  .figure {
    border-radius: 0 20px 20px 0;
    @include media-breakpoint-down(md) {
      border-radius: 20px 20px 0 0;
    }
  }

}