/* ── CRM8 juridische pagina's · gedeelde huisstijl ─────────────────────────
   Gouden huisstijl, rustige leesbare documentopmaak. Gebruikt door
   algemene-voorwaarden / privacybeleid / verwerkersovereenkomst / cookiebeleid. */
@font-face{font-family:"Marcellus";font-style:normal;font-weight:400;font-display:swap;src:url("https://fonts.gstatic.com/s/marcellus/v14/wEO_EBrOk8hQLDvIAF81VvoK_kgXiQ.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2") format("woff2")}

:root{
  --ink:#241a10; --muted:#6f6656; --soft:#8a7c64; --accent:#b28f43;
  --hair:#ece2ce; --paper:#fffdf7; --gold-grad:linear-gradient(135deg,#e3c97f,#b28f43);
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:"Inter",system-ui,sans-serif; color:var(--ink); background:#fff; line-height:1.7;
  -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* nav */
nav.legalnav{ position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:22px;
  padding:16px 30px; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hair); }
nav.legalnav .brand{ display:flex; align-items:center; gap:5px; margin-right:auto; }
nav.legalnav .wm8{ font-family:"Marcellus",Georgia,serif; font-size:22px; letter-spacing:.05em; line-height:1;
  background:linear-gradient(180deg,#e3c97f,#a8874c); -webkit-background-clip:text; background-clip:text; color:transparent; }
nav.legalnav .mark8{ height:26px; width:26px; display:block; flex:none; }
nav.legalnav a.lnk{ font-size:13.5px; font-weight:500; color:var(--soft); }
nav.legalnav a.lnk:hover{ color:var(--ink); text-decoration:none; }
nav.legalnav a.btn{ font-size:13px; font-weight:600; color:#fff; padding:9px 18px; border-radius:999px;
  background:var(--gold-grad); }
nav.legalnav a.btn:hover{ text-decoration:none; opacity:.94; }
@media (max-width:640px){ nav.legalnav{ gap:14px; padding:13px 18px; } nav.legalnav a.lnk{ display:none; } }

/* koptekst */
.lhead{ max-width:860px; margin:0 auto; padding:64px 6vw 22px; }
.lhead .kicker{ font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--accent);
  font-weight:600; margin-bottom:16px; }
.lhead h1{ font-family:"Marcellus",Georgia,serif; font-size:clamp(30px,4.4vw,46px); font-weight:400;
  letter-spacing:-.01em; line-height:1.1; }
.lhead .meta{ margin-top:16px; font-size:14px; color:var(--soft); }
.lhead .intro{ margin-top:20px; font-size:16.5px; color:var(--muted); }

/* inhoudsopgave */
.toc{ max-width:860px; margin:26px auto 0; padding:22px 26px; border:1px solid var(--hair);
  border-radius:16px; background:var(--paper); }
.toc h2{ font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--soft); font-weight:600; margin-bottom:12px; }
.toc ol{ list-style:none; counter-reset:toc; columns:2; column-gap:36px; }
.toc ol li{ counter-increment:toc; font-size:14.5px; margin-bottom:7px; break-inside:avoid; }
.toc ol li a{ color:var(--ink); }
.toc ol li a::before{ content:counter(toc) ". "; color:var(--accent); font-variant-numeric:tabular-nums; }
@media (max-width:640px){ .toc ol{ columns:1; } }

/* document */
.ldoc{ max-width:860px; margin:0 auto; padding:24px 6vw 90px; counter-reset:sec; }
.ldoc section{ padding-top:34px; scroll-margin-top:80px; }
.ldoc section > h2{ font-family:"Marcellus",Georgia,serif; font-weight:400; font-size:23px; letter-spacing:-.01em;
  margin-bottom:12px; display:flex; gap:12px; align-items:baseline; }
.ldoc section > h2::before{ counter-increment:sec; content:counter(sec); font-size:14px; font-weight:600;
  color:var(--accent); font-family:"Inter",sans-serif; min-width:28px; }
.ldoc h3{ font-size:16px; font-weight:600; margin:22px 0 8px; color:var(--ink); }
.ldoc p{ font-size:15.5px; color:var(--muted); margin-bottom:12px; }
.ldoc p.lead{ font-size:16.5px; }
.ldoc ul, .ldoc ol{ margin:6px 0 14px; padding-left:22px; }
.ldoc li{ font-size:15.5px; color:var(--muted); margin-bottom:7px; }
.ldoc ul{ list-style:none; padding-left:0; }
.ldoc ul > li{ position:relative; padding-left:22px; }
.ldoc ul > li::before{ content:''; position:absolute; left:2px; top:10px; width:6px; height:6px; border-radius:50%;
  background:var(--gold-grad); }
.ldoc ol{ counter-reset:item; list-style:none; padding-left:0; }
.ldoc ol > li{ counter-increment:item; position:relative; padding-left:30px; }
.ldoc ol > li::before{ content:counter(item); position:absolute; left:0; top:0; font-size:12.5px; font-weight:600;
  color:var(--accent); font-variant-numeric:tabular-nums; }
.ldoc b, .ldoc strong{ color:var(--ink); font-weight:600; }
.ldoc a{ font-weight:500; }

/* bedrijfsgegevens- en definitieblok */
.callout{ border:1px solid var(--hair); background:var(--paper); border-radius:16px; padding:22px 24px; margin:16px 0 6px; }
.callout .ct{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--soft); font-weight:600; margin-bottom:10px; }
.callout p{ margin-bottom:4px; font-size:15px; }
.deflist dt{ font-weight:600; color:var(--ink); font-size:15px; margin-top:12px; }
.deflist dd{ font-size:15px; color:var(--muted); margin:2px 0 0; }

/* tabellen */
.ltable{ width:100%; border-collapse:collapse; margin:12px 0 18px; font-size:14px; }
.ltable th, .ltable td{ text-align:left; padding:11px 14px; border:1px solid var(--hair); vertical-align:top; color:var(--muted); }
.ltable th{ background:var(--paper); color:var(--ink); font-weight:600; font-size:12.5px; letter-spacing:.02em; }
.ltable td b{ color:var(--ink); }
.tablewrap{ overflow-x:auto; }

/* invulmarkering (nog aan te vullen bedrijfsgegevens) */
.fill{ background:#fbf2d8; border-bottom:1px dashed #c9a85c; padding:0 3px; border-radius:3px; color:#7a5f1e; }

/* footer */
footer.lfoot{ border-top:1px solid var(--hair); padding:34px 6vw 46px; display:flex; flex-wrap:wrap;
  gap:12px 26px; align-items:center; justify-content:center; font-size:13px; color:var(--soft); }
footer.lfoot a{ color:inherit; } footer.lfoot a:hover{ color:var(--ink); }
footer.lfoot .sep{ opacity:.4; }