- <article class="config-grid-teaser shadow border-radius-4 stretch-link">
-     {% if configProduct.image is not empty %}
-         <div class="config-grid-teaser__container-img">
-             <div class="ratio ratio-4x3">
-                 {{ configProduct.image.thumbnail('product-teaser').html({
-                     imgAttributes:{
-                         class: 'ratio-item js-lazy-img config-grid-teaser__img',
-                     },
-                     lowQualityPlaceholder: true,
-                 })|raw }}
-             </div>
-         </div>
-     {% endif %}
-     <div class="config-grid-teaser__content">
-         <div>
-             <div class="d-flex flex-column mb-md-4">
-                 <span class="config-grid-teaser__title">{{ 'configurator.teaser.Type'|trans }}</span>
-                 <span class="config-grid-teaser__data">{{configProduct.modell }}</span>
-             </div>
-             <div class="config-grid-teaser__container wysiwyg">
-                 {{ configProduct.description|raw }}
-             </div>
-         </div>
-         <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center">
-             <span class="text-gradient-primary config-grid-teaser__category">{{ configProduct.category }}</span>
-             <a href="{{ linkGenerator(configProduct) }}"
-                class="btn btn-dark stretch-link__link"
-                data-event-tracking-event="configuration_start"
-                data-event-tracking-product_variant="{{ configProduct.modell }}"
-                data-event-tracking-product_category="{{ configProduct.category  }}"
-                data-event-tracking-product_brand="{{ configProduct.manufacturer  }}">
-                 {{ 'configurator.teaser.ConfigureNow'|trans }}
-             </a>
-         </div>
-     </div>
- </article>