/* ============================================================
   Zentrale Styles: Logo (Brand) + Footer
   Identisch auf allen Seiten (index + Rechtsseiten).
   Setzt die CSS-Variablen aus der jeweiligen Seite voraus
   (--petrol, --ink, --bg, --ink-soft, --petrol-l, --font-label ...).
   ============================================================ */

/* ---- Logo / Brand ---- */
.brand{display:flex;align-items:center;gap:11px}
.brand .mk{background:var(--petrol);width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand .mk svg{width:24px;height:24px;display:block}
.brand .wm{display:flex;flex-direction:column;line-height:1.05}
.brand .name{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:700;font-size:19px}
.brand .bdesc{font-family:var(--font-label);font-weight:600;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);}
footer .brand .bdesc{color:#9AA39E}

/* ---- Footer ---- */
footer{background:var(--ink);color:var(--bg);padding:58px 0 46px;border-top:1px solid rgba(255,255,255,.1)}
footer .wrap{max-width:1180px}
.foot{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px}
.foot-links{display:flex;gap:36px;font-size:14px;color:#A7B3AF;flex-wrap:wrap}
.foot-links a:hover{color:var(--petrol-l)}
.foot-base{margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--font-label);font-weight:600;font-size:12px;letter-spacing:.04em;color:#7A8884}

@media(max-width:880px){.foot-links{gap:16px;}}