.ybl-teaser-cards-wrapper{

  h2.teaser-cards-title{
    margin: 24px 0 44px 0;
  }

  .teaser-card-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    box-shadow: unset;
    margin-bottom: 40px;

    @media screen and (min-width: 768px) {
      margin-bottom: 80px;
    }

    @media screen and (min-width: 1068px) {
      grid-template-columns: 1fr 1fr;
    }

    
    .card-item{
      position: relative;
      overflow: hidden;
      
      .image-wrapper{
        position: relative;
        max-height: 600px;

        img.card-image{
          width: 100%;
          height: auto;
          max-height: 600px;
        }
        a.image-url{
          position: absolute;
          top:0;
          left:0;
          width: 100%;
          height: 100%;
          display: block;
        }
      }

      .content-wrapper{
        position: relative;
        padding: 16px;

        @media screen and (min-width: 768px) {
          padding: 24px;
        }
          
        .product-title__short,
        .product-title__long,
        .short_description{
          margin: 0 0 0 0;
        }

        .product-title__long{
          min-height: 60px;
        }

        .short_description{
          margin-top: 8px;
          margin-bottom: 16px;
          p{
            margin: 0;
            font-size: 14px;
          }
        }

        .product-teaser-rating{
          max-height: 30px;
          .rating-star{
            &:before{
              background-color: #f5b60a;
            }
          }
        }

        .seminar-category,
        .seminar-duration{
          span{
            font-family: Mulish-ExtraBold;
            width: 70px;   
            position: relative;
            display: inline-block;
          }
        }


        .text-wrapper{
          margin-bottom: 32px;

          &.grid-two-column{
            margin-bottom: 72px;
          }
        }

        .sales-points{
          margin: 0 0 140px 0;
        }
 
        @media screen and (max-width: 768px) {
          .button.button--primary{
            width: 100%;
          }
        }


        /*
        .button.button--primary{
          font-weight: 700;
          position: absolute;
          bottom: 24px;
          left: 24px;
          margin: 0;
          @media screen and (min-width: 768px) {
            left: 0;
            bottom: 40px;
          }
        }*/
      }

      .button-wrapper{
        position: relative;
        justify-content: space-between;
        padding: 16px;

        @media screen and (min-width: 768px) {
          padding: 24px;
        }

        > .button-inner-wrapper{
          position: relative;
          display: flex;
          column-gap: 16px;
          align-items: flex-end;

          > .button.btn-slim-format{
            height: 50px;
          }

          > .nextvital-quick-add{
            position: relative !important;
            bottom: unset;
            right: unset;
          }


        }
      }

      .button-wrapper{
        &.grid-two-column{
          position: absolute;
          bottom: 16px;
          right: 16px;
          @media screen and (min-width: 768px) {
            bottom: 16px;
            right: 16px;
          }

          .teaser-product-price{
            text-align: right;
            margin-bottom: 4px;
          }
          .product__tax{
            text-align: right;
            margin-bottom: 16px;  
          }

          .button-inner-wrapper{
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 16px;
          }

          

          a.button{
            width: stretch;
            position: relative;
            bottom: 0;
            right: 0;
            top: unset;
            left: unset;
          }

          .nextvital-quick-add{
            position: relative !important;
            bottom: unset;
            right: unset;
            z-index: 250 !important;
            margin: 0 !important;


            .nextvital-quick-add-button{
              @media screen and (max-width: 478px) {
                width: 48px !important;
                min-width: 48px;
                height: 48px !important;
                min-height: 48px !important;
              }
            }

          }

          .text-wrapper{
            margin-bottom: 24px;
          }

        }
      }


      &.info-card{
        padding: 24px 24px 32px 24px;

        .image-wrapper{
          width: 100%;
          max-height: 40px;
          text-align: center;
          > img{
            max-width: 40px;
            width: 100%;
            height: auto;
          }
        }

        .content-wrapper{
          padding: unset;

          ul{
            margin-top: unset;
          }
        }

        .button-inner-wrapper{
          > .button--textory{
            margin-top:8px;
            background-color: unset;
            width: 100%;
          }
        }
      }
    }

    &.three-products-grid{
      @media screen and (min-width: 1068px) {
        grid-template-columns: 1fr 1fr 1fr;
      }

      .card-item.product-card{
        display: flex;
        flex-direction: column;

        @media screen and (min-width: 768px) {
          grid-template-columns: 1fr;
          grid-gap: unset;
        }

        .image-wrapper{
          @media screen and (min-width: 1068px) {
            height: 250px;
            max-height: 250px;
          }
          @media screen and (max-width: 1067px) {
            max-width: 300px;
            margin: 0 auto;
          }
        }

        .content-wrapper{
          padding-left: 16px;
          @media screen and (min-width: 1068px) {
            
          }
        }
      }
    }

  }
}