/* --- Footer ------------------------------------------------------------------------------------ */

footer .alignwide {
    background-color: var(--color--secondary-1);
    border-radius: 1rem;
    padding: clamp(2rem, 2vw + 1rem, 4rem) clamp(2rem, 2vw + 1rem, 5rem);
    color: var(--color--secondary-2);
    font-family: var(--font-family--primary);
}

footer .alignwide p {
    font-family: var(--font-family--primary);
    font-weight: 300;
    font-size: var( --font-size--x-small);
    line-height: 125%;
    letter-spacing: 0;
}

footer .alignwide .rahmen {
    padding: 2rem;
    border-radius: 0.5rem;
    border: solid 2px var(--color--primary-1);
}

.footer .alignwide p.headline {
    font-size: var(--font-size--x-large);
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 125%;
    max-width: 350px;
}

footer .alignwide .wp-block-separator {
    margin-bottom: 2rem;
}

footer .alignwide .meta-nav {
    font-weight: 300;
    letter-spacing: 0.8px;
}

footer a:link {
    color: white;
    text-decoration: none;
}

.footernav ul {
    flex-direction: column;
    align-items: flex-start;
}

footer span {
    font-size: var(--font-size--x-small);
}

.footermetanav a {
    font-size: var(--font-size--x-small);
}

.footermetanav a:link, .footermetanav a {
    color: #939393;
}

footer .wp-block-separator {
    border-top: 1px solid;
}

.footermetanav {
    gap: 1em;
}

.footermetanav a:link:hover,
footer a:link:hover,
footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--color--primary-1);
    transition: color 0.3s ease;
}

@media (max-width: 900px) {
    footer .wp-block-columns {
        flex-wrap: wrap !important;
        flex-direction: row;
    }

    footer .wp-block-column > .wp-block-columns.is-layout-flex {
        flex-direction: column;
        gap: 0.5rem;
    }

    footer div.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: calc(50% - 2rem) !important;
    }
}

@media screen and (max-width: 500px) {
    footer .wp-block-columns {
        flex-wrap: wrap !important;
        flex-direction: column;
    }    
}

@media (max-width: 400px) {
    footer .footermetanav {
        flex-wrap: wrap !important;
        flex-direction: column;
        align-items: flex-start;
    }

   
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/