.footer-sitemap {
    display: grid;
    grid-template-columns: var(--anresis-content-grid);
    padding-block: var(--anresis-spacing-13);
    background-color: var(--anresis-color-primary-background);

    .footer-sitemap-content {
        grid-column: content;
        display: flex;
        flex-direction: column;
    }

    .sitemap-menu {
        > nav {
            container: grid / inline-size;
        }

        > nav > ul {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin: 0;
            padding: 0;
            list-style: none;
            gap: var(--anresis-spacing-8);

            @container grid (width < 1000px) {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            @container grid (width < 700px) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            @container grid (width < 500px) {
                grid-template-columns: minmax(0, 1fr);
            }

            > li {
                > a {
                    color: var(--anresis-color-white-text);
                    font: var(--anresis-font-h4);
                }
            }
        }
    }

    .sitemap-sub-menu {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-block-start: var(--anresis-spacing-4);
        gap: var(--anresis-spacing-4);

        > li {
            > a {
                color: var(--anresis-color-white-text);
                font: var(--anresis-font-text-small);
            }
        }
    }

    .sitemap-sub-sub-menu {
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-inline-start: var(--anresis-spacing-1);
        padding: 0;
        list-style: none;
        gap: var(--anresis-spacing-1);

        > li {
            > a {
                color: var(--anresis-color-white-text);
                font: var(--anresis-font-text-small);
            }
        }
    }

}