[id="footer"] {
    padding-block: 5rem;
    background: #25455f;
    color: #afb8c0;
    /*radial-gradient(circle, rgba(0,17,128,1) 0%, rgba(5,5,94,1) 42%, rgba(4,1,61,1) 100%);important
    */
}

    [id="footer"] .inside {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2.5rem 2rem
    }

    [id="footer"] a:not([class]) {
        color: white
    }

    [id="footer"] h1, [id="footer"] h2, [id="footer"] h3, [id="footer"] h4, [id="footer"] h5, [id="footer"] h6 {
        color: white
    }

.logo--footer {
    margin-block-end: 2.5rem
}
.logo.logo--footer img {
    width: 50rem
}

@media only screen and (max-width: 29.999rem) {
   .logo.logo--footer {
        max-width: 14rem
    }
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 3rem 1.5rem;
    margin: 0 auto;
    max-width: 103rem
}

@media only screen and (min-width: 40rem) {
    .footer-content {
        grid-gap: 5rem 2rem
    }
}

.footer-content > * {
    grid-column: 1 / -1
}

@media only screen and (min-width: 48rem) {
    .footer-content > * {
        grid-column: 3 / 9
    }
}

@media only screen and (min-width: 75rem) {
    .footer-content > * {
        grid-column: 5 / 9
    }
}

.footer-content *:nth-child(1) {
    grid-column: 1 / -1
}

@media only screen and (min-width: 48rem) {
    .footer-content *:nth-child(1) {
        grid-column: 1 / 7
    }
}

@media only screen and (min-width: 64rem) {
    .footer-content *:nth-child(1) {
        grid-column: 2 / 7
    }
}

@media only screen and (min-width: 87.5rem) {
    .footer-content *:nth-child(1) {
        grid-column: 3 / 7
    }
}

.footer-content *:nth-child(2) {
    grid-column: 1 / -1
}

@media only screen and (min-width: 48rem) {
    .footer-content *:nth-child(2) {
        grid-column: 7 / 13
    }
}

@media only screen and (min-width: 48rem) {
    .footer-content *:nth-child(2) {
        grid-column: 7 / 12
    }
}

@media only screen and (min-width: 87.5rem) {
    .footer-content *:nth-child(2) {
        grid-column: 7 / 11
    }
}

.prefooter {
    padding-block: 0.5rem;
    border-top: 0.0625rem solid #dde1e4
}

    .prefooter .mod_newslist h2, .prefooter .mod_eventlist h2 {
        margin-block-start: 0
    }

.footer-claim {
    font-size: 1.25rem;
    line-height: 1.5;
    display: block;
    margin-block-start: 2.5rem;
    color: #dde1e4;
    text-align: center
}

.footer-claim a {
        font-weight: 600
    }

.nav-meta--footer {
    display: flex;
    justify-content: center;
    width: 100%
}

.nav-meta--footer ul {
        display: flex;
        justify-content: center;
        gap: 1rem 1.5rem
    }

.nav-meta--footer li {
       display: flex
    }

.nav-meta--footer a, .nav-meta--footer strong {
        font-size: 0.875rem;
        line-height: 1.5;
        gap: 0 0.375rem;
        color: white
    }
