{% set required_keys = ["company_name", "footer_items"] %}

    <div class="footer" style="
        background-color: var(--color-surface);
        padding: var(--space-6) var(--space-8) var(--space-4);
        display: flex;
        flex-direction: column;
        gap: var(--space-4);
    ">
        {%- if footer_items %}
        {{ apep.macros.footer_nav(
            links=footer_items,
            variant="blocks"
        ) }}
        {%- endif %}

        <div style="
            padding-top: var(--space-4);
            border-top: 1px solid var(--color-overlay-medium);
            display: flex;
            align-items: center;
            gap: var(--space-6);
            flex-wrap: wrap;
        ">
            <p style="margin: 0; font-size: var(--font-size-sm); color: var(--color-text-inverted); opacity: 0.7;">
                &copy; {{ company_name }}
            </p>
            {{ apep.macros.lang_switch(current_lang="de") }}
        </div>
    </div>