{% 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="search-results {{ pimcore_select('MarginBottom').getData() }}">
<script async src="https://cse.google.com/cse.js?cx={{ searchCX }}"></script>
<script>
const placeholderInterval = setInterval(()=> {
const searchInput = document.getElementById('gsc-i-id1');
if (searchInput) {
searchInput.setAttribute("placeholder", "Suche...");
clearInterval(placeholderInterval)
}
}, 10)
</script>
<div class="container" id="gsc-i-id12">
<div class="content-container">
<div class="gcse-searchbox" data-enableHistory="true" data-enableAutoComplete="true" data-autoCompleteMaxCompletions="5"></div>
<div class="gcse-searchresults" data-refinementStyle="link"></div>
</div>
</div>
<style>
.gsc-adBlock {
display: none;
}
</style>
</section>