/* ========================================================= 
   horsePASSION: zentraler Footer 
   Referenz: Impressum / Datenschutz / Kontakt 
   ========================================================= */ 

.hp-global-footer { 
    position: relative; 
    z-index: 2; 
    flex: 0 0 auto; 
    width: 100%; 
    margin: 0; 
    padding: 28px 24px 34px; 
    background: transparent; 
    color: #174c45; 
    font-family: Inter, "Segoe UI", Arial, sans-serif; 
    font-size: 0.92rem; 
    line-height: 1.4; 
    text-align: center; 
} 
.hp-global-footer__inner { 
    width: min(900px, 100%); 
    margin: 0 auto; 
    padding-top: 28px; 
    border-top: 1px solid rgba(23, 76, 69, 0.20); 
    display: grid; 
    justify-items: center; 
    gap: 10px; 
} 
.hp-global-footer__copy { 
    margin: 0; 
    color: #174c45; 
    font: inherit; 
    font-weight: 400; 
} 
.hp-global-footer__links { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-wrap: wrap; 
    gap: 9px; 
    margin: 0; 
} 
.hp-global-footer__links a { 
    color: #174c45; 
    text-decoration: none; 
    font: inherit; 
    font-weight: 800; 
    text-underline-offset: 4px; 
} 
.hp-global-footer__links a:hover { 
    text-decoration: underline; 
} 
.hp-global-footer__links a:focus-visible { 
    outline: 2px solid #174c45; 
    outline-offset: 4px; 
    border-radius: 4px; 
} 

/* Weiße Variante auf Landingpage */ 
.landing .hp-global-footer { 
    color: rgba(255, 255, 255, 0.92); 
} 
.landing .hp-global-footer__inner { 
    border-top-color: rgba(255, 255, 255, 0.25); 
} 
.landing .hp-global-footer__copy, 
.landing .hp-global-footer__links a { 
    color: rgba(255, 255, 255, 0.95); 
} 
.landing .hp-global-footer__links a:focus-visible { 
    outline-color: #f7efe6; 
} 

/* Weiße Variante auf Impressum, Datenschutz und Kontakt */ 
.legal-page .hp-global-footer, 
body:has(.legal-page) .hp-global-footer { 
    color: rgba(255, 255, 255, 0.90); 
} 
.legal-page .hp-global-footer__inner, 
body:has(.legal-page) .hp-global-footer__inner { 
    border-top-color: transparent; 
} 
.legal-page .hp-global-footer__copy, 
.legal-page .hp-global-footer__links a, 
body:has(.legal-page) .hp-global-footer__copy, 
body:has(.legal-page) .hp-global-footer__links a { 
    color: #ffffff; 
} 
.legal-page .hp-global-footer__links a:focus-visible, 
body:has(.legal-page) .hp-global-footer__links a:focus-visible { 
    outline-color: #f7efe6; 
} 
@media (max-width: 680px) { 
    .hp-global-footer { 
        padding: 24px 18px 28px; 
        font-size: 0.86rem; 
    } 
    .hp-global-footer__inner { 
        width: 100%; 
        padding-top: 22px; 
    } 
}