/* Stijl voor de pagina's Algemene voorwaarden en Privacy */
:root{
  --bg:#0e0c0a;
  --line:rgba(232,220,200,.12);
  --text:#efe7da;
  --muted:#a99f90;
  --ember:#d9772b;
  --ember-2:#f2a65a;
  --gold:#c9a76a;
  --serif:"Playfair Display", Georgia, serif;
  --sans:"Montserrat", system-ui, sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(28px, env(safe-area-inset-left, 0px));padding-right:max(28px, env(safe-area-inset-right, 0px))}
@media (max-width:600px){.wrap{padding-left:max(18px, env(safe-area-inset-left, 0px));padding-right:max(18px, env(safe-area-inset-right, 0px))}}

header{border-bottom:1px solid var(--line);background:rgba(14,12,10,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.logo-img{height:56px;width:auto;
  filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
.back{font-size:.72rem;letter-spacing:.2em;font-weight:400;text-transform:uppercase;color:var(--muted);transition:.3s}
.back:hover{color:var(--text)}
@media (max-width:600px){.logo-img{height:44px}.nav{height:70px}}

main{padding-block:80px 100px}
.intro{max-width:760px;margin-bottom:56px}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.08;margin:16px 0 18px;text-wrap:balance}
.versie{color:var(--muted);font-size:.9rem}
.rule{width:56px;height:1px;background:var(--gold);margin-top:28px}

.artikels{max-width:760px;display:grid;gap:44px}
.artikel{display:grid;gap:12px;padding-top:36px;border-top:1px solid var(--line)}
.artikel h2{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.25;display:flex;gap:16px;align-items:baseline;text-wrap:balance}
.artikel h2 > span:last-child{min-width:0;overflow-wrap:break-word;hyphens:auto}
.artikel p, .artikel li{overflow-wrap:break-word}
.back{white-space:nowrap}
@media (max-width:600px){.artikel h2{font-size:1.25rem;gap:12px}.back .lang{display:none}}
.artikel h2 .nr{font-family:var(--serif);font-style:italic;color:var(--ember-2);font-size:1.05rem;min-width:2.2em}
.artikel h3{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:10px}
.artikel p, .artikel li{color:var(--muted);font-size:.95rem}
.artikel ul{list-style:none;display:grid;gap:6px}
.artikel li{padding-left:22px;position:relative}
.artikel li::before{content:"›";position:absolute;left:4px;color:var(--ember)}
.artikel strong{font-weight:500;color:var(--text)}
.artikel a{color:var(--ember-2);border-bottom:1px solid rgba(242,166,90,.35)}
.artikel a:hover{border-color:var(--ember-2)}
.gegevens{display:grid;gap:2px}

footer{border-top:1px solid var(--line);padding-block:50px 40px;color:var(--muted);font-size:.85rem}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.foot nav a:hover, .foot nav a[aria-current]{color:var(--text)}