{% extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_inner_container %}
<div class="container">
<div class="row">
<div class="col">
<h2 class="mt-5">
{{ 'footer.claim'|trans|sw_sanitize }}
</h2>
</div>
</div>
{% block layout_footer_navigation %}
<div id="footerColumns" class="row footer-columns" data-collapse-footer="true" role="list">
{% block layout_footer_navigation_hotline %}
<div class="col-12 col-md-6 col-lg-3 footer-column js-footer-column">
{% block layout_footer_navigation_hotline_headline %}
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterHotlineTitle" {{ dataBsTargetAttr }}="#collapseFooterHotline" aria-expanded="true" aria-controls="collapseFooterHotline" role="listitem">
<a class="footer-contact-hotline">{{ 'footer.copyright'|trans|sw_sanitize }}</a>
</div>
{% endblock %}
{% block layout_footer_navigation_hotline_content %}
<div id="collapseFooterHotline" class="footer-column-content js-footer-column-content footer-contact" aria-labelledby="collapseFooterHotlineTitle">
<div class="footer-column-content-inner">
<p>{{ config('core.basicInformation.shopName') }}</p>
{{ config('core.basicInformation.address')|default('')|sw_sanitize }}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-12 col-md-6 col-lg-3 footer-column js-footer-column">
{% block layout_footer_navigation_information_icons %}{% endblock %}
{{ block('layout_footer_navigation_information_headline') }}
{% block layout_footer_navigation_information_content %}
<div id="collapseFooter{{ loop.index }}" class="footer-column-content js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}">
<div class="footer-column-content-inner">
{{ block('layout_footer_navigation_information_links') }}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
<div class="col-md-6 footer-column js-footer-column">
<div class="row footer-columns">
<div class="col-12 col-xl-6 footer-column">
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger" {{ dataBsTargetAttr }}="#collapseFooterLast" aria-expanded="true" aria-controls="collapseFooterLast">
{{ 'footer.personalAdvice'|trans|sw_sanitize }}
{# block('layout_footer_navigation_information_icons') #}
</div>
<div id="collapseFooterLast" class="footer-column-content js-footer-column-content" aria-labelledby="collapseFooterLast">
<div class="footer-column-content-inner">
<ul class="list-unstyled">
<li class="footer-link-item">
{{ 'footer.germanPhoneContact'|trans|sw_sanitize }}
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-xl-6 footer-column">
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger" {{ dataBsTargetAttr }}="#collapseFooterF" aria-expanded="true" aria-controls="collapseFooterF">
{{ 'footer.followUs'|trans|sw_sanitize }}
{# block('layout_footer_navigation_information_icons') #}
</div>
<div id="collapseFooterF" class="footer-column-content js-footer-column-content" aria-labelledby="collapseFooterF">
<div class="footer-column-content-inner">
<a href="https://www.instagram.com/iabreinraumprodukte/" role="button" target="_blank" class="mr-4">{% sw_icon 'instagram' style {'size':'xl', 'namespace': 'IabTheme'} %}</a>
<a href="https://de.linkedin.com/company/iab-reinraum" role="button" target="_blank" class="mr-4">{% sw_icon 'linked-in' style {'size':'xl', 'namespace': 'IabTheme'} %}</a>
<a href="https://www.youtube.com/user/IABreinraumprodukte" role="button" target="_blank" class="mr-4">{% sw_icon 'youtube' style {'size':'xl', 'namespace': 'IabTheme'} %}</a>
</div>
</div>
</div>
</div>
<div class="row footer-columns important-notes">
<div class="col-auto footer-column">
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger" {{ dataBsTargetAttr }}="#collapseFooterN" aria-expanded="true" aria-controls="collapseFooterF">
{{ 'footer.importantNotesTitle'|trans|sw_sanitize }}
{# block('layout_footer_navigation_information_icons') #}
</div>
<div id="collapseFooterN" class="footer-column-content js-footer-column-content" aria-labelledby="collapseFooterN">
<div class="footer-column-content-inner">
<p>{{ 'footer.importantNotesContent'|trans|sw_sanitize}}</p>
<p>{{ 'footer.includeVat'|trans|sw_sanitize }}</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{% endblock %}
</div>
{% endblock %}
{{ block('layout_footer_payment_shipping_logos') }}
</div>
{% endblock %}