/* Shared styling for the legal pages (Impressum / Datenschutz / AGB).
   Same CI + type as the main site, but a calm, text-first layout. */
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/schibsted-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/schibsted-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/schibsted-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jbmono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --paper:#FBFAF8; --paper-2:#F3EFE9; --ink:#161214; --ink-soft:#4f4a48;
  --ink-faint:#8a8480; --hairline:#E5E0D8; --night:#231F20; --on-night:#EDE8E1;
  --flame:#FF4D06;
  --font-sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --gut:clamp(20px,5vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);
  line-height:1.68;font-weight:400;letter-spacing:-.004em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--flame);outline-offset:3px;border-radius:2px}
::selection{background:var(--flame);color:#fff}

/* header */
.legal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px var(--gut);border-bottom:1px solid var(--hairline);
  position:sticky;top:0;background:color-mix(in srgb,var(--paper) 88%,transparent);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}
.legal-head img{height:18px;width:auto;display:block}
.legal-head .back{font-size:14px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px;
  transition:color .25s}
.legal-head .back:hover{color:var(--ink)}
.legal-head .back .ar{color:var(--flame)}
.legal-head .head-actions{display:flex;align-items:center;gap:22px}
.legal-head .lang-toggle{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;color:var(--ink-faint);
  padding:8px 4px;display:inline-flex;align-items:center}
.legal-head .lang-toggle a{color:var(--ink-faint);transition:color .25s}
.legal-head .lang-toggle a:hover{color:var(--ink)}
.legal-head .lang-toggle .on{color:var(--ink)}
.legal-head .lang-toggle .sep{opacity:.55;margin:0 1px}

/* content */
.legal-main{max-width:768px;margin-inline:auto;padding:clamp(48px,8vw,96px) var(--gut) 72px}
.legal-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:18px}
.legal-eyebrow .dot{color:var(--flame)}
.legal h1{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.02;
  margin-bottom:14px;text-wrap:balance}
.legal .updated{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-bottom:8px}
.legal h2{font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:600;letter-spacing:-.015em;
  margin:44px 0 12px;padding-top:26px;border-top:1px solid var(--hairline)}
.legal h2 .n{font-family:var(--font-mono);font-size:.72em;color:var(--flame);margin-right:10px;font-weight:400}
.legal h3{font-size:1.02rem;font-weight:600;margin:22px 0 6px}
.legal p{color:var(--ink-soft);margin:0 0 14px;max-width:68ch}
.legal ul,.legal ol{color:var(--ink-soft);margin:0 0 14px;padding-left:22px;max-width:68ch}
.legal li{margin-bottom:7px}
.legal a[href]{color:var(--ink);border-bottom:1px solid var(--hairline);transition:border-color .2s}
.legal a[href]:hover{border-bottom-color:var(--flame)}
.legal strong{color:var(--ink);font-weight:600}
.legal .lead{font-size:1.12rem;color:var(--ink);max-width:60ch;margin-bottom:8px}

/* a boxed data table for the Impressum facts */
.legal .facts{border:1px solid var(--hairline);border-radius:12px;overflow:hidden;margin:24px 0 8px;background:var(--paper-2)}
.legal .facts div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 20px;border-top:1px solid var(--hairline)}
.legal .facts div:first-child{border-top:0}
.legal .facts dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}
.legal .facts dd{color:var(--ink);font-weight:500}
.legal .facts dd a{color:var(--ink)}

/* a subtle note / disclaimer callout */
.legal .note{background:var(--paper-2);border-left:3px solid var(--flame);border-radius:0 8px 8px 0;
  padding:16px 20px;margin:22px 0;font-size:.95rem;color:var(--ink-soft)}

/* footer */
.legal-foot{border-top:1px solid var(--hairline);background:var(--night);color:#a79f97;
  padding:34px var(--gut)}
.legal-foot .in{max-width:768px;margin-inline:auto;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;align-items:center;font-size:13.5px}
.legal-foot a{transition:color .2s}
.legal-foot a:hover{color:var(--on-night)}
.legal-foot .links{display:flex;gap:22px;flex-wrap:wrap}
.legal-foot .cur[aria-current]{color:var(--on-night)}

@media (max-width:560px){
  .legal .facts div{grid-template-columns:1fr;gap:4px}
}