/* Footer der Landing (index.html Inline CSS, Stand 16.09.2026) als gemeinsame Datei fuer
   Ueber uns und die Rechtsseiten. Nutzer: ueberall derselbe Footer mit denselben Angaben.
   Farben fest eingesetzt, weil die Seiten eigene Variablen fuehren. */
.footer *{box-sizing:border-box}
.footer ul{margin:0;padding:0}
.footer p{margin:0}
.footer .footer-col-title{margin:0 0 20px}
.footer-links li,.footer-links a{overflow-wrap:anywhere}
.footer a{text-decoration:none}
.footer{background:#0A0A0A;color:rgba(238,230,216,.62);position:relative;z-index:2;
  border-top:1px solid rgba(238,230,216,.09)}
.footer-top{max-width:1100px;margin:0 auto;padding:88px 60px 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.footer-lockup{display:flex;align-items:center;gap:15px;color:#FAFAF8;margin-bottom:28px}
.footer-lockup .nav-wordmark-name{color:#FAFAF8}
.footer-socials{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.footer-social-link{font-size:12px;font-weight:600;color:rgba(238,230,216,.72);transition:color .2s,transform .2s;display:inline-block;width:max-content}
.footer-social-link:hover{color:rgba(238,230,216,1);transform:translateX(2px)}
.footer-brand img.footer-qr{display:block;width:92px;height:92px;margin:14px 0 0;border-radius:6px;opacity:1}
.footer-col-title{font-family:'Schibsted Grotesk',sans-serif;font-size:12px;font-weight:500;color:rgba(238,230,216,.42);margin-bottom:20px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:13.5px;color:rgba(238,230,216,.66);transition:color .2s}
.footer-links a:hover{color:rgba(238,230,216,1)}
.footer-risk{max-width:1100px;margin:0 auto;padding:24px 60px 34px}
/* Pflichthinweis: war auf 15 % Deckkraft praktisch unlesbar */
.footer-risk p{font-size:11px;color:rgba(238,230,216,.38);line-height:1.7}
.footer-divider{border:none;border-top:1px solid rgba(238,230,216,.09);margin:0}
.footer-bottom{border-top:1px solid rgba(238,230,216,.09);padding:24px 60px;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.footer-legal{font-size:11.5px;color:rgba(238,230,216,.4)}
.footer-legal a{color:rgba(238,230,216,.55);transition:color .2s}
.footer-legal a:hover{color:rgba(238,230,216,.9)}
.footer-lockup .nav-mark{width:48px;height:48px;flex-shrink:0}
.footer-lockup .nav-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1;white-space:nowrap}
.footer-lockup .nav-wordmark-name{font-family:'Playfair Display',serif;font-size:29px;font-weight:500;letter-spacing:.02em;color:#FAFAF8}
.footer-lockup .nav-wordmark-sub{font-family:'Schibsted Grotesk',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.03em;line-height:1;color:rgba(255,255,255,.74)}
@media (max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr;gap:40px;padding:60px 24px 40px}
  .footer-brand{grid-column:1/-1}   /* Marke ueber volle Breite, die Unterzeile drueckt sonst die Spalten */
  .footer-risk{padding:16px 24px 24px}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;padding:24px}
}