.footer-container {
    background-color: var(--surface-2);
    color: var(--on-emphasized);
    padding: 16px 0;

    a {
        color: var(--on-enabled-emphasized)
    }

    a:hover {
        text-decoration: underline;
    }

    a:focus-visible {
        color: var(--on-focus);
        margin-bottom: -3px;
        border-bottom: 3px solid var(--line-focus);
        outline: none;
    }

    .footer-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: space-between;
    }

    .revoke-cookies {
        margin-top: 16px;
    }

    .footer-text-small {
        font-size: 14px;
    }

    --flex-2: 16.66666667%;
    --flex-3: 25%;
    --flex-4: 33.33333333%;
    --flex-6: 50%;
    --flex-12: 100%;

    .footer-block-address, .footer-block-contact-links, .footer-block-long-text, .footer-block-navigation-list {
        padding: 0 15px;
    }

    .footer-block-address {
        @media (min-width: 768px) and (max-width: 991.98px) {
            flex: 0 0 var(--flex-6);
            max-width: var(--flex-6);
            margin-bottom: 16px;
        }
        @media (max-width: 767.98px) {
            flex: 0 0 var(--flex-12);
            max-width: var(--flex-12);
            margin-bottom: 16px;
        }

        .footer-sch-logo {
            max-width: 100%;
            height: auto;
            margin-bottom: 16px;
        }
    }

    .footer-block-contact-links {
        @media (min-width: 768px) and (max-width: 991.98px) {
            flex: 0 0 var(--flex-6);
            max-width: var(--flex-6);
            margin-bottom: 16px;
        }
        @media (max-width: 767.98px) {
            flex: 0 0 var(--flex-12);
            max-width: var(--flex-12);
            margin-bottom: 16px;
        }

        display: flex;
        flex-direction: column;
        gap: 16px;

        .footer-contact-link-wrapper {
            color: var(--on-enabled-emphasized);
            display: flex;
            align-items: center;
            gap: 16px;
        }
    }

    .footer-block-long-text {
        width: 325px;

        @media (max-width: 991.98px) {
            flex: 0 0 var(--flex-12);
            max-width: var(--flex-12);
            margin-bottom: 16px;
        }
    }

    .footer-block-navigation-list {
        @media (max-width: 991.98px) {
            flex: 0 0 var(--flex-12);
            max-width: var(--flex-12);
            margin-bottom: 16px;
        }

        .footer-navigation-list {
            list-style-type: none;
            padding: 0;
            margin: 0;

            @media (max-width: 991.98px) {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
            }
        }
    }
}