/* Tekstpagina's in de nieuwe stijl (22 okt 2026): HYROX (pages/hyrox), huisregels (pages/veiligheid),
   algemene voorwaarden en privacyverklaring (voorwaarden/...). Zelfde letters, labels, knoppen en marges
   als dagpas, faq en overnemen. Alles hangt onder .tk, zodat de Webflow-stijl er niet tussen komt. */
.tk{
  --tk-kaart:#131416;--tk-lijn:#232323;--tk-lijn2:#475467;--tk-grijs:#98A2B3;--tk-licht:#B7BECC;--tk-blauw:#4E71FF;
  display:block;background:#000;color:#fff;font:400 16px/1.6 Poppins,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
.tk *,.tk *::before,.tk *::after{box-sizing:border-box}
.tk :where(h1,h2,h3,p,ol,ul,figure){margin:0}
.tk :where(ol,ul){padding:0;list-style:none}
.tk :where(h1,h2,h3){font-family:Montserrat,Poppins,sans-serif;font-weight:700;letter-spacing:-.01em;color:#fff;
  /* koppen nooit midden in een woord afbreken */
  hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.tk a{color:inherit}
.tk :focus-visible{outline:2px solid var(--tk-blauw);outline-offset:3px}
.tk [id]{scroll-margin-top:84px}
.tk img{display:block;max-width:100%}
.tk p,.tk li,.tk dd{font-family:Poppins,system-ui,sans-serif;font-weight:400}

.tk-kolom{max-width:720px;margin:0 auto;padding:0 16px 48px}
.tk-kopje{padding:24px 0 20px}
.tk .tk-label{margin:0 0 6px;font:600 13px/1.4 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-blauw)}
.tk .tk-h1{font-size:32px;line-height:1.1}
.tk .tk-lead{margin-top:10px;color:var(--tk-licht);font-size:16px;line-height:1.55}

/* gewone lopende tekst: witruimte tussen alinea's */
.tk-tekst{color:var(--tk-licht);font-size:16px;line-height:1.7}
.tk-tekst>*+*{margin-top:18px}
.tk-tekst strong{color:#fff;font-weight:600}
.tk-tekst a{color:#fff;text-decoration:underline;text-underline-offset:.15em}

/* opvallende opmerking ("Let op") */
.tk .tk-let{margin-top:28px;padding:14px 16px 14px 16px;border:1px solid var(--tk-lijn2);border-left:3px solid var(--tk-blauw);border-radius:8px;color:var(--tk-licht);font-size:15px;line-height:1.6}
.tk-let strong{color:#fff;font-weight:600}

/* foto (HYROX) */
.tk-foto{margin:4px 0 28px}
.tk-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 62%;border-radius:6px}

/* genummerde regels (huisregels) */
.tk-regels{counter-reset:regel;border-top:1px solid var(--tk-lijn)}
.tk-regels>li{counter-increment:regel;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--tk-lijn);color:var(--tk-licht);font-size:16px;line-height:1.6}
.tk-regels>li::before{content:counter(regel);font:700 21px/1.3 Montserrat,sans-serif;color:var(--tk-blauw)}
.tk-regels strong{color:#fff;font-weight:600}

/* hulpblok onderaan */
.tk-hulp{margin-top:44px;padding-top:26px;border-top:1px solid var(--tk-lijn2)}
.tk .tk-hulp h2{font-size:22px;line-height:1.15}
.tk .tk-hulp p{margin:6px 0 16px;color:var(--tk-licht);font-size:15px}
.tk .tk-knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:6px;background:var(--tk-blauw);color:#fff;font:700 19px/1.2 Poppins,sans-serif;text-decoration:none;transition:background .15s}
.tk .tk-knop:hover{background:#3f60ec}
/* telefoon: hoofdknop over de volle breedte, zoals op de andere pagina's */
@media (max-width:767px){.tk .tk-knop{display:flex;width:100%;min-height:56px}}

/* ---------- juridische pagina's: inhoudsopgave, artikelen en opsommingen ---------- */
.tk-juridisch .tk-kolom{max-width:1180px}
.tk-juridisch .tk-h1{font-size:26px;line-height:1.15}
.tk-inhoud{margin:0 0 32px;border:1px solid var(--tk-lijn2);border-radius:8px;padding:14px 16px 6px}
.tk .tk-inhoud-kop{font:600 13px/1.4 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-grijs);margin-bottom:4px}
.tk-inhoud ol{display:grid}
.tk-inhoud li+li{border-top:1px solid var(--tk-lijn)}
.tk .tk-inhoud a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;font-size:14px;line-height:1.35;font-weight:500;color:#fff;text-decoration:none}
.tk-inhoud a:hover span:last-child{text-decoration:underline;text-decoration-color:var(--tk-blauw);text-underline-offset:3px}
.tk-inhoud .tk-nr{flex:none;min-width:22px;color:var(--tk-blauw);font-weight:600}
.tk-nr:empty{display:none}

.tk-artikel{position:relative;padding:26px 0 6px;border-top:1px solid var(--tk-lijn)}
/* ankerpunt boven het artikel: de vaste menubalk (56 px) valt er anders overheen; Webflow negeert scroll-margin */
.tk .tk-anker{position:absolute;top:-64px;left:0;width:1px;height:1px;scroll-margin-top:0}
.tk-artikel:first-child{border-top:0;padding-top:0}
.tk .tk-artikel h2{display:flex;gap:10px;font-size:19px;line-height:1.25;letter-spacing:0;margin-bottom:14px}
.tk-artikel h2 .tk-nr{flex:none;color:var(--tk-blauw)}
.tk .tk-artikel h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4;margin:22px 0 8px}
.tk .tk-artikel>p{color:var(--tk-licht);font-size:15px;line-height:1.7}
.tk .tk-artikel>p+p{margin-top:12px}
.tk-artikel strong{color:#fff;font-weight:600}
.tk-artikel a{color:#fff;text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}
/* lid a), b), c) */
.tk-leden{display:grid;gap:14px;margin:12px 0}
.tk-leden>li{display:grid;grid-template-columns:26px 1fr;gap:8px;color:var(--tk-licht);font-size:15px;line-height:1.7}
.tk-leden .tk-letter{color:#fff;font-weight:600}
.tk-leden>li>div>p+p,.tk-leden>li>div>ul{margin-top:8px}
/* een lid met een tussenkopje (bv. 8a, 13a): de eerste regel iets zwaarder */
.tk .tk-leden>li>div>p:first-child:not(:only-child){color:#fff;font-weight:600}
/* gewone opsomming */
.tk-lijst{display:grid;gap:6px;margin:12px 0}
.tk-lijst>li{display:grid;grid-template-columns:18px 1fr;gap:8px;color:var(--tk-licht);font-size:15px;line-height:1.6}
.tk-lijst>li::before{content:"";width:6px;height:6px;margin-top:10px;background:var(--tk-blauw)}
.tk-scheiding{height:0;border:0;border-top:1px solid var(--tk-lijn2);margin:24px 0 0}

@media (min-width:900px){
  .tk-kolom{padding:0 32px 72px}
  .tk-kopje{padding:56px 0 28px}
  .tk .tk-h1{font-size:50px}
  .tk .tk-lead{font-size:17px}
  .tk .tk-hulp h2{font-size:26px}
  /* HYROX: tekst links, foto rechts */
  .tk-metfoto .tk-kolom{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto 1fr;gap:0 64px;align-items:start}
  .tk-metfoto .tk-kopje{grid-column:1}
  .tk-metfoto .tk-foto{grid-column:2;grid-row:1 / span 3;margin:56px 0 0}
  .tk-metfoto .tk-foto img{aspect-ratio:4/5;object-position:center}
  .tk-metfoto .tk-tekst,.tk-metfoto .tk-hulp{grid-column:1;max-width:640px}
  .tk-regels>li{grid-template-columns:44px 1fr;padding:18px 0}
  /* juridisch: inhoudsopgave als vaste kolom links */
  .tk-juridisch .tk-kolom{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 64px;align-items:start}
  .tk-juridisch .tk-kopje{grid-column:1 / -1;border-bottom:1px solid var(--tk-lijn);margin-bottom:32px}
  .tk-juridisch .tk-h1{font-size:44px}
  .tk-inhoud{grid-column:1;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;margin:0;border:0;padding:0}
  .tk-stukken{grid-column:2;max-width:720px}
  .tk .tk-artikel h2{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .tk *,.tk *::before,.tk *::after{transition:none!important;animation:none!important}
}