.main-footer {
    background-color: #020617;
    border-top: 1px solid var(--glass-border);
    padding-top: 80px; position: relative; z-index: 10;
}
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.footer-logo {
    height: 60px; /* Die Grundhöhe lassen wir relativ normal, damit das Layout nicht kaputt geht */
    width: auto;
    margin-bottom: 1rem;
    
    /* HIER IST DER TRICK FÜR DAS LOGO MIT VIEL RAND */
    transform: scale(2.0); /* Vergrößert das Logo optisch auf das Doppelte */
    transform-origin: left center; /* Wichtig: Sorgt dafür, dass es links bündig bleibt und nicht über den Rand hinauswächst */
}
.footer-desc { color: #94a3b8; font-size: 0.95rem; }

.main-footer h4 { color: #fff; font-size: 1.1rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; }
.main-footer h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--gradient-orange); }

.main-footer ul { list-style: none; }
.main-footer ul li { margin-bottom: 0.8rem; }
.main-footer ul a, .main-footer address, .main-footer p { color: #94a3b8; font-size: 0.95rem; font-style: normal; transition: color var(--transition-fast); }
.main-footer ul a:hover, .main-footer a:hover { color: var(--color-energy-orange); }

.footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding: 1.5rem 0; text-align: center; color: #64748b; font-size: 0.85rem; }

@media (max-width: 992px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .footer-grid { grid-template-columns: 1fr; gap: 2rem; } }