{% if editmode %}
<div class="edit-box">
<h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
<div class="flex gap-20">
<div class="content flex column gap-20">
<div class="content-box flex gap-20">
<div class="item">
<p class="edit-p">Abstand nach unten wählen:</p>
{{ pimcore_select("MarginBottom", {
"reload": true,
"store": [
["regular", "Normal"],
["half", "1/2"],
["small", "1/4"],
["zero", "kein Abstand"],
],
"defaultValue" : "regular"
}) }}
</div>
</div>
</div>
</div>
</div>
{% endif %}
<section class="mulden-teaser {{ pimcore_select('MarginBottom').getData() }}">
<div class="container">
<div class="content-container">
{% if editmode %}
<h2>{{ pimcore_input('headline',{'placeholder':'MULDEN'}) }}</h2>
{% elseif not editmode and not pimcore_input('headline').isEmpty() %}
<h2>{{ pimcore_input('headline').getData() }}</h2>
{% endif %}
{% if editmode %}
{{ pimcore_relations("Teaser", {
"title": "MuldenContainer Objekte ablegen",
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["MuldenContainer"]
}) }}
{% elseif not editmode and not pimcore_relations("Teaser").isEmpty() %}
{% for teaser in pimcore_relations("Teaser") %}
<div class="teaser">
<div class="img-container">
{{ teaser.image.thumbnail('MuldenTeaser').html | raw }}
</div>
<div class="content">
<div class="headline">
{{ teaser.headline | raw }}
</div>
<div class="text lauf">
{{ teaser.text | raw }}
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</section>