#p1 #content .row-1, #c5276, #c5279, #c5283, #c853 .row, #c867 .row {
  //.row {
  //  .make-row(floor(@grid-gutter-width/4));
  //  .make-row(floor(@grid-gutter-width/4));
  //}

  .col-fullwidth {
    padding-left: 0;
    padding-right: 0;
  }

  .frame-default:not(.frame-type-header) {
    //.make-xs-column(6, floor((@grid-gutter-width/4)));
    //.make-sm-column(4, floor((@grid-gutter-width/4)));
    //.make-md-column(2.4, floor((@grid-gutter-width/4)));
    //margin-bottom: floor((@grid-gutter-width/4));

  }

  .frame-type-header h3 {
    margin-left: 5px;
  }

}


#p1 #content .row-1 .col-fullwidth {
  padding-left: 22px;
  padding-right: 22px;
}


#p26 #content > .row-1 > .col-fullwidth,
#p27 #content > .row-1 > .col-fullwidth {
  display: flex;
  flex-flow: row wrap;
}


.teaser-narrow {
  position: relative;

  .teaser-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .teaser-title {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: $h4-font-size;
    @include media-breakpoint-up(sm) {
      font-size: $h3-font-size;
    }
    padding-top: 60%;
    padding-right: $spacer;

    a {
      background-color: $primary;
      color: #fff;
      display: inline;
      padding: $spacer * .5;
      box-decoration-break: clone;
      line-height: 2.2;

      &:hover, &:focus {
        text-decoration: none;
      }
    }

  }

  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
  }

}


.teaser-bg {
  position: absolute;
  background-color: $gray-200;
  width: 100%;
  height: 100%;
  top: 0;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) brightness(1.3) contrast(0.6);
    will-change: filter;
    transition: all .25s ease;
  }

  .teaser:hover &, .teaser:focus & {
    img {
      filter: grayscale(0) brightness(1) contrast(1);
    }
  }

}


.teaser--square {
  &:before {
    content: '';
    float: left;
    padding-top: 100%;
  }
}


.teaser-box {
  .card-title {
    border-bottom: 1px solid $card-border-color;
    margin-bottom: var(--sw-card-title-spacer-y);
    padding-bottom: var(--sw-card-title-spacer-y);

  }


}

.teaser {
 --sw-card-spacer-x:  clamp(1rem, 0.538rem + 1.282vw, 1.5rem);
 --sw-card-spacer-y:  clamp(1rem, 0.538rem + 1.282vw, 1.5rem);
 --sw-card-title-spacer-y:  clamp(0.75rem, 0.058rem + 1.923vw, 1.5rem);
}
