function Footer() {
  const cols = [
    {h: 'Leistungen', l: ['Gebäudebewertung', 'Sanierungsfahrplan', 'Förderkonzept', 'Projektbegleitung']},
    {h: 'Für', l: ['Kommunen', 'Wohnungsunternehmen', 'Hausverwaltungen', 'Eigentümer']},
  ];
  return (
    <footer style={{background: '#262626', color: '#fff', padding: '64px 32px 32px'}}>
      <div style={{maxWidth: 1280, margin: '0 auto'}}>
        <div style={{display: 'grid', gridTemplateColumns: '1.4fr 1fr 1fr 1.2fr', gap: 48, marginBottom: 56}}>
          <div>
            <img src="assets/logo-white.png" alt="Effizienzpioniere" style={{height: 28, marginBottom: 20}} />
            <p style={{fontSize: 13, lineHeight: 1.55, color: 'rgba(255,255,255,0.7)', maxWidth: 320, margin: 0}}>
              Energetische Sanierungen für Kommunen — Beratung, Planung und Fördermittel aus einer Hand. Partnerschaftlich, pragmatisch und dauerhaft.
            </p>
          </div>
          {cols.map(c => (
            <div key={c.h}>
              <div style={{fontSize: 11, fontWeight: 600, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#64E755', marginBottom: 16}}>
                {c.h}
              </div>
              <ul style={{listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10}}>
                {c.l.map(x => (
                  <li key={x}><a href="#" style={{color: 'rgba(255,255,255,0.85)', fontSize: 13, textDecoration: 'none'}}>{x}</a></li>
                ))}
              </ul>
            </div>
          ))}
          <div>
            <div style={{fontSize: 11, fontWeight: 600, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#64E755', marginBottom: 16}}>
              Kontakt
            </div>
            <ul style={{listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10, fontSize: 13, color: 'rgba(255,255,255,0.85)', lineHeight: 1.5}}>
              <li>
                <a href="mailto:nwg@effizienzpioniere.de" style={{color: 'inherit', textDecoration: 'none'}}>nwg@effizienzpioniere.de</a>
              </li>
              <li>
                <a href="tel:+4971128410111" style={{color: 'inherit', textDecoration: 'none'}}>0711 28410111</a>
              </li>
              <li style={{color: 'rgba(255,255,255,0.7)', marginTop: 4}}>
                Effizienzpioniere GmbH<br />
                Gutenbergstraße 16A<br />
                70176 Stuttgart
              </li>
            </ul>
          </div>
        </div>
        <div style={{borderTop: '1px solid rgba(255,255,255,0.1)', paddingTop: 24, display: 'flex', justifyContent: 'space-between', fontSize: 12, color: 'rgba(255,255,255,0.5)'}}>
          <div>© 2026 Effizienzpioniere GmbH</div>
          <div style={{display: 'flex', gap: 24}}>
            <a href="https://www.effizienzpioniere.de/legal/impressum" target="_blank" rel="noopener" style={{color: 'inherit', textDecoration: 'none'}}>Impressum</a>
            <a href="https://www.effizienzpioniere.de/legal/datenschutzerklarung" target="_blank" rel="noopener" style={{color: 'inherit', textDecoration: 'none'}}>Datenschutz</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;