{% set suffix = suffix ?? '' %}
{% if suffix is empty and editmode %}
<style type="text/css">
.teaser {
max-width: 250px;
}
.teaser img {
max-width: 100%;
}
</style>
{% endif %}
<div class="teaser custom-standard-card mb-4 {% if not editmode %}col-lg-4 col-md-12{% endif %}">
{% if not editmode and not pimcore_link('link' ~ suffix).isEmpty %}
<a href="{{ pimcore_link('link' ~ suffix).href }}">
{% endif %}
{{ pimcore_image('image' ~ suffix, {
thumbnail: 'puzzle_square'
}) }}
{% if not editmode and not pimcore_link('link' ~ suffix).isEmpty %}
</a>
{% endif %}
<div class="card-body">
<h4 class="card-title pricing-card-title">{{ pimcore_input('title' ~ suffix) }}</h4>
<p class="card-text">
{{ pimcore_wysiwyg('text' ~ suffix, {
height: 100,
enterMode: 2,
}) }}
</p>
<p>
{{ pimcore_link('link' ~ suffix, {
class: 'btn btn-lg btn-secondary'
}) }}
</p>
</div>
</div>