/* Stijl voor de tekstpagina's (privacy, cookies, voorwaarden, 404), in lijn met de homepage. */
:root{
  --nacht:#18191B; --lijn:rgba(255,255,255,.1); --lijn-2:rgba(255,255,255,.18);
  --tekst:#EDEAE5; --zacht:#A3A6AA; --dof:#7A7E83; --goud:#B9A06E;
  --serif:"Playfair Display",Georgia,serif; --sans:"Inter",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box} html,body{margin:0}
html{background:var(--nacht)}
body{font:300 16px/1.75 var(--sans);color:var(--tekst);background:var(--nacht);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a{color:var(--tekst);text-underline-offset:3px;text-decoration-color:var(--lijn-2)}
a:hover{text-decoration-color:var(--goud)}
:focus-visible{outline:2px solid var(--goud);outline-offset:3px}
.balk{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--lijn)}
.merk{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.merk img{width:30px;height:24px}
.merk span{font:500 18px/1 var(--sans);letter-spacing:-.02em}
.merk span i{font-style:normal;font-weight:300;color:var(--zacht)}
.balk nav a{font:400 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--zacht);margin-left:18px}
.balk nav a:hover,.balk nav a[aria-current]{color:var(--tekst)}
.kop{padding:72px 20px 40px;text-align:center;background:linear-gradient(180deg,#3E525E 0%,#28333B 55%,var(--nacht) 100%)}
.label{font:400 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--zacht)}
.kop h1{margin:14px 0 0;font:italic 500 clamp(40px,7vw,68px)/1.02 var(--serif)}
.kop .versie{margin:14px 0 0;font-size:13px;color:var(--zacht)}
main{max-width:760px;margin:0 auto;padding:40px 20px 90px}
main .intro{font:400 clamp(19px,2.4vw,23px)/1.5 var(--serif);color:#D9D6D0;margin:0 0 10px}
main h2{margin:52px 0 12px;padding-top:22px;border-top:1px solid var(--lijn);font:italic 500 28px/1.2 var(--serif)}
main h3{margin:28px 0 8px;font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--zacht)}
main p,main li{color:#C9CCD0;font-size:15.5px}
main ul{padding-left:0;list-style:none}
main li{position:relative;padding:4px 0 4px 22px}
main li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:1px;background:var(--goud)}
main strong{color:var(--tekst);font-weight:500}
.tabel{overflow-x:auto;margin:16px 0;border:1px solid var(--lijn);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--lijn)}
th{font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--zacht)}
tr:last-child td{border-bottom:0}
td{color:#C9CCD0}
td code,p code{font-size:13px;color:var(--tekst)}
footer{border-top:1px solid var(--lijn);padding:24px 20px 34px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12.5px;color:var(--zacht)}
footer a{color:var(--zacht);text-decoration:none} footer a:hover{color:var(--tekst)}
footer .naam{margin-right:auto}
@media(max-width:560px){.balk nav a{margin-left:12px;letter-spacing:.1em}}