.cpt:not(.c_white, c_light) {
  .teaser__item {
    border: 1px solid var(--blue) !important;

    &:hover {
      background: var(---dark-blue1) !important;
    }

    .teaser__text {
      font-weight: var(--medium);

      .teaser__title {
        color: var(--white) !important;
      }
    }
  }
}

.teaser__item {
  border: 1px solid rgba(48, 72, 144, 0.33);
  border-radius: 8px;
  transition: var(--transition);
  padding: 10px;

  @media (min-width: 992px) {
    min-width: 400px;
    min-height: 525px;

    &:hover {
      background: var(--white);
    }
  }



  .teaser__image {
    border-radius: 8px;

    img {
      border-radius: 8px;
    }
  }

  .teaser__text {
    padding: 30px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--blue);
    font-weight: var(--light);
    transition: var(--transition);

    .teaser__title {
      color: var(--dark-blue2);
      margin: 15px 0 30px 0;
      text-transform: math-auto !important;
    }

    .teaser__more {
      color: var(--red);
      font-weight: var(--semibold);
      text-transform: math-auto !important;
      transform: translateX(0%);
      transition: var(--transition);

      &:after {
        content: '';
        background-image: url(../../img/red_arrow.svg);
        width: 15px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        transform: rotate(180deg);
        margin-left: 7px;
      }
    }
  }
}

.teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin-top: 20px;

  @media (max-width: 991px) {
    flex-direction: column;
  }
}

.teaser__item {
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
}

@media (min-width: 576px) {
  .teaser__item {
    padding: 12px 12px 0 12px;
    /* width: 50%; */
  }
}

@media (min-width: 992px) {
  .teaser__item {
    width: 33.3333333333%;
  }
}

@media (min-width: 1200px) {
  .teaser__item {
    width: 25%;
  }
}

.teaser__item.nopostsfound {
  justify-self: center;
  text-align: center;
  width: 100%;
}

.teaser__link,
.teaser__title,
.teaser__date,
.teaser__excerpt {
  color: var(--dark-blue2);
}

.teaser__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.teaser__image {
  overflow: hidden;
}

.teaser__image img {
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

.teaser__link:hover .teaser__image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.teaser__link:hover .teaser__text {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.teaser__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px 0;
}

.teaser__text p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}