/* ==========================================================================
   legal-v2.css — brings impressum / datenschutz / agb into the new design.
   24 Aug 2026. These pages are now linked from the footer of every page, so a
   client clicking "Imprint" was landing on the old cyan design with an old nav
   that led back into the old site.

   OVERRIDES ONLY. The legal TEXT is untouched on purpose — it is the one thing
   on this site I should not be rewriting. Palette, type and nav targets only.
   ========================================================================== */
:root{
  --ef-void:#0A0B0D; --ef-deck:#12141A; --ef-deck2:#191C23; --ef-edge:#2B303A;
  --ef-champ:#E4D3AC; --ef-champ2:#F7F1E4;
  --ef-ink:#F3F1EC; --ef-ink2:#B2ABA0; --ef-ink3:#A69E90;
  --ef-ui:"Archivo",-apple-system,"Segoe UI",system-ui,sans-serif;
}
html,body{background:var(--ef-void)!important;color:var(--ef-ink)!important;
  font-family:var(--ef-ui)!important;-webkit-font-smoothing:antialiased}
body{font-size:16px;line-height:1.52}

/* the old page chrome */
nav{border-bottom:1px solid var(--ef-edge)!important;background:rgba(10,11,13,.94)!important;
  backdrop-filter:blur(14px)}
nav .wordmark{font-family:var(--ef-ui)!important;font-weight:600!important;
  color:var(--ef-ink)!important;letter-spacing:-.015em}
nav .wordmark i{background:var(--ef-champ)!important}
nav .links a{font-family:var(--ef-ui)!important;color:var(--ef-ink2)!important;font-size:.9rem}
nav .links a:hover,nav .links a.here{color:var(--ef-champ)!important}
.langsw a{font-family:var(--ef-ui)!important;color:var(--ef-ink3)!important}
.langsw a.on{color:var(--ef-champ)!important}

/* headings and body */
.lg h1,.lg h2,.lg h3{font-family:var(--ef-ui)!important;color:var(--ef-ink)!important;
  font-weight:600!important;letter-spacing:-.026em}
.lg h1{letter-spacing:-.034em}
.lg p,.lg li,.lg dd,.lg td{color:var(--ef-ink2)!important}
.lg dt,.lg th{color:var(--ef-ink)!important}
.lg .stand{color:var(--ef-ink3)!important;opacity:1!important}

/* the cyan accents */
.lg a{color:var(--ef-champ)!important;text-underline-offset:2px}
.lg .draft{border-left:2px solid var(--ef-champ)!important;
  background:rgba(228,211,172,.05);border-radius:0 6px 6px 0}
.lg .gap{background:rgba(228,211,172,.14)!important;
  border-bottom:1px dashed var(--ef-champ)!important;color:var(--ef-ink)!important}
.lg th,.lg td{border-bottom:1px solid var(--ef-edge)!important}

/* a way back to the new site, since these pages predate it */
.ef-back{display:block;max-width:44rem;margin:0 auto;padding:1.4rem 0 0}
.ef-back a{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ef-ui);
  font-size:.86rem;font-weight:600;color:var(--ef-champ);text-decoration:none}
.ef-back a:hover{text-decoration:underline;text-underline-offset:3px}

/* v2.css drives everything off --cyan; overriding the token is cleaner than
   chasing each rule that consumes it. */
:root{--cyan:#E4D3AC!important}

/* the header CTA and the language switcher still read cyan because they use
   their own backgrounds rather than the token */
nav .btn.p,nav .navcta{background:var(--ef-champ)!important;border-color:var(--ef-champ)!important;
  color:#15120C!important;font-family:var(--ef-ui)!important;font-weight:600!important;
  border-radius:9px!important}
nav .btn.p:hover,nav .navcta:hover{background:var(--ef-champ2)!important;border-color:var(--ef-champ2)!important}
.langsw{border:1px solid var(--ef-edge)!important;border-radius:8px;overflow:hidden}
.langsw a{background:transparent!important;color:var(--ef-ink3)!important;font-weight:600}
.langsw a.on{background:var(--ef-champ)!important;color:#15120C!important}

/* the back link sat above the fixed nav and was hidden behind it */
/* the fixed nav is ~64px tall; the link was sitting underneath it */
.ef-back{padding:calc(64px + 1.4rem) 1.5rem 0}