{% 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="headline-text {{ pimcore_select('MarginBottom').getData() }}">
<div class="container">
{% if editmode %}
<h1>{{ pimcore_textarea("headline_h1",{
"nl2br": true,
"height": 200,
"placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
}) }}
</h1>
{% elseif not editmode and not pimcore_textarea('headline_h1').isEmpty() %}
<h1>{{ pimcore_textarea('headline_h1').getData() | nl2br }}</h1>
{% endif %}
<div class="content-container">
{% if editmode %}
<h3>{{ pimcore_textarea("headline",{
"nl2br": true,
"height": 100,
"placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
}) }}
</h3>
{% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
<h3>{{ pimcore_textarea('headline').getData() | nl2br }}</h3>
{% endif %}
{% if editmode %}
<div class="lauf">
{{ pimcore_wysiwyg('Content', {
height: 300,
customConfig: '/assets/js/editmode/config.js'
}) }}
</div>
{% elseif not pimcore_wysiwyg('Content').isEmpty() %}
<div class="lauf">
{{ pimcore_wysiwyg('Content').getData() | raw }}
</div>
{% endif %}
</div>
</div>
</section>