<div class="container m24-trusted-carousel-container">
<h3>{{ 'footer.trustedCarouselHeading'|trans|raw }}</h3>
{{ 'footer.trustedCarouselData'|trans|raw }}
</div>
<div class="pre-footer">
<div class="container">
<div class="m24-footer-block">
<img class="m24-footer-header m24-footer-logo" src="{{ theme_config('m24-footer-logo')|sw_encode_url }}"/>
<p>{{ 'preFooter.address'|trans|raw }}</p>
</div>
<div class="m24-footer-block">
<p class="m24-footer-header">{{ 'preFooter.contactHeadline'|trans }}</p>
<p>{{ 'preFooter.contact'|trans|raw }}</p>
</div>
<div class="m24-footer-block m24-newsletter-block">
<p class="m24-footer-header">Unser Newsletter: News & Angebote direkt in Ihr Postfach</p>
<form
action="{{ path('frontend.form.newsletter.register.handle') }}"
method="post"
data-wbfk-ajax-newsletter="true"
class="m24-newsletter-form"
>
<div class="m24-before-submit">
{{ sw_csrf('frontend.form.newsletter.register.handle') }}
<input type="hidden" name="option" value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">
<div class="m24nl-form-row">
<input name="email" type="email" value="" placeholder="{{ 'newsletter.labelMail'|trans }}" required="required">
{% block cms_form_newsletter_captcha %}
{% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { additionalClass : 'col-md-4'} %}
{% endblock %}
<button type="submit" class="btn btn-primary float-right">{{ 'preFooter.newsletter.submit'|trans }}</button>
</div>
<p class="m24nl-privacy-notice">
{{ 'preFooter.newsletter.privacyNotice'|trans({'%privacyUrl%': path('frontend.cms.page', { id: config('core.basicInformation.privacyPage') })})|raw }}
</p>
</div>
<div class="m24-after-submit">
<button class="btn btn-primary m24nl-back-button">{{ 'preFooter.newsletter.back'|trans }}</button>
<div class="m24nl-response">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="global-footer">
<div class="global-footer-container container">
<div class="global-footer-inner footer-columns row" data-collapse-footer="true" role="list">
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-md-3 footer-column js-footer-column">
{% block layout_footer_navigation_information_headline %}
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
{{ dataBsTargetAttr }}="#collapseFooter{{ loop.index }}"
id="collapseFooterTitle{{ loop.index }}"
aria-expanded="true"
role="listitem"
aria-controls="collapseFooter{{ loop.index }}">
{{ root.category.translated.name }}
</div>
{% endblock %}
{% block layout_footer_navigation_information_content %}
<div id="collapseFooter{{ loop.index }}"
class="footer-column-content"
aria-labelledby="collapseFooterTitle{{ loop.index }}">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_information_links %}
<ul class="list-unstyled">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
{% if category.type == 'folder' %}
<div>{{ name }}</div>
{% else %}
<a class="footer-link"
href="{{ category_url(category) }}"
{% if category_linknewtab(category) %}target="_blank"{% endif %}
title="{{ name }}">
{{ name }}
</a>
{% endif %}
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
<div class="col-md-3 footer-column js-footer-column">
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
{{ dataBsTargetAttr }}="#collapseFooter{{ loop.index }}"
id="collapseFooterTitle{{ loop.index }}"
aria-expanded="true"
role="listitem"
aria-controls="collapseFooter{{ loop.index }}">
{% if context.salesChannel.translated.customFields.m24_footer_partial_headline is not empty %}
{{ context.salesChannel.translated.customFields.m24_footer_partial_headline }}
{% endif %}
</div>
{% apply spaceless %}
<div id="collapseFooter{{ loop.index }}"
class="footer-column-content js-footer-column-content"
aria-labelledby="collapseFooterTitle{{ loop.index }}">
<div class="footer-column-content-inner">
{% if context.salesChannel.translated.customFields.wbfk_footer_cms_partial_chooser_content is not empty %}
{% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': getCmsPageById(context.salesChannel.translated.customFields.wbfk_footer_cms_partial_chooser_content, context)} %}
{% endif %}
</div>
</div>
{% endapply %}
</div>
</div>