:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:#101014; color:#e8e8ee;
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.wrap { max-width: 900px; margin: 0 auto; padding: 0 20px 64px; }
header.site { padding: 22px 0 0; border-bottom: 1px solid #26262e; }
.merk { font-size: 20px; font-weight: 700; letter-spacing: .14em; margin: 0; }
.merk span { color: #ff5470; }
.merk a { color: inherit; text-decoration: none; }
.merk-regel { margin: 4px 0 0; color: #9a9aa8; font-size: 13px; }
nav.hoofd { margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 18px; }
nav.hoofd a { color: #c9c9d6; text-decoration: none; font-size: 14px; padding: 6px 0; }
nav.hoofd a:hover, nav.hoofd a[aria-current="page"] { color: #fff; border-bottom: 2px solid #ff5470; }
h1 { font-size: 31px; line-height: 1.22; margin: 34px 0 12px; letter-spacing: -.01em; }
h2 { font-size: 20px; margin: 38px 0 8px; padding-top: 6px; border-top: 1px solid #26262e; }
h3 { font-size: 16px; margin: 24px 0 4px; }
p { margin: 11px 0; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: #7fc8ff; }
a:hover { color: #b6e0ff; }
.knop { display:inline-block; margin:6px 10px 6px 0; padding:11px 18px; border-radius:8px;
  background:#ff5470; color:#14141a; font-weight:700; text-decoration:none; }
.knop:hover { background:#ff7c92; color:#14141a; }
.knop.stil { background:transparent; color:#e8e8ee; border:1px solid #3a3a46; font-weight:600; }
.knop.stil:hover { background:#1b1b22; color:#fff; }
.kader { background:#17171d; border:1px solid #26262e; border-radius:10px; padding:16px 20px; margin:16px 0; }
.klein { color:#9a9aa8; font-size:13px; }
.ververs { color:#8b8b99; font-size:12px; }
.net { list-style:none; padding:0; margin:14px 0 0; }
.net li { border-top:1px solid #22222a; padding:12px 0; }
.net b { display:inline-block; min-width:190px; }
.net i { color:#9a9aa8; font-style:normal; }
footer { margin-top:44px; padding-top:18px; border-top:1px solid #26262e; color:#9a9aa8; font-size:13px; }
footer a { color:#a9b6c4; }
#leeftijd { position:fixed; inset:0; background:#0c0c10; z-index:50; display:flex;
  align-items:center; justify-content:center; padding:24px; }
#leeftijd .doos { max-width:470px; text-align:center; }
#leeftijd h2 { border:0; margin:0 0 8px; }
#leeftijd.uit { display:none; }