<div class="footer {{ customer.template.footerBackgroundColor }} {{ customer.template.footerTextColor }}">
<div class="container">
<div class="footer-inner">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="footer-widget">
{% if customer.logo.id is defined %}
<div class="footer-logo">
<img src="{{ customer.logo.src }}" alt="{{ customer.name }}" style="max-width: 150px"/>
</div>
{% endif %}
<p class="footer-text {{ customer.template.footerTextColor }}">{{ customer.name }}</p>
{# <div class="social-links">
<a href="#0" class="platform"><i class="fab fa-facebook-f"></i></a>
<a href="#0" class="platform"><i class="fab fa-twitter"></i></a>
<a href="#0" class="platform"><i class="fab fa-behance"></i></a>
<a href="#0" class="platform"><i class="fab fa-youtube"></i></a>
</div> #}
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="footer-widget address-widget">
<h3 class="footer-widget-title">KONTAKT</h3>
<ul>
<li class="widget-list-item">
<i class="fas fa-map-marker-alt {{ customer.template.footerTextColor }}"></i>
<span>{{ customer.address.street }} {{ customer.address.housenr }}<br>
{{ customer.address.zipcode }} {{ customer.address.city }}</span>
</li>
<li class="widget-list-item {{ customer.template.footerTextColor }}">
<i class="fas fa-phone"></i>
<a href="tel:{{ customer.contact.phone }}">{{ customer.contact.phone }}</a>
</li>
<li class="widget-list-item">
<i class="fas fa-envelope-open {{ customer.template.footerTextColor }}"></i>
<a href="mailto:{{ customer.contact.email }}">{{ customer.contact.email }}</a>
</li>
{% if customer.contact.url != ''%}
<li class="widget-list-item {{ customer.template.footerTextColor }}">
<i class="fas fa-link"></i>
<a href="{{ customer.contact.url }}" target="_blank">{{ customer.contact.url }}</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="col-xl-2 col-md-6 col-sm-6">
<div class="footer-widget">
<h3 class="footer-widget-title">NAVIGATION</h3>
<ul class="widget-items">
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_index') }}">
Home
</a>
</li>
{% if customer.contentAboutUs.active %}
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_index') }}#about-us">
{{ 'app.about_us.title'|trans }}
</a>
</li>
{% endif %}
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_index') }}#donation-areas">
{{ 'app.buy_area'|trans }}
</a>
</li>
{% if customer.contentHowTo.active %}
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_index') }}#how-it-works">
{{ 'app.how_it_works_title'|trans }}
</a>
</li>
{% endif %}
{% if customer.faq.active %}
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_index') }}#faq">
{{ 'app.faq'|trans }}
</a>
</li>
{% endif %}
<li class="widget-list-item">
<a class="{{ customer.template.footerTextColor }}" href="{{ path('app_frontend_sponsor_list') }}#sponsor-list">
Sponsorenliste
</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="footer-widget news-widget">
<h3 class="footer-widget-title">EINE SOFTWARE VON</h3>
<div class="footer-software">
<a href="//www.werbebanden-manager.de" target="_blank">
<img src="{{ asset('assets/images/werbebanden-manager.jpg') }}" width="250px" alt="EINE SOFTWARE VON">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom-area {{ customer.template.footerBackgroundColor }}-dark-1">
<div class="container">
<div class="bottom-area-inner">
<span class="copyright">Verantwortlich für den Inhalt: {{ customer.name }}</span>
<div class="footer-bottom-links">
<a href="{{ path('app_frontend_legal_imprint') }}#imprint" class="{{ customer.template.footerTextColor }}">
Impressum
</a>
<a href="{{ path('app_frontend_legal_data-protection') }}#data-protection" class="{{ customer.template.footerTextColor }}">
Datenschutz
</a>
<a href="{{ path('app_login') }}" class="{{ customer.template.footerTextColor }}">Vereinslogin</a>
</div>
</div>
</div>
</div>
</div>