.site-footer .footer-logo-contact {
    grid-area: 1/3/1/span 4;
    gap: var(--m-sm);
}

.site-footer .custom-logo-link {
    display: flex;
}

.site-footer .custom-logo-link img {
    width: 100%;
    max-width: max(160px, 9.6875vw);
    height: auto;
}

.site-footer .company-family {
    line-height: 1.2;
    letter-spacing: .05em;
    margin-bottom: .75em;
}

.site-footer .footer-address,
.site-footer .footer-contact {
    line-height: 1.75;
}

.site-footer .footer-contact {
    margin-top: .5em;
}

.site-footer .footer-nav {
    grid-area: 1/9/1/span 4;
}

.site-footer .footer-nav .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
    text-align: center;
}

.site-footer hr {
    grid-area: 2/3/2/span 10;
    width: 100%;
    color: var(--gold);
}

.site-footer .tauern-spa {
    grid-area: 1/7/span 3/span 2;
}

.site-footer .tauern-spa::before {
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20%;
    background: var(--blue);
    z-index: 1;
}

.site-footer .tauern-spa img {
    position: relative;
    z-index: 2;
}

.site-footer .copyright {
    grid-area: 3/3/3/span 4;
}

.site-footer .social-legal-container {
    grid-area: 3/9/3/span 4;
    gap: max(24px, 2.8125vw);
}

.site-footer .footer-social-nav .icon-btn {
    display: block;
    width: var(--m-sm);
    aspect-ratio: 1/1;
    background: currentColor;
}

.site-footer .footer-social-nav .icon-btn.facebook {
    mask: url(../img/icon-facebook.svg) no-repeat center/contain;
    -webkit-mask: url(../img/icon-facebook.svg) no-repeat center/contain;
}

.site-footer .footer-social-nav .icon-btn.instagram {
    mask: url(../img/icon-instagram.svg) no-repeat center/contain;
    -webkit-mask: url(../img/icon-instagram.svg) no-repeat center/contain;
}

.site-footer .footer-legal-nav .menu {
    display: flex;
    gap: var(--m-sm);
}

@media (max-width: 1199.98px) {
    .site-footer .footer-logo-contact {
        grid-area: 1/2/1/span 5;
    }

    .site-footer .footer-nav {
        grid-area: 1/9/1/span 5;
    }

    .site-footer hr {
        grid-area: 2/2/2/span 12;
    }

    .site-footer .copyright {
        grid-area: 3/2/3/span 5;
    }

    .site-footer .social-legal-container {
        grid-area: 3/9/3/span 5;
    }
}

@media (max-width: 991.98px) {
    .site-footer {
        text-align: center;
    }

    .site-footer .footer-logo-contact {
        grid-area: 1/2/1/span 12;
        gap: var(--m-md);
        flex-direction: column;
    }

    .site-footer .footer-contact {
        align-items: center;
    }

    .site-footer .footer-nav {
        grid-area: 2/2/2/span 12;
        justify-self: center;
        margin: var(--m-md) 0;
    }

    .site-footer .footer-nav .menu {
        flex-direction: column;
        gap: var(--m-sm);
    }

    .site-footer hr {
        grid-area: 3/2/3/span 12;
        height: 1px;
        align-self: center;
    }

    .site-footer .tauern-spa {
        grid-area: 3/2/3/span 12;
    }

    .site-footer .social-legal-container {
        grid-area: 4/2/4/span 12;
        justify-self: center;
        flex-direction: column;
        margin: var(--m-xs) 0 var(--m-sm);
    }

    .site-footer .copyright {
        grid-area: 5/2/5/span 12;
    }

    .site-footer .footer-legal-nav .menu {
        flex-direction: column;
        gap: var(--m-xs);
    }
}