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

/* General */
footer {
    font-size: var(--font-size-2);
    line-height: var(--line-height-1);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 232, 220, 0.00)), to(var(--brand-beige)));
    background: -o-linear-gradient(top, rgba(237, 232, 220, 0.00) 0%, var(--brand-beige) 100%);
    background: linear-gradient(180deg, rgba(237, 232, 220, 0.00) 0%, var(--brand-beige) 100%);
}
  
footer a {
    text-decoration: none;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}
  
.no-touchevents footer a:hover {
    opacity: var(--opacity-2);
}



/* Footer top */
.footer__top__logo {
    text-align: center;
}

.footer__top__logo a {
    display: inline-block;
}

.footer__top__orgas span {
    font-weight: bold;
    margin: 0 10px;
}

.footer__top__orgas span:first-of-type {
    margin-left: 0;
}
  


/* Footer bottom */
.footer__bottom, .footer__legal {
    text-align: center;
}

.footer__bottom ul li, .footer__legal ul li {
    display: inline-block;
}

.footer__bottom ul li a {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
}

.site_nav__footer > li.nav__item--active > a span::after {
    content: "";
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    height: 2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2"><line style="fill:none;stroke:%23473816;stroke-width:2;stroke-linecap:round;stroke-dasharray:6,6;" x1="1" y1="1" x2="12" y2="1"/></svg>');
    background-repeat: repeat-x;
}


/* Crosslinks */
.footer__crosslinks {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-1);
    font-size: var(--font-size-1);
    text-align: center;
}

.footer__crosslinks p {
    margin: 0;
}

.footer__crosslinks a {
    border-bottom: 2px dashed;
}


/* Legal */
.footer__legal {
    padding-bottom: var(--spacing-4);
}

.footer__legal ul li {
    margin-right: var(--spacing-4);
}

.footer__legal ul li a {
    position: relative;
    font-size: var(--font-size-1);
    opacity: 1;
}


/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 576px) {

    .site_nav__footer > li.nav__item--active > a span::after {
        bottom: -2px;
    }

}


@media all and (min-width: 768px) {

    footer {
        padding: var(--spacing-9) 0 0;
    }

    .footer__bottom {
        margin-top: var(--spacing-6);
    }

    .footer__top__orgas {
        margin-top: var(--spacing-4);
    }

    .footer__bottom ul li:last-child, .footer__legal ul li:last-child {
        margin-right: 0;
    }

}


@media all and (min-width: 992px) {

    .footer__bottom ul li {
        margin-right: var(--spacing-5);
    }

    .footer__bottom ul li a {
        font-size: 20px;
    }

    .site_nav__footer > li.nav__item--active > a span::after {
        bottom: -2px;
    }

}


@media all and (max-width: 991.98px) {
  
    .footer__top__logo {
        -webkit-transform-origin: bottom;
            -ms-transform-origin: bottom;
                transform-origin: bottom;
    }

    .site_nav__footer > li.nav__item--active > a span::after {
        bottom: -1px;
    }

    .footer__bottom ul li {
        margin: 4px 12px;
    }
    
}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .footer__top__logo {
        -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
                transform: scale(.9);
    }

}


@media all and (max-width: 991.98px) and (min-width: 576px) {

    .footer__bottom ul li a {
        font-size: var(--font-size-3);
    }

}


@media all and (max-width: 767.98px) {

    footer {
        padding: var(--spacing-8) 0 0;
    }

    .footer__bottom {
        margin-top: var(--spacing-6);
    }

    .footer__legal {
        margin-top: var(--spacing-3);
    }

    .footer__crosslinks {
        font-size: 15px;
    }

    .footer__top__orgas {
        margin-top: var(--spacing-2);
    }

    .orga__hof_narr {
        max-width: 55px;
    }

    .orga__neb {
        max-width: 110px;
    }

}


@media all and (max-width: 767.98px) and (min-width: 390px) {

    .footer__top__logo {
        -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
                transform: scale(.8);
    }

}


@media all and (max-width: 575.98px) {

    .footer__bottom {
        margin-top: var(--spacing-4);
    }

    .footer__bottom ul li a {
        font-size: 19px;
    }

    .footer__legal ul li {
        margin-right: var(--spacing-2);
    }

    .footer__legal ul li a {
        font-size: 15px;
    }

    .footer__top__logo {
        -webkit-transform: scale(.75);
            -ms-transform: scale(.75);
                transform: scale(.75);
    }

}

@media all and (max-width: 389.98px) {

    .footer__top__logo {
        -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
                transform: scale(.7);
    }

}


@media all and (max-width: 349.98px) {

    .footer__top__logo {
        -webkit-transform: scale(.65);
            -ms-transform: scale(.65);
                transform: scale(.65);
    }

}