.hero-products--show {
  //@include media-breakpoint-down(md) {
  //  min-height: 66vmax;
  //}

  .hero-bg--image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .hero-product--image {
    position: absolute;
    bottom: -10%;
    width: 100%;
    text-align: center;

    height: 100%;
    max-height: 60%;
    z-index: 2;

    img {
      @include img-fluid;
      max-height: 100%;
      width: auto;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .hero-text {
    transform: translateY(-12%);
    z-index: 3;
    //@include media-breakpoint-down(md) {
      //xdisplay: none;
    //}
  }

  .hero-header {
    //@include font-size(6rem);
  }

  .hero-subheader {
    //@include font-size(1.2em);
  }

}


.product-list {
  @extend .card-deck;
  margin-right: -$card-deck-margin;
  margin-left: -$card-deck-margin;

  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;

  @include media-breakpoint-up(lg) {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  &.product-list--categories {
    justify-content: center;
  }
}


.product-list-item {
  flex: 0 1 auto;
  margin: ($card-deck-margin * 2) $card-deck-margin;
  width: calc(40% - #{$card-deck-margin * 2});

  @include media-breakpoint-up(md) {
    width: inherit;
    margin: ($card-deck-margin * 4) $card-deck-margin;
    min-width: calc(#{floor(percentage(1 / 4))} - #{$card-deck-margin * 2});
    max-width: calc(#{floor(percentage(1 / 3))} - #{$card-deck-margin * 2});
  }

  @include media-breakpoint-up(lg) {
    margin: ($card-deck-margin * 5) $card-deck-margin;
    min-width: calc(#{floor(percentage(1 / 5))} - #{$card-deck-margin * 2});
  }
  @include media-breakpoint-up(xl) {
    // max 6 pro reihe 1:6 in prozent minus abstand
    min-width: calc(#{floor(percentage(1 / 6))} - #{$card-deck-margin * 2});
  }
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;

  .item-body {
    z-index: 3;
    position: relative;
  }

  .item-title {
    margin-bottom: 0;
    margin-top: .5em;
    @include font-size($h4-font-size);
  }

  .item-img {
    flex: 0 1 auto;
    pointer-events: none;
  }

  .item-image {
    position: relative;
    transition: $transition-base;
    z-index: 2;
    max-width: 375px;
    img {
      @include img-fluid;
      width: auto;
      //max-width: 350px;
      max-height: 200px;
    }

  }

  &:hover, &:focus {
    .item-image {
      transform: translateY(-3px);
    }
  }

  .item-image--placeholder {
    svg .icon-background {
      fill: transparent;
    }
    svg .icon {
      fill: $gray-300;
    }
  }
}



.product-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  .product-name {
    flex: 0 0 auto;
  }
  .product-labels {
    flex: 0 0 auto;
  }
  .product-usp {
    flex: 1 0 100%;
  }
}



// Attribute Table

.product-attributeName {
  width: 33%;
}


.product-attributeSet {
  margin-top: 3rem;
}


.product-attributeName {
  font-weight: bold;
}
