/* =====================================================================
   Riedler – footer.css
   Großer Footer mit Kontakt-Block + 3D-Keyvisual oben,
   schmale Legal-Zeile (Copyright · Legal · Credit by KWER) unten.
   Markup-Klassen: .site-footer (Wrapper), .kontakt__* (innen),
   .site-footer__legal-row (Bottom-Strip).
   ===================================================================== */

.site-footer {
    position: relative;
    background: #000;
    color: var(--riedler-light);
    overflow: hidden;
    padding-block-start: clamp(32px, 4vw, 64px);
}

/* Bottom legal strip */

.site-footer__legal-row {
    position: relative;
    z-index: 1;
    margin-block-start: clamp(64px, 8vw, 140px);
    padding-block-start: 22px;
    padding-block-end: 44px;
    font-size: .75rem;
    color: var(--riedler-white);
    text-transform: none;
}

.site-footer__inner {
    width: 100%;
    padding-inline: var(--container-pad);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: clamp(24px, 4vw, 64px);
}

.site-footer__copy {
    justify-self: start;
    font-weight: 500;
    color: var(--riedler-white);
    text-transform: uppercase;
    letter-spacing: .14em;
    opacity: .7;
}

.site-footer__legal {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: clamp(20px, 3vw, 40px);
}
.site-footer__legal a {
    color: var(--riedler-white);
    opacity: .7;
    text-decoration: none;
    transition: color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);
}
.site-footer__legal a:hover { color: var(--riedler-white); opacity: 1; }

.site-footer__credit {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--riedler-white);
    opacity: .7;
}
.site-footer__credit strong {
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--riedler-white);
}
/* Footer-Button – Akzentfarbe auf schwarzem Grund */
.site-footer .kontakt__btn {
    border-color: var(--riedler-light);
    color: var(--riedler-light);
}
.site-footer .kontakt__btn:hover {
    background: var(--riedler-light);
    border-color: var(--riedler-light);
    color: #000;
}