/* === Anigdha Ausbildung — Footer Styles === */

/* Hover states */
.footer-link:hover { color: #DD0000 !important; }
.footer-bottom-link:hover { color: #DD0000 !important; }
.footer-social:hover { background: #DD0000 !important; color: #fff !important; }
.footer-cta-card:hover { border-color: #DD0000 !important; }
.footer-cta-card:hover .footer-cta-arrow { background: #fff !important; color: #DD0000 !important; }
.footer-newsletter-btn:hover { background: #1A1A1A !important; }
.footer-back-top:hover { background: #fff !important; color: #DD0000 !important; }

/* Footer logo image */
footer .custom-logo-link img {
    height: 54px;
    width: auto;
}
footer .custom-logo-link {
    display: inline-block;
}

/* === Responsive — 1024px === */
@media (max-width: 1024px) {
    footer { padding: 50px 24px 0 !important; }
    .footer-cta-card h3 { font-size: 20px !important; }
    .footer-columns { grid-template-columns: 1fr 1fr !important; gap: 40px !important; padding: 70px 0 60px !important; }
    .footer-cta-row { grid-template-columns: 1fr !important; gap: 20px !important; }
    .footer-cta-card { height: auto !important; padding: 24px !important; flex-direction: column !important; gap: 20px !important; align-items: flex-start !important; }
    .footer-cta-card h3 { font-size: 20px !important; }
    .footer-cta-card h3 br { display: none; }
    .footer-columns { grid-template-columns: 1fr 1fr !important; gap: 40px !important; padding: 60px 0 50px !important; }
    .footer-bottom { flex-direction: column !important; gap: 14px !important; text-align: center !important; padding: 24px 0 70px !important; }
    .footer-back-top { right: 20px !important; bottom: 24px !important; }
}

/* === Responsive — 768px === */
@media (max-width: 768px) {
    footer { padding: 40px 18px 0 !important; }
    .footer-cta-card h3 { font-size: 18px !important; }
    .footer-cta-arrow { width: 48px !important; height: 48px !important; flex: 0 0 48px !important; }
    .footer-columns { grid-template-columns: 1fr !important; gap: 34px !important; padding: 50px 0 40px !important; }
    .footer-columns h4 { font-size: 20px !important; }
    .footer-columns > div:first-child p { font-size: 14px !important; }
    .footer-bottom { font-size: 13px !important; padding: 20px 0 60px !important; }
}