<div
  class="product-item-info"
  data-container="product-grid"
  layout="column"
  layout-align="space-between">

  <div class="beyer-badge-wrapper" ng-if="ctrl.hasCustomAttribute('badge_text')">
      <p class="beyer-badge has-color" ng-class="ctrl.getBgColorClass()">{{ ctrl.getAttribute('badge_text') }}</p>
  </div>
  <a
    ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
    ng-click="ctrl.gotoProduct()"
    tabindex="-1">
                    
    <div class="container-image image-contain">
      <img
        class="product-image-photo lazyload"
        ng-attr-data-src="{{ ctrl.API_URL }}/media/catalog/product{{ctrl.getAttribute('image')}}"
        width="240"
        height="300"
        ng-attr-alt="{{ctrl.product.name}}">
    </div>
  </a>
  <div class="product details product-item-details">
    <div class="product name product-item-name">
      <a
        class="product-item-link h6"
        ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
        ng-click="ctrl.gotoProduct()">
        {{ctrl.product.name}}
      </a>
    </div>
    <div
      class="product description product-item-description p5"
      ng-bind-html="ctrl.getAttribute('short_description') | trustedHtml">
    </div>
    
    <a
      ng-if="ctrl.prices"
      ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
      ng-click="ctrl.gotoProduct()"
      class="product-item-footer-default h6" layout="row" layout-align="space-around center">
      <div class="price-box price-final_price" data-role="priceBox" data-product-id="3154">
        <span class="special-price">


          <span class="price-container price-final_price tax weee">
            <span id="product-price-3154" data-price-amount="179.000001" data-price-type="finalPrice" class="price-wrapper ">
              <span class="price">{{ ctrl.getCurrentPrice() | number:2 }}&nbsp;€</span>
            </span>
          </span>
        </span>
        <span class="old-price" ng-if="ctrl.hasSpecialPrice">


          <span class="price-container price-final_price tax weee">
            <span id="old-price-3154" data-price-amount="279.000001" data-price-type="oldPrice" class="price-wrapper ">
              <span class="price">{{ ctrl.product.price * 1.19 | number:2 }}&nbsp;€</span>
            </span>
          </span>
        </span>
      </div>
      <div>
        <beyer-icon
          medium
          name="Cart">
        </beyer-icon>
      </div>
    </a>

    <a
      ng-if="!ctrl.prices"
      ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
      ng-click="ctrl.gotoProduct()"
      class="product-item-footer-default h6"
      layout="row"
      layout-align="end center">
      <div>
        <beyer-icon
          medium
          iconset="material"
          name="chevron-right">
        </beyer-icon>
      </div>
    </a>
  </div>
</div>