{% set werbung %}
<div class="appwerbung text-center mb-5 desktop">
<a href="{{theme_config('log-app-link')}}" alt="gratis-app" target="_self" titel="Gratis App">
<h4 style="font-size: 20px; margin-bottom:2rem;">{{ "log-sidebar.gratisApp"|trans|sw_sanitize }}</h4>
<div class="row">
<div class="col-12 col-sm-8">
<img class="app-werbung-mockup" width="auto" height="250" src="{{ asset('bundles/logbchange/images/app-werbung.png', 'asset') }}">
</div>
<div class="col-4 d-none d-sm-block no-padding" style="align-self: center;">
<img class="qr-code" width="110" src="{{ asset('bundles/logbchange/images/qrcode.png', 'asset') }}">
<img class="app-download" width="110" src="{{ asset('bundles/logbchange/images/Download.png', 'asset') }}">
</div>
</div>
</a>
</div>
{% endset %}
{% if page.product.extensions.sidebarMedia.count %}
{% for image in page.product.extensions.sidebarMedia %}
<div class="text-center mb-5">
<img width="300" src="{{image.url}}">
</div>
{% if loop.first %}
{{werbung}}
{% endif %}
{% endfor %}
{% else %}
{{werbung}}
{% endif %}