<footer class="site-footer">
    <div class="footer-inner">
        <div class="footer-brand">
            {{ title | safe }}
        </div>

        <div class="footer-grid">
            {% if logo and logo.enabled and logo.footer %}
                <div class="footer-column footer-logo-column">
                    <a class="site-logo footer-logo" href="{{ logo.home_url if logo.home_url }}">
                        {% if logo.url %}
                            <img src="{{ logo.url }}" alt="{{ logo.alt }}">
                        {% else %}
                            <span>{{ logo.text }}</span>
                        {% endif %}
                    </a>
                </div>
            {% endif %}

            {% for column in columns %}
                <div class="footer-column">
                    {{ column | safe }}
                </div>
            {% endfor %}

            {% if social_links %}
                <div class="footer-column footer-social-column">
                    <h2>Social</h2>
                    <div class="social-links">
                        {% for social in social_links %}
                            <a href="{{ social.url }}" aria-label="{{ social.label }}">
                                <span>{{ social.icon }}</span>
                            </a>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        </div>

        <p class="footer-credit">
            Erstellt mit Havelseiten von Binnenrevier
        </p>
    </div>
</footer>
