.card-newsteaser {
  .card-deck & {

    flex-grow: 0;
    flex-basis: 100%;
    margin-top: #{$card-deck-margin};
    margin-bottom: #{$card-deck-margin};
    @include media-breakpoint-up(md) {
      flex-basis: calc(50% - #{$card-deck-margin*2});
    }
  }

  &--large {
    .card-deck & {
      @include media-breakpoint-up(md) {
        flex-basis: 100%;
      }
    }
  }
}


.card-newsteaser {
  @include make-row(0);

  .card-img {
    @include make-col-ready(0);
    @include make-col(4);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

  }

  .card-title {
    font-family: $headings-font-family;
    font-weight: $headings-font-weight;
  }

  .card-body {

    @include make-col-ready(0);
    @include make-col(8);
    padding: $grid-gutter-width;
    max-width: inherit;
    flex-grow: 1;

    p {
      margin-bottom: inherit;
    }
  }

}


.card-newsteaser--large {
  .card-img {
    @include make-col(12);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: inherit;
    @include media-breakpoint-up(md) {
      @include make-col(4);
      border-bottom-left-radius: inherit;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .card-body {
    @include make-col(12);
    @include media-breakpoint-up(md) {
      @include make-col(8);
      padding: $grid-gutter-width*2;
    }
    @include media-breakpoint-up(md) {
    }
  }

}

.article > .row {
  margin-bottom: $grid-gutter-width * 2;
}
