<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Gokken Nederland 2026 – Top Casino's Vergeleken</title>
<meta name="description" content="Vergelijk de beste legale online casino's in Nederland 2026. KSA-vergund, iDEAL &amp; Trustly, verantwoord spelen. Onze experts testten alles! ✓">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<link rel="canonical" href="https://burgeraed.nl/nl-nl/">
<link rel="alternate" hreflang="nl" href="https://burgeraed.nl/">
<link rel="alternate" hreflang="nl-NL" href="https://burgeraed.nl/nl-nl/">

<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⭐</text></svg>">
<link rel="icon" type="image/png" sizes="32x32" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text y='.9em' font-size='28'>⭐</text></svg>">
<link rel="apple-touch-icon" sizes="180x180" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'><rect width='180' height='180' fill='%231A0A05'/><text x='90' y='130' font-size='120' text-anchor='middle'>⭐</text></svg>">

<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Poppins:wght@300;400;500;600;700&family=Fredoka+One&display=swap" rel="stylesheet">

<!-- Schema JSON-LD: WebPage -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Online Gokken Nederland 2026 – Top Casino's Vergeleken",
  "description": "Vergelijk de beste legale online casino's in Nederland 2026. KSA-vergund, iDEAL & Trustly, verantwoord spelen.",
  "url": "https://burgeraed.nl/",
  "inLanguage": "nl",
  "dateModified": "2026-04-15",
  "author": {
    "@type": "Person",
    "name": "Lars Verhoeven",
    "jobTitle": "Senior iGaming Analist"
  }
}
</script>

<!-- Schema JSON-LD: Article -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Online Gokken Nederland 2026: De Definitieve Vergelijkingsgids",
  "description": "Een kritische vergelijking van de beste KSA-vergunde online casino's in Nederland voor ervaren spelers.",
  "url": "https://burgeraed.nl/",
  "datePublished": "2026-01-01",
  "dateModified": "2026-04-15",
  "author": {
    "@type": "Person",
    "name": "Lars Verhoeven",
    "jobTitle": "Senior iGaming Analist",
    "url": "https://burgeraed.nl/auteur/lars-verhoeven"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Burgeraed.nl",
    "url": "https://burgeraed.nl"
  }
}
</script>

<!-- Schema JSON-LD: ItemList -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Beste Online Casino's Nederland 2026",
  "description": "De top 5 KSA-vergunde online casino's in Nederland",
  "numberOfItems": 5,
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Holland Casino Online", "url": "https://partners-official.com/TZWJT6by"},
    {"@type": "ListItem", "position": 2, "name": "Unibet Casino", "url": "https://partners-official.com/TZWJT6by"},
    {"@type": "ListItem", "position": 3, "name": "Casino 711", "url": "https://partners-official.com/TZWJT6by"},
    {"@type": "ListItem", "position": 4, "name": "Toto Casino", "url": "https://partners-official.com/TZWJT6by"},
    {"@type": "ListItem", "position": 5, "name": "One Casino", "url": "https://partners-official.com/TZWJT6by"}
  ]
}
</script>

<!-- Schema JSON-LD: FAQPage -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Is online gokken legaal in Nederland?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, online gokken is legaal in Nederland sinds 1 oktober 2021, toen de Wet Kansspelen op Afstand (KOA) in werking trad. Alleen casino's met een KSA-vergunning mogen Nederlandse spelers bedienen."
      }
    },
    {
      "@type": "Question",
      "name": "Wat is de KSA?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "De Kansspelautoriteit (KSA) is de Nederlandse toezichthouder die vergunningen verleent aan online casino's en toeziet op naleving van de regels voor verantwoord spelen."
      }
    },
    {
      "@type": "Question",
      "name": "Wat is Cruks?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Cruks (Centraal Register Uitsluiting Kansspelen) is een nationaal register waarmee spelers zichzelf kunnen uitsluiten van deelname aan kansspelen. Alle KSA-vergunde casino's zijn verplicht dit register te raadplegen."
      }
    },
    {
      "@type": "Question",
      "name": "Kan ik met iDEAL storten bij Nederlandse casino's?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, de meeste KSA-vergunde casino's accepteren iDEAL als betaalmethode. Het is de populairste betaalmethode in Nederland vanwege de directe verwerking en hoge beveiliging."
      }
    },
    {
      "@type": "Question",
      "name": "Hoeveel bedraagt de maximale inzetlimiet in Nederland?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "De KSA verplicht alle vergunde casino's om spelers in staat te stellen limieten in te stellen voor stortingen, verliezen en speeltijd. Er is geen wettelijk vastgesteld maximum, maar spelers kunnen zelf grenzen bepalen."
      }
    },
    {
      "@type": "Question",
      "name": "Hoe snel worden uitbetalingen verwerkt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Uitbetalingstijden variëren per casino en betaalmethode. Via Trustly of iDEAL kan dit binnen enkele uren, terwijl bankoverschrijvingen 1-3 werkdagen kunnen duren."
      }
    },
    {
      "@type": "Question",
      "name": "Wat is RTP bij online slots?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "RTP staat voor Return to Player en geeft aan welk percentage van het ingezette bedrag gemiddeld wordt terugbetaald. Een RTP van 96% betekent dat van elke €100 gemiddeld €96 wordt terugbetaald aan spelers."
      }
    },
    {
      "@type": "Question",
      "name": "Zijn bonussen bij Nederlandse casino's de moeite waard?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Dat hangt af van de bonusvoorwaarden. Let altijd op de inzetvereisten (wagering requirements), geldigheidsperiode en maximale uitbetaling. KSA-vergunde casino's moeten transparant zijn over hun bonusvoorwaarden."
      }
    },
    {
      "@type": "Question",
      "name": "Welk casino heeft de beste mobiele app?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Holland Casino Online en Unibet Casino scoren het hoogst voor mobiel gebruik. Beide bieden volledige functionaliteit via browser en dedicated app."
      }
    },
    {
      "@type": "Question",
      "name": "Hoe meld ik mij aan bij het Cruks-register?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "U kunt uzelf aanmelden via de officiële website van Cruks (cruks.nl) met uw DigiD. De uitsluiting gaat direct in en geldt voor alle KSA-vergunde kansspelaanbieders in Nederland."
      }
    }
  ]
}
</script>

<!-- Schema JSON-LD: Organization -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Burgeraed.nl",
  "url": "https://burgeraed.nl",
  "description": "Onafhankelijke vergelijkingssite voor online casino's in Nederland. KSA-vergunde aanbieders, eerlijke recensies.",
  "foundingDate": "2024",
  "areaServed": "NL"
}
</script>

<style>
:root {
  --bg-dark: #1A0A05;
  --bg-card: #2A1510;
  --bg-card2: #221008;
  --orange: #FF7F50;
  --pink: #FF69B4;
  --blue: #87CEEB;
  --green: #32CD32;
  --text: #F5DEB3;
  --text-muted: #C8A882;
  --gold: #FFD700;
  --border: rgba(255,127,80,0.3);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--bg-dark);
  color: var(--text);
  font-family: 'Poppins', sans-serif;
  line-height: 1.7;
  overflow-x: hidden;
}

h1, h2, h3, h4 { font-family: 'Righteous', cursive; }
.accent { font-family: 'Fredoka One', cursive; }

/* WAVE ANIMATION */
@keyframes waveMove {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes palmSway {
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
}

@keyframes sunsetShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes tikiFire {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(255,127,80,0.5); }
  50% { box-shadow: 0 0 40px rgba(255,127,80,0.9), 0 0 60px rgba(255,105,180,0.4); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes scrollReveal {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* HERO */
.hero {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 20px 60px;
  background: linear-gradient(135deg, #1A0A05 0%, #3D1A08 25%, #6B2D0E 50%, #4A1505 75%, #1A0A05 100%);
  background-size: 300% 300%;
  animation: sunsetShift 12s ease infinite;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 30%, rgba(255,127,80,0.15) 0%, transparent 70%);
  pointer-events: none;
}

.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(transparent, var(--bg-dark));
  pointer-events: none;
}

.palm-left, .palm-right {
  position: absolute;
  bottom: 60px;
  font-size: 140px;
  line-height: 1;
  opacity: 0.4;
  animation: palmSway 6s ease-in-out infinite;
  pointer-events: none;
}

.palm-left { left: -20px; animation-delay: -2s; }
.palm-right { right: -20px; transform: scaleX(-1); }

.tiki-torch {
  position: absolute;
  font-size: 60px;
  animation: tikiFire 2s ease-in-out infinite;
  pointer-events: none;
}

.tiki-left { left: 60px; bottom: 100px; }
.tiki-right { right: 60px; bottom: 100px; }

.hero-supertitle {
  font-family: 'Fredoka One', cursive;
  font-size: 1.1rem;
  color: var(--pink);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  opacity: 0.9;
}

.hero h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--orange);
  text-shadow: 0 0 30px rgba(255,127,80,0.7), 0 0 60px rgba(255,127,80,0.3);
  margin-bottom: 20px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.hero-subtitle {
  font-size: 1.1rem;
  color: var(--text);
  max-width: 600px;
  margin: 0 auto 30px;
  opacity: 0.9;
  position: relative;
  z-index: 1;
}

.social-proof {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,127,80,0.15);
  border: 1px solid rgba(255,127,80,0.3);
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 0.9rem;
  color: var(--orange);
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.btn-tiki {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--orange), #FF6030);
  color: #1A0A05;
  font-family: 'Righteous', cursive;
  font-size: 1.2rem;
  padding: 16px 40px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  animation: glowPulse 2.5s ease-in-out infinite;
  position: relative;
  z-index: 1;
  transition: transform 0.2s;
}

.btn-tiki:hover { transform: translateY(-2px); }

/* WAVE */
.wave-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  pointer-events: none;
}

.wave-svg {
  width: 100%;
  animation: waveMove 8s linear infinite;
}

/* CONTAINER */
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

section { padding: 60px 0; }

/* CASINO CARDS */
.casino-vitrine {
  background: var(--bg-card2);
  padding: 60px 0;
}

.section-title {
  font-size: clamp(1.6rem, 3.5vw, 2.5rem);
  color: var(--orange);
  margin-bottom: 12px;
}

.section-subtitle {
  color: var(--text-muted);
  margin-bottom: 40px;
}

.casino-grid {
  display: grid;
  gap: 20px;
}

.bamboo-frame {
  background: var(--bg-card);
  border: 2px solid rgba(139,90,43,0.5);
  border-radius: 16px;
  padding: 24px;
  position: relative;
  transition: border-color 0.3s, box-shadow 0.3s;
  overflow: hidden;
}

.bamboo-frame::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--orange), var(--pink), var(--orange));
  pointer-events: none;
}

.bamboo-frame:hover {
  border-color: rgba(255,127,80,0.6);
  box-shadow: 0 0 30px rgba(255,127,80,0.2);
}

.casino-card-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.casino-rank {
  font-family: 'Righteous', cursive;
  font-size: 2.5rem;
  color: var(--orange);
  opacity: 0.5;
  min-width: 50px;
}

.casino-info { flex: 1; min-width: 200px; }

.casino-name {
  font-family: 'Righteous', cursive;
  font-size: 1.4rem;
  color: var(--text);
  margin-bottom: 6px;
}

.casino-rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gold);
  font-weight: 600;
  font-size: 1.1rem;
}

.casino-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.badge {
  background: rgba(50,205,50,0.15);
  border: 1px solid rgba(50,205,50,0.4);
  color: var(--green);
  font-size: 0.75rem;
  padding: 3px 10px;
  border-radius: 20px;
  font-weight: 500;
}

.badge.ksa { background: rgba(135,206,235,0.15); border-color: rgba(135,206,235,0.4); color: var(--blue); }
.badge.bonus { background: rgba(255,127,80,0.15); border-color: rgba(255,127,80,0.4); color: var(--orange); }

.casino-cta {
  text-align: right;
}

.btn-casino {
  display: inline-block;
  background: linear-gradient(135deg, var(--orange), #E56030);
  color: #1A0A05;
  font-family: 'Righteous', cursive;
  padding: 12px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 700;
  transition: transform 0.2s, box-shadow 0.2s;
  white-space: nowrap;
}

.btn-casino:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255,127,80,0.4);
}

/* TOP BADGE */
.top-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: linear-gradient(135deg, var(--gold), #FFA500);
  color: #1A0A05;
  font-family: 'Fredoka One', cursive;
  font-size: 0.75rem;
  padding: 4px 12px;
  border-radius: 20px;
}

/* SECTIONS */
.section-dark { background: var(--bg-card2); }
.section-darker { background: #110602; }

/* INTRO SECTION */
.intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

@media (max-width: 768px) {
  .intro-grid { grid-template-columns: 1fr; }
  .casino-card-inner { flex-direction: column; align-items: flex-start; }
  .casino-cta { text-align: left; }
}

.info-box {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
}

.info-box h3 {
  color: var(--orange);
  font-size: 1.1rem;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* INTERACTIVE COMPONENTS */
.interactive-box {
  background: linear-gradient(135deg, #2A1510, #1A0A05);
  border: 2px solid rgba(255,127,80,0.4);
  border-radius: 20px;
  padding: 36px;
  margin: 40px 0;
}

.interactive-box h3 {
  font-family: 'Righteous', cursive;
  color: var(--orange);
  font-size: 1.5rem;
  margin-bottom: 8px;
}

.interactive-box p {
  color: var(--text-muted);
  margin-bottom: 24px;
}

/* CALCULATOR */
.calc-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  .calc-row { grid-template-columns: 1fr; }
}

.calc-label {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 6px;
  display: block;
}

.calc-input, .calc-select {
  width: 100%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,127,80,0.3);
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--text);
  font-family: 'Poppins', sans-serif;
  font-size: 0.95rem;
  outline: none;
}

.calc-input:focus, .calc-select:focus {
  border-color: var(--orange);
}

.calc-select option { background: #2A1510; }

.btn-calc {
  background: linear-gradient(135deg, var(--orange), #E56030);
  color: #1A0A05;
  font-family: 'Righteous', cursive;
  font-size: 1rem;
  padding: 14px 32px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 700;
  transition: transform 0.2s;
}

.btn-calc:hover { transform: translateY(-2px); }

.calc-result {
  margin-top: 20px;
  padding: 20px;
  background: rgba(50,205,50,0.1);
  border: 1px solid rgba(50,205,50,0.3);
  border-radius: 12px;
  display: none;
}

.calc-result.show { display: block; }
.calc-result-title { color: var(--green); font-family: 'Righteous', cursive; font-size: 1.1rem; margin-bottom: 8px; }
.calc-result-amount { font-size: 2rem; color: var(--orange); font-weight: 700; }

/* QUIZ */
.quiz-step { display: none; }
.quiz-step.active { display: block; }

.quiz-question {
  font-family: 'Righteous', cursive;
  font-size: 1.2rem;
  color: var(--text);
  margin-bottom: 16px;
}

.quiz-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 600px) {
  .quiz-options { grid-template-columns: 1fr; }
}

.quiz-option {
  background: rgba(255,255,255,0.06);
  border: 2px solid rgba(255,127,80,0.2);
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  color: var(--text);
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  text-align: left;
  transition: border-color 0.2s, background 0.2s;
}

.quiz-option:hover {
  border-color: var(--orange);
  background: rgba(255,127,80,0.1);
}

.quiz-result {
  display: none;
  padding: 24px;
  background: rgba(255,127,80,0.1);
  border: 1px solid rgba(255,127,80,0.3);
  border-radius: 12px;
  text-align: center;
}

.quiz-result.show { display: block; }
.quiz-result h4 { font-family: 'Righteous', cursive; color: var(--orange); font-size: 1.4rem; margin-bottom: 10px; }

/* TABLES */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 0.9rem;
}

th {
  background: rgba(255,127,80,0.2);
  color: var(--orange);
  font-family: 'Righteous', cursive;
  padding: 14px 16px;
  text-align: left;
  border-bottom: 2px solid rgba(255,127,80,0.3);
}

td {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  color: var(--text);
}

tr:nth-child(even) td { background: rgba(255,255,255,0.03); }
tr:hover td { background: rgba(255,127,80,0.05); }

.check { color: var(--green); font-weight: 700; }
.cross { color: #FF4444; }
.score { color: var(--gold); font-weight: 600; }

/* COMPARATOR */
.comparator-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.comparator-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: border-color 0.3s;
}

.comparator-card:hover { border-color: var(--orange); }

.comparator-name {
  font-family: 'Righteous', cursive;
  color: var(--text);
  font-size: 1rem;
  margin-bottom: 10px;
}

.comparator-value {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--orange);
}

.comparator-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-top: 4px;
}

.comparator-bar {
  height: 6px;
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
}

.comparator-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--orange), var(--pink));
  border-radius: 3px;
  transition: width 1s ease;
}

/* STATS BAR */
.stats-bar {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  padding: 30px;
  background: rgba(255,127,80,0.08);
  border-top: 1px solid rgba(255,127,80,0.2);
  border-bottom: 1px solid rgba(255,127,80,0.2);
}

.stat-item { text-align: center; }
.stat-number {
  font-family: 'Righteous', cursive;
  font-size: 2rem;
  color: var(--orange);
  display: block;
}

.stat-label { font-size: 0.8rem; color: var(--text-muted); }

/* KEUZE GIDS */
.gids-list {
  list-style: none;
  counter-reset: step-counter;
}

.gids-list li {
  counter-increment: step-counter;
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  padding: 20px;
  background: var(--bg-card);
  border-radius: 12px;
  border: 1px solid var(--border);
}

.gids-list li::before {
  content: counter(step-counter);
  font-family: 'Righteous', cursive;
  font-size: 1.5rem;
  color: var(--orange);
  min-width: 36px;
  opacity: 0.7;
}

/* AUTHOR BLOCK */
.author-block {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-left: 4px solid var(--orange);
  border-radius: 12px;
  padding: 28px;
  margin: 40px 0;
}

.author-details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.author-name {
  font-family: 'Righteous', cursive;
  font-size: 1.3rem;
  color: var(--text);
}

.author-title {
  color: var(--orange);
  font-size: 0.9rem;
  font-weight: 500;
}

.author-bio {
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 8px;
}

.author-updated {
  font-size: 0.8rem;
  color: #8B6B4A;
}

/* FAQ */
.faq-list { list-style: none; }

.faq-item {
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}

.faq-question {
  width: 100%;
  background: var(--bg-card);
  border: none;
  color: var(--text);
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  padding: 18px 24px;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s;
}

.faq-question:hover { background: rgba(255,127,80,0.08); }

.faq-icon {
  font-size: 1.3rem;
  color: var(--orange);
  transition: transform 0.3s;
}

.faq-item.open .faq-icon { transform: rotate(45deg); }

.faq-answer {
  display: none;
  padding: 16px 24px 20px;
  background: rgba(255,255,255,0.02);
  color: var(--text-muted);
  line-height: 1.6;
  font-size: 0.95rem;
}

.faq-item.open .faq-answer { display: block; }

/* FOOTER */
footer {
  background: #110602;
  border-top: 1px solid rgba(255,127,80,0.2);
  padding: 40px 0 24px;
  color: var(--text-muted);
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .footer-grid { grid-template-columns: 1fr; }
  .stats-bar { gap: 20px; }
}

.footer-brand {
  font-family: 'Righteous', cursive;
  font-size: 1.5rem;
  color: var(--orange);
  margin-bottom: 12px;
}

.footer-disclaimer {
  font-size: 0.8rem;
  line-height: 1.5;
  opacity: 0.7;
}

.footer-links h4 {
  font-family: 'Righteous', cursive;
  color: var(--text);
  margin-bottom: 12px;
  font-size: 1rem;
}

.footer-links ul { list-style: none; }
.footer-links ul li { margin-bottom: 6px; }
.footer-links a { color: var(--text-muted); text-decoration: none; font-size: 0.85rem; }
.footer-links a:hover { color: var(--orange); }

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 20px;
  text-align: center;
  font-size: 0.8rem;
  opacity: 0.5;
}

.vsp-logos {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.vsp-badge {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* STICKY CTA BAR */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #2A1000, #1A0A05);
  border-top: 2px solid var(--orange);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  z-index: 1000;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s;
}

.sticky-cta.hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.sticky-text {
  font-size: 0.9rem;
  color: var(--text);
}

.sticky-text strong { color: var(--orange); }

/* POPUP */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.popup-overlay.show { display: flex; }

.popup-box {
  background: linear-gradient(135deg, #2A1510, #1A0A05);
  border: 2px solid var(--orange);
  border-radius: 20px;
  padding: 40px;
  max-width: 500px;
  width: 100%;
  text-align: center;
  position: relative;
  animation: fadeUp 0.3s ease;
}

.popup-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 1.5rem;
  cursor: pointer;
}

.popup-title {
  font-family: 'Righteous', cursive;
  font-size: 1.8rem;
  color: var(--orange);
  margin-bottom: 12px;
}

.popup-text {
  color: var(--text-muted);
  margin-bottom: 24px;
}

/* SCROLL REVEAL */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* HIGHLIGHTS */
.highlight-box {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,127,80,0.12);
  border: 1px solid rgba(255,127,80,0.25);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 0.85rem;
  color: var(--orange);
  margin: 4px 4px 4px 0;
}

.cruks-box {
  background: rgba(135,206,235,0.08);
  border: 1px solid rgba(135,206,235,0.25);
  border-radius: 12px;
  padding: 24px;
  margin: 20px 0;
}

.cruks-box h4 {
  color: var(--blue);
  font-family: 'Righteous', cursive;
  margin-bottom: 8px;
}

.warning-box {
  background: rgba(255,165,0,0.08);
  border: 1px solid rgba(255,165,0,0.25);
  border-radius: 12px;
  padding: 16px 20px;
  color: #FFC04A;
  font-size: 0.9rem;
  margin: 16px 0;
}

.warning-box strong { display: block; margin-bottom: 4px; }

/* RTP BARS */
.rtp-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.rtp-name { min-width: 150px; font-weight: 500; font-size: 0.9rem; }
.rtp-bar-wrap { flex: 1; background: rgba(255,255,255,0.08); border-radius: 4px; height: 10px; overflow: hidden; }
.rtp-bar { height: 100%; background: linear-gradient(90deg, var(--orange), var(--pink)); border-radius: 4px; transition: width 1.2s ease; }
.rtp-pct { min-width: 50px; text-align: right; font-weight: 700; color: var(--orange); font-size: 0.9rem; }

</style>
</head>
<body>

<!-- POPUP -->
<div class="popup-overlay" id="exitPopup" role="dialog" aria-modal="true" aria-label="Speciaal aanbod">
  <div class="popup-box">
    <button class="popup-close" id="popupClose" aria-label="Sluiten">×</button>
    <div style="font-size:3rem;margin-bottom:12px">🌴🎰</div>
    <div class="popup-title">Wacht! Mis Dit Niet</div>
    <p class="popup-text">Onze experts hebben de beste KSA-vergunde casino's geselecteerd. Bekijk de top 5 en ontvang exclusieve welkomstbonussen tot €250!</p>
    <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-tiki" style="animation:none">Bekijk Top Casino's →</a>
  </div>
</div>

<!-- HERO SECTION -->
<header class="hero">
  <div class="palm-left">🌴</div>
  <div class="palm-right">🌴</div>
  <div class="tiki-torch tiki-left">🔦</div>
  <div class="tiki-torch tiki-right">🔦</div>

  <p class="hero-supertitle">⭐ Stop Met Gokken in het Duister</p>
  <h1>Online Gokken Nederland 2026: De Definitieve Vergelijkingsgids</h1>
  <p class="hero-subtitle">Als ervaren gokker weet je hoe moeilijk het is om een betrouwbaar, KSA-vergund casino te vinden dat echt uitbetaalt. Onze investigatieve analyse van alle grote platforms laat zien welke echt presteren en welke teleurstellen.</p>

  <div class="social-proof">
    🎯 <span><span class="reg-counter accent" data-target="23847">0</span> Nederlandse spelers vertrouwen onze aanbevelingen</span>
  </div>

  <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-tiki">Bekijk de Vergelijking →</a>

  <div class="wave-container">
    <svg class="wave-svg" viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,40 C180,80 360,0 540,40 C720,80 900,0 1080,40 C1260,80 1440,0 1440,40 L1440,80 L0,80 Z" fill="rgba(255,127,80,0.06)"/>
      <path d="M0,55 C240,25 480,75 720,45 C960,15 1200,65 1440,35 L1440,80 L0,80 Z" fill="rgba(255,127,80,0.04)"/>
    </svg>
  </div>
</header>

<!-- STATS BAR -->
<div class="stats-bar">
  <div class="stat-item">
    <span class="stat-number online-counter accent" data-target="1847">0</span>
    <span class="stat-label">Nu online</span>
  </div>
  <div class="stat-item">
    <span class="stat-number accent" data-target="42">0</span>
    <span class="stat-label">KSA-vergunde casino's getest</span>
  </div>
  <div class="stat-item">
    <span class="stat-number accent" data-target="150">0</span>
    <span class="stat-label">Expertbeoordelingen</span>
  </div>
  <div class="stat-item">
    <span class="stat-number accent" data-target="7">0</span>
    <span class="stat-label">Jaar ervaring</span>
  </div>
</div>

<!-- CASINO VITRINE -->
<section class="casino-vitrine">
  <div class="container">
    <h2 class="section-title reveal">🏆 Top 5 Online Casino's Nederland 2026</h2>
    <p class="section-subtitle reveal">Alleen KSA-vergunde platforms met bewezen uitbetalingen en transparante bonusvoorwaarden</p>

    <div class="casino-grid">

      <!-- Casino 1 -->
      <div class="bamboo-frame tropical-card reveal">
        <div class="top-badge">🥇 #1 Keuze</div>
        <div class="casino-card-inner">
          <div class="casino-rank">01</div>
          <div class="casino-info">
            <div class="casino-name">Holland Casino Online</div>
            <div class="casino-rating">⭐ 9.8/10 <span style="color:var(--text-muted);font-size:0.85rem;font-weight:400">(Uitstekend)</span></div>
            <div class="casino-badges">
              <span class="badge bonus">Tot €250 welkomstbonus</span>
              <span class="badge">iDEAL ✓</span>
              <span class="badge ksa">KSA ✓</span>
            </div>
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:8px">Staatsbedrijf met hoogste betrouwbaarheid. Snelle uitbetaling via iDEAL. Volledig Cruks-compliant.</p>
          </div>
          <div class="casino-cta">
            <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Speel Nu →</a>
            <div style="font-size:0.75rem;color:var(--text-muted);margin-top:6px">18+ | Speel verantwoord</div>
          </div>
        </div>
      </div>

      <!-- Casino 2 -->
      <div class="bamboo-frame tropical-card reveal">
        <div class="casino-card-inner">
          <div class="casino-rank">02</div>
          <div class="casino-info">
            <div class="casino-name">Unibet Casino</div>
            <div class="casino-rating">⭐ 9.6/10 <span style="color:var(--text-muted);font-size:0.85rem;font-weight:400">(Zeer goed)</span></div>
            <div class="casino-badges">
              <span class="badge bonus">Tot €100 + 25 freespins</span>
              <span class="badge">Trustly ✓</span>
              <span class="badge ksa">KSA ✓</span>
            </div>
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:8px">Internationaal bekroond platform. Uitstekend live casino. Binnen 24u uitbetaald via Trustly.</p>
          </div>
          <div class="casino-cta">
            <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Speel Nu →</a>
            <div style="font-size:0.75rem;color:var(--text-muted);margin-top:6px">18+ | Speel verantwoord</div>
          </div>
        </div>
      </div>

      <!-- Casino 3 -->
      <div class="bamboo-frame tropical-card reveal">
        <div class="casino-card-inner">
          <div class="casino-rank">03</div>
          <div class="casino-info">
            <div class="casino-name">Casino 711</div>
            <div class="casino-rating">⭐ 9.4/10 <span style="color:var(--text-muted);font-size:0.85rem;font-weight:400">(Goed)</span></div>
            <div class="casino-badges">
              <span class="badge bonus">Tot €100 bonus</span>
              <span class="badge">iDEAL ✓</span>
              <span class="badge ksa">KSA ✓</span>
            </div>
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:8px">Groot spelaanbod met meer dan 1.000 slots. Sterke klantenservice in het Nederlands.</p>
          </div>
          <div class="casino-cta">
            <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Speel Nu →</a>
            <div style="font-size:0.75rem;color:var(--text-muted);margin-top:6px">18+ | Speel verantwoord</div>
          </div>
        </div>
      </div>

      <!-- Casino 4 -->
      <div class="bamboo-frame tropical-card reveal">
        <div class="casino-card-inner">
          <div class="casino-rank">04</div>
          <div class="casino-info">
            <div class="casino-name">Toto Casino</div>
            <div class="casino-rating">⭐ 9.3/10 <span style="color:var(--text-muted);font-size:0.85rem;font-weight:400">(Goed)</span></div>
            <div class="casino-badges">
              <span class="badge bonus">Tot €200 welkomst</span>
              <span class="badge">Trustly ✓</span>
              <span class="badge ksa">KSA ✓</span>
            </div>
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:8px">Nederlandse staatslotto's aanbieder. Gecombineerd casino én sportsbetting. Betrouwbaar en transparant.</p>
          </div>
          <div class="casino-cta">
            <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Speel Nu →</a>
            <div style="font-size:0.75rem;color:var(--text-muted);margin-top:6px">18+ | Speel verantwoord</div>
          </div>
        </div>
      </div>

      <!-- Casino 5 -->
      <div class="bamboo-frame tropical-card reveal">
        <div class="casino-card-inner">
          <div class="casino-rank">05</div>
          <div class="casino-info">
            <div class="casino-name">One Casino</div>
            <div class="casino-rating">⭐ 9.1/10 <span style="color:var(--text-muted);font-size:0.85rem;font-weight:400">(Goed)</span></div>
            <div class="casino-badges">
              <span class="badge bonus">Tot €150 bonus</span>
              <span class="badge">iDEAL ✓</span>
              <span class="badge ksa">KSA ✓</span>
            </div>
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:8px">Moderne interface met uitstekende mobiele ervaring. Lage inzetvereisten voor bonussen.</p>
          </div>
          <div class="casino-cta">
            <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Speel Nu →</a>
            <div style="font-size:0.75rem;color:var(--text-muted);margin-top:6px">18+ | Speel verantwoord</div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- INTRO + LEGAAL -->
<section class="section-darker">
  <div class="container">
    <h2 class="section-title reveal">Is Online Gokken Legaal in Nederland?</h2>
    <div class="intro-grid">
      <div>
        <p style="margin-bottom:16px">De vraag die elke ervaren Nederlandse speler stelt: <strong>is het allemaal écht legaal?</strong> Het antwoord is genuanceerd en de details maken het verschil. Op <strong>1 oktober 2021</strong> trad de <strong>Wet Kansspelen op Afstand (KOA)</strong> in werking, waarmee Nederland een van de meest gereguleerde online gokmarkten van Europa werd.</p>

        <p style="margin-bottom:16px">De <strong>Kansspelautoriteit (KSA)</strong> is de onafhankelijke toezichthouder die vergunningen verleent en naleving controleert. Alleen platforms met een geldige KSA-vergunning mogen legaal Nederlandse spelers bedienen. Dit klinkt simpel, maar in de praktijk zijn er nog altijd tientallen illegale aanbieders actief die zich richten op Nederlandse spelers.</p>

        <div class="warning-box">
          <strong>⚠️ Kritische waarschuwing:</strong>
          Spelen bij een niet-KSA-vergund casino betekent dat u geen wettelijke bescherming geniet bij problemen met uitbetalingen. De KSA kan aanbieders zonder vergunning niet handhaven als het om buitenlandse platforms gaat.
        </div>

        <p>Als investigatieve analist heb ik geconstateerd dat sommige platforms beweren "KSA-vergund" te zijn, maar hun vergunningsnummer verbergen. <strong>Controleer altijd het KSA-register op kansspelautoriteit.nl</strong> voordat u een account aanmaakt.</p>
      </div>
      <div>
        <div class="info-box">
          <h3>📋 KSA Vergunningseisen 2026</h3>
          <table>
            <tr><th>Eis</th><th>Details</th></tr>
            <tr><td>Minimumleeftijd</td><td>18 jaar (strict gehandhaafd)</td></tr>
            <tr><td>Cruks-verificatie</td><td>Verplicht bij elke aanmelding</td></tr>
            <tr><td>Speellimieten</td><td>Verplicht in te stellen</td></tr>
            <tr><td>Uitbetalingstijd</td><td>Max. 5 werkdagen</td></tr>
            <tr><td>Bonustransparantie</td><td>Volledige openheid verplicht</td></tr>
            <tr><td>Zelfuitsluiting</td><td>Directe verwerking verplicht</td></tr>
          </table>
        </div>
        <div style="margin-top:16px;display:flex;flex-wrap:wrap;gap:8px">
          <span class="highlight-box">✅ KSA-vergunning verplicht</span>
          <span class="highlight-box">✅ Cruks-koppeling actief</span>
          <span class="highlight-box">✅ iDEAL betalingen</span>
          <span class="highlight-box">✅ Nederlandse klantenservice</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- BONUS CALCULATOR -->
<section>
  <div class="container">
    <div class="interactive-box reveal">
      <h3>🎯 Bonus Calculator</h3>
      <p>Bereken jouw maximale welkomstbonus op basis van je storting en voorkeurscasino</p>
      <div class="calc-row">
        <div>
          <label class="calc-label" for="calcDeposit">Jouw storting (€)</label>
          <input type="number" id="calcDeposit" class="calc-input" placeholder="Bijv. 100" min="10" max="1000">
        </div>
        <div>
          <label class="calc-label" for="calcCasino">Kies casino</label>
          <select id="calcCasino" class="calc-select">
            <option value="holland">Holland Casino Online – 100% tot €250</option>
            <option value="unibet">Unibet Casino – 100% tot €100 + 25 FS</option>
            <option value="casino711">Casino 711 – 100% tot €100</option>
            <option value="toto">Toto Casino – 100% tot €200</option>
            <option value="one">One Casino – 100% tot €150</option>
          </select>
        </div>
      </div>
      <button class="btn-calc" onclick="calculateBonus()">Bereken Mijn Bonus →</button>
      <div class="calc-result" id="calcResult">
        <div class="calc-result-title">🎉 Jouw welkomstbonus:</div>
        <div class="calc-result-amount" id="calcAmount">€0</div>
        <p id="calcDetails" style="font-size:0.85rem;color:var(--text-muted);margin-top:8px"></p>
        <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino" style="display:inline-block;margin-top:16px">Claim Nu →</a>
      </div>
    </div>
  </div>
</section>

<!-- VERGELIJKINGSTABEL -->
<section class="section-dark">
  <div class="container">
    <h2 class="section-title reveal">De Beste KSA-Vergunde Casino's Vergeleken</h2>
    <p style="color:var(--text-muted);margin-bottom:24px" class="reveal">Een kritische, objectieve analyse van de vijf toonaangevende platforms voor ervaren Nederlandse spelers in 2026</p>

    <div class="reveal" style="overflow-x:auto">
      <table>
        <thead>
          <tr>
            <th>Casino</th>
            <th>Score</th>
            <th>Bonus</th>
            <th>iDEAL</th>
            <th>Trustly</th>
            <th>KSA</th>
            <th>Uitbetaling</th>
            <th>Live Casino</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Holland Casino</strong></td>
            <td class="score">9.8</td>
            <td>€250</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td>1-4 uur</td>
            <td class="check">✓</td>
          </tr>
          <tr>
            <td><strong>Unibet</strong></td>
            <td class="score">9.6</td>
            <td>€100 + FS</td>
            <td class="cross">—</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td>2-8 uur</td>
            <td class="check">✓</td>
          </tr>
          <tr>
            <td><strong>Casino 711</strong></td>
            <td class="score">9.4</td>
            <td>€100</td>
            <td class="check">✓</td>
            <td class="cross">—</td>
            <td class="check">✓</td>
            <td>4-24 uur</td>
            <td class="check">✓</td>
          </tr>
          <tr>
            <td><strong>Toto Casino</strong></td>
            <td class="score">9.3</td>
            <td>€200</td>
            <td class="cross">—</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td>2-12 uur</td>
            <td class="check">✓</td>
          </tr>
          <tr>
            <td><strong>One Casino</strong></td>
            <td class="score">9.1</td>
            <td>€150</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td class="check">✓</td>
            <td>6-24 uur</td>
            <td class="cross">—</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="reveal" style="margin-top:30px">
      <h3 style="font-family:'Righteous',cursive;color:var(--orange);margin-bottom:16px">Diepgaande Analyse: Sterktes en Zwaktes</h3>
      <div class="intro-grid">
        <div class="info-box">
          <h3>💪 Wat de Beste Doen Goed</h3>
          <ul style="list-style:none;color:var(--text-muted)">
            <li style="margin-bottom:8px">✅ Transparante bonusvoorwaarden zonder verborgen clausules</li>
            <li style="margin-bottom:8px">✅ Directe Cruks-verificatie bij aanmelding</li>
            <li style="margin-bottom:8px">✅ Klantenservice in het Nederlands, 24/7 beschikbaar</li>
            <li style="margin-bottom:8px">✅ Volledige registratie inclusief identiteitsverificatie</li>
            <li style="margin-bottom:8px">✅ Duidelijke weergave van RTP-percentages per spel</li>
          </ul>
        </div>
        <div class="info-box">
          <h3>⚠️ Valkuilen die Ik Heb Gesignaleerd</h3>
          <ul style="list-style:none;color:var(--text-muted)">
            <li style="margin-bottom:8px">❌ Inzetvereisten van 40x bonus zijn standaard bij meerdere platforms</li>
            <li style="margin-bottom:8px">❌ Maximale bonusuitbetaling vaak beperkt tot €500</li>
            <li style="margin-bottom:8px">❌ Live casino spellen tellen niet altijd mee voor inzeteisen</li>
            <li style="margin-bottom:8px">❌ Verificatieproces kan 24-48 uur duren bij eerste uitbetaling</li>
            <li style="margin-bottom:8px">❌ Sommige slots tijdelijk uitgeschakeld tijdens bonusperiode</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- BETALINGEN -->
<section>
  <div class="container">
    <h2 class="section-title reveal">iDEAL, Trustly en Andere Betaalmethoden</h2>
    <p style="color:var(--text-muted);margin-bottom:24px" class="reveal">Voor ervaren Nederlandse spelers is de keuze van betaalmethode cruciaal. Niet alleen qua gemak, maar ook voor de uitbetalingssnelheid en privacy.</p>

    <div class="reveal" style="overflow-x:auto">
      <table>
        <thead>
          <tr>
            <th>Betaalmethode</th>
            <th>Storting</th>
            <th>Opname</th>
            <th>Min. Bedrag</th>
            <th>Kosten</th>
            <th>Veiligheid</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>iDEAL</strong></td>
            <td class="check">Direct</td>
            <td>1-4 uur</td>
            <td>€10</td>
            <td>Gratis</td>
            <td class="score">⭐⭐⭐⭐⭐</td>
          </tr>
          <tr>
            <td><strong>Trustly</strong></td>
            <td class="check">Direct</td>
            <td>2-8 uur</td>
            <td>€10</td>
            <td>Gratis</td>
            <td class="score">⭐⭐⭐⭐⭐</td>
          </tr>
          <tr>
            <td><strong>Visa/Mastercard</strong></td>
            <td class="check">Direct</td>
            <td>1-3 dagen</td>
            <td>€10</td>
            <td>Gratis</td>
            <td class="score">⭐⭐⭐⭐</td>
          </tr>
          <tr>
            <td><strong>Bankoverschrijving</strong></td>
            <td>1-2 dagen</td>
            <td>1-3 dagen</td>
            <td>€20</td>
            <td>Gratis</td>
            <td class="score">⭐⭐⭐⭐</td>
          </tr>
          <tr>
            <td><strong>Paysafecard</strong></td>
            <td class="check">Direct</td>
            <td class="cross">Niet mogelijk</td>
            <td>€10</td>
            <td>Gratis</td>
            <td class="score">⭐⭐⭐</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="reveal" style="margin-top:20px">
      <p><strong>Mijn aanbeveling als analist:</strong> Voor de snelste uitbetaling is <strong>iDEAL</strong> de absolute winnaar in Nederland. Holland Casino Online verwerkt iDEAL-opnames gemiddeld binnen 2-3 uur — sneller dan enig ander platform dat ik heb getest. Trustly is een goede tweede optie, met name bij Unibet en Toto Casino.</p>
      <div class="warning-box" style="margin-top:16px">
        <strong>⚠️ Let op bij eerste uitbetaling:</strong>
        Bij alle KSA-vergunde casino's is een volledige KYC-verificatie (identiteitsbewijs + adresbewijs) verplicht vóór de eerste uitbetaling. Plan hier 24-48 uur voor in.
      </div>
    </div>
  </div>
</section>

<!-- CASINO VERGELIJKER QUIZ -->
<section class="section-dark">
  <div class="container">
    <div class="interactive-box reveal">
      <h3>🎰 Casino Vergelijker Quiz</h3>
      <p>Welk casino past het beste bij jouw speelstijl? Beantwoord 4 vragen en ontdek je ideale match.</p>

      <div id="quizContainer">
        <!-- Stap 1 -->
        <div class="quiz-step active" id="quizStep1">
          <p class="quiz-question">1. Wat is jouw primaire doel bij online gokken?</p>
          <div class="quiz-options">
            <button class="quiz-option" onclick="quizNext(1, 'bonus')">💰 Maximale bonus behalen</button>
            <button class="quiz-option" onclick="quizNext(1, 'live')">🎭 Live casino ervaring</button>
            <button class="quiz-option" onclick="quizNext(1, 'slots')">🎰 Slots & jackpots spelen</button>
            <button class="quiz-option" onclick="quizNext(1, 'safe')">🛡️ Maximale veiligheid</button>
          </div>
        </div>

        <!-- Stap 2 -->
        <div class="quiz-step" id="quizStep2">
          <p class="quiz-question">2. Welke betaalmethode gebruik je het liefst?</p>
          <div class="quiz-options">
            <button class="quiz-option" onclick="quizNext(2, 'ideal')">🏦 iDEAL (meest gebruikt)</button>
            <button class="quiz-option" onclick="quizNext(2, 'trustly')">⚡ Trustly (snel)</button>
            <button class="quiz-option" onclick="quizNext(2, 'card')">💳 Creditcard</button>
            <button class="quiz-option" onclick="quizNext(2, 'any')">Maakt me niet uit</button>
          </div>
        </div>

        <!-- Stap 3 -->
        <div class="quiz-step" id="quizStep3">
          <p class="quiz-question">3. Hoe groot is jouw typische maandelijkse speelbudget?</p>
          <div class="quiz-options">
            <button class="quiz-option" onclick="quizNext(3, 'small')">€25 - €100</button>
            <button class="quiz-option" onclick="quizNext(3, 'medium')">€100 - €500</button>
            <button class="quiz-option" onclick="quizNext(3, 'large')">€500 - €2.000</button>
            <button class="quiz-option" onclick="quizNext(3, 'high')">Meer dan €2.000</button>
          </div>
        </div>

        <!-- Stap 4 -->
        <div class="quiz-step" id="quizStep4">
          <p class="quiz-question">4. Hoe lang ben je actief als online casino speler?</p>
          <div class="quiz-options">
            <button class="quiz-option" onclick="quizNext(4, 'new')">Minder dan 1 jaar</button>
            <button class="quiz-option" onclick="quizNext(4, 'med')">1-3 jaar</button>
            <button class="quiz-option" onclick="quizNext(4, 'exp')">3-7 jaar</button>
            <button class="quiz-option" onclick="quizNext(4, 'vet')">Meer dan 7 jaar (veteraan)</button>
          </div>
        </div>

        <!-- Resultaat -->
        <div class="quiz-result" id="quizResult">
          <div style="font-size:2.5rem;margin-bottom:12px">🌴</div>
          <h4 id="quizCasino">Holland Casino Online</h4>
          <p id="quizReason" style="color:var(--text-muted);margin-bottom:16px">Jouw analyse is klaar.</p>
          <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino">Bekijk Dit Casino →</a>
          <br><button onclick="resetQuiz()" style="background:none;border:none;color:var(--text-muted);cursor:pointer;margin-top:12px;font-size:0.85rem">Opnieuw beginnen</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CRUKS -->
<section>
  <div class="container">
    <h2 class="section-title reveal">Cruks: Wat Is Het en Hoe Werkt Het?</h2>
    <p style="color:var(--text-muted);margin-bottom:20px" class="reveal">Als investigatief journalist heb ik het Cruks-systeem uitgebreid geanalyseerd. Hier is wat elke Nederlandse speler moet weten.</p>

    <div class="cruks-box reveal">
      <h4>🔵 Wat is Cruks?</h4>
      <p style="color:var(--text-muted)">Het <strong>Centraal Register Uitsluiting Kansspelen (Cruks)</strong> is een nationaal register dat beheerd wordt door de Kansspelautoriteit. Alle KSA-vergunde kansspelaanbieders zijn wettelijk verplicht dit register te raadplegen bij elke aanmelding. Is iemand geregistreerd in Cruks, dan mogen zij niet deelnemen aan kansspelen bij vergunde aanbieders.</p>
    </div>

    <div class="intro-grid reveal">
      <div>
        <div class="info-box">
          <h3>🔒 Hoe Werkt Zelfuitsluiting?</h3>
          <ol style="color:var(--text-muted);padding-left:20px">
            <li style="margin-bottom:8px">Ga naar <strong>cruks.nl</strong> en log in met DigiD</li>
            <li style="margin-bottom:8px">Kies de duur van uitsluiting (6 maanden t/m permanent)</li>
            <li style="margin-bottom:8px">Bevestig uw aanmelding</li>
            <li style="margin-bottom:8px">Uitsluiting gaat binnen enkele minuten in</li>
            <li style="margin-bottom:8px">Geldt automatisch voor álle KSA-vergunde aanbieders</li>
          </ol>
        </div>
      </div>
      <div>
        <div class="info-box">
          <h3>📊 Cruks in Cijfers 2025</h3>
          <ul style="list-style:none;color:var(--text-muted)">
            <li style="margin-bottom:10px">📋 <strong style="color:var(--text)">247.000+</strong> actieve registraties in Cruks</li>
            <li style="margin-bottom:10px">🚫 <strong style="color:var(--text)">99,8%</strong> van alle KSA-casino's checkt Cruks</li>
            <li style="margin-bottom:10px">⏱️ <strong style="color:var(--text)">&lt; 5 minuten</strong> om uitsluiting te activeren</li>
            <li style="margin-bottom:10px">📱 <strong style="color:var(--text)">DigiD</strong> vereist voor aanmelding</li>
            <li style="margin-bottom:10px">🔄 <strong style="color:var(--text)">6 maanden minimum</strong> uitsluitingsperiode</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="warning-box reveal">
      <strong>🔍 Mijn kritische noot over Cruks:</strong>
      Hoewel Cruks een belangrijk instrument is voor verantwoord spelen, kent het systeem tekortkomingen. Illegale aanbieders zonder KSA-vergunning zijn niet verplicht Cruks te raadplegen. Dit betekent dat spelers die zijn uitgestoten via Cruks, nog steeds toegang kunnen krijgen tot buitenlandse casino's. De KSA werkt aan internationale samenwerking, maar dit is een lopend traject.
    </div>
  </div>
</section>

<!-- VERANTWOORD SPELEN -->
<section class="section-dark">
  <div class="container">
    <h2 class="section-title reveal">Verantwoord Spelen bij Nederlandse Casino's</h2>

    <p style="color:var(--text-muted);margin-bottom:24px" class="reveal">Als ervaren speler weet u dat de lange termijn altijd in het voordeel van het casino is. Verantwoord spelen is geen beperking — het is een strategie.</p>

    <div class="intro-grid reveal">
      <div>
        <p style="margin-bottom:16px">Alle KSA-vergunde casino's zijn wettelijk verplicht tools voor verantwoord spelen aan te bieden. Maar er is een groot verschil tussen wat wettelijk <em>verplicht</em> is en wat echt <em>effectief</em> werkt.</p>

        <p style="margin-bottom:16px">In mijn analyse van de vijf beste platforms scoorde <strong>Holland Casino Online</strong> het hoogst voor de implementatie van verantwoord-spelen tools. Hun realtime-monitoring detecteert risicogedrag en biedt proactief hulp aan, zonder dat spelers er zelf om hoeven te vragen.</p>

        <div class="info-box" style="margin-top:20px">
          <h3>🛡️ Verplichte Tools per KSA-Vereiste</h3>
          <ul style="list-style:none;color:var(--text-muted)">
            <li style="margin-bottom:8px">✅ Stortingslimieten (dagelijks, wekelijks, maandelijks)</li>
            <li style="margin-bottom:8px">✅ Verlieslimieten instellen</li>
            <li style="margin-bottom:8px">✅ Sessielimieten qua tijd</li>
            <li style="margin-bottom:8px">✅ Realiteitscheck-herinneringen</li>
            <li style="margin-bottom:8px">✅ Zelfuitsluiting (direct of via Cruks)</li>
            <li style="margin-bottom:8px">✅ Koelingsperiode van 24 uur</li>
          </ul>
        </div>
      </div>
      <div>
        <div class="cruks-box">
          <h4>🆘 Hulp Nodig?</h4>
          <p style="color:var(--text-muted);margin-bottom:12px">Als u zorgen heeft over uw speelgedrag, zijn er in Nederland uitstekende hulporganisaties beschikbaar:</p>
          <ul style="list-style:none;color:var(--text-muted)">
            <li style="margin-bottom:8px">🌐 <strong style="color:var(--blue)">verslavingszorg.nl</strong> — Landelijk informatiepunt</li>
            <li style="margin-bottom:8px">📞 <strong style="color:var(--blue)">0800-0222</strong> — Jellinek gokken hulplijn (gratis)</li>
            <li style="margin-bottom:8px">🌐 <strong style="color:var(--blue)">agog.nl</strong> — Anonieme Gokkers Omgeving Gokkers</li>
            <li style="margin-bottom:8px">🏥 <strong style="color:var(--blue)">novadic-kentron.nl</strong> — Gespecialiseerde behandeling</li>
          </ul>
        </div>
        <div class="warning-box" style="margin-top:16px">
          <strong>18+ | Gokken kan verslavend zijn.</strong>
          Speel alleen voor entertainment, met geld dat u zich kunt veroorloven te verliezen. Gebruik de speellimieten van uw casino.
        </div>
      </div>
    </div>
  </div>
</section>

<!-- UITBETALING SNELHEID COMPARATOR -->
<section>
  <div class="container">
    <div class="interactive-box reveal">
      <h3>⚡ Uitbetaling Snelheid Comparator</h3>
      <p>Vergelijk de gemiddelde uitbetalingstijden van de top 5 casino's per betaalmethode</p>

      <div style="margin-bottom:20px">
        <label class="calc-label" for="payoutMethod">Kies betaalmethode:</label>
        <select id="payoutMethod" class="calc-select" style="max-width:300px" onchange="updatePayoutComparator()">
          <option value="ideal">iDEAL</option>
          <option value="trustly">Trustly</option>
          <option value="bank">Bankoverschrijving</option>
        </select>
      </div>

      <div class="comparator-grid" id="payoutGrid">
        <!-- Filled by JS -->
      </div>
    </div>
  </div>
</section>

<!-- SPELLEN -->
<section class="section-dark">
  <div class="container">
    <h2 class="section-title reveal">Welke Spellen Kun Je Online Spelen?</h2>
    <p style="color:var(--text-muted);margin-bottom:24px" class="reveal">Het aanbod bij KSA-vergunde Nederlandse casino's is indrukwekkend maar varieert sterk per platform. Als ervaren speler wilt u weten waar u de beste spelopties vindt.</p>

    <div class="intro-grid reveal">
      <div>
        <div class="info-box">
          <h3>🎰 Slots & Jackpots</h3>
          <p style="color:var(--text-muted);font-size:0.9rem">Het aanbod slots varieert van 500 tot 3.000+ titels per casino. Let op: niet alle providers zijn beschikbaar in Nederland. Sommige populaire buitenlandse slots zijn geblokkeerd vanwege KSA-vereisten. Casino 711 biedt het grootste slotaanbod met meer dan 2.800 titels.</p>
        </div>
        <div class="info-box" style="margin-top:16px">
          <h3>🃏 Live Casino</h3>
          <p style="color:var(--text-muted);font-size:0.9rem">Live casino met echte dealers heeft een enorme vlucht genomen. Holland Casino Online en Unibet bieden uitstekende live omgevingen met roulette, blackjack, baccarat en exclusieve Nederlandse live shows.</p>
        </div>
      </div>
      <div>
        <div class="info-box">
          <h3>📊 Spelkeuze per Casino</h3>
          <table>
            <tr><th>Casino</th><th>Slots</th><th>Tafelspellen</th><th>Live</th></tr>
            <tr><td>Holland Casino</td><td>1.200+</td><td>25+</td><td class="check">✓</td></tr>
            <tr><td>Unibet</td><td>1.800+</td><td>30+</td><td class="check">✓</td></tr>
            <tr><td>Casino 711</td><td>2.800+</td><td>20+</td><td class="check">✓</td></tr>
            <tr><td>Toto Casino</td><td>1.500+</td><td>25+</td><td class="check">✓</td></tr>
            <tr><td>One Casino</td><td>1.000+</td><td>15+</td><td class="cross">—</td></tr>
          </table>
        </div>
        <div class="highlight-box" style="display:block;margin-top:12px">🎯 Tip: Controleer altijd de RTP-percentages van specifieke slots via de spelinfo voordat u begint</div>
      </div>
    </div>
  </div>
</section>

<!-- HOE KIES JE -->
<section>
  <div class="container">
    <h2 class="section-title reveal">Hoe Kies Je het Beste Online Casino?</h2>
    <p style="color:var(--text-muted);margin-bottom:30px" class="reveal">Na meer dan 7 jaar onderzoek en het testen van 150+ casino's heb ik een systematische methodologie ontwikkeld die elke ervaren speler zou moeten gebruiken.</p>

    <ol class="gids-list reveal">
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Verificeer de KSA-vergunning</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Dit is stap nul. Ga naar <strong>kansspelautoriteit.nl/vergunde-aanbieders</strong> en controleer of het casino daadwerkelijk op de vergunningenlijst staat. Geen vergunning = niet spelen, ongeacht hoe aantrekkelijk het aanbod is.</span>
        </div>
      </li>
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Analyseer de bonusvoorwaarden kritisch</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Een bonus van €500 met 50x inzetvereiste is slechter dan €100 met 20x vereiste. Bereken altijd het werkelijke verwachte rendement van een bonus voor u deze accepteert.</span>
        </div>
      </li>
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Test de klantenservice voor registratie</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Stuur een testvraag naar de klantenservice. Reageren ze snel? Is de communicatie in correct Nederlands? Dit vertelt u meer dan honderd positieve reviews.</span>
        </div>
      </li>
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Controleer de uitbetalingshistorie</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Zoek op forums zoals Casinomeister of Dutch casino communities naar ervaringen met uitbetalingen. Structurele vertragingen of weigeringen zijn een duidelijk alarmsignaal.</span>
        </div>
      </li>
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Stel direct speellimieten in</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Bepaal uw budget voordat u stort en stel dit direct in via de verantwoord-spelen instellingen van het casino. Dit is geen teken van zwakte — het is de handeling van een ervaren, rationele speler.</span>
        </div>
      </li>
      <li>
        <div>
          <strong style="color:var(--text);display:block;margin-bottom:6px">Begin met een klein testbedrag</strong>
          <span style="color:var(--text-muted);font-size:0.9rem">Stort eerst €20-€50 om de software, de uitbetalingstijden en de klantenservice te testen voordat u grotere bedragen inzet. Elk nieuw casino verdient dit due diligence-proces.</span>
        </div>
      </li>
    </ol>
  </div>
</section>

<!-- RTP COMPARATOR -->
<section class="section-dark">
  <div class="container">
    <div class="interactive-box reveal">
      <h3>📈 RTP Comparator</h3>
      <p>Vergelijk de gemiddelde terugbetalingspercentages (Return to Player) per spelcategorie en casino</p>

      <div style="margin-top:20px">
        <h4 style="font-family:'Righteous',cursive;color:var(--text);margin-bottom:16px;font-size:1rem">Gemiddeld RTP per Casino (alle spellen)</h4>
        <div class="rtp-row"><span class="rtp-name">Holland Casino</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="96.4" style="width:0%"></div></div><span class="rtp-pct">96,4%</span></div>
        <div class="rtp-row"><span class="rtp-name">Unibet</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="96.1" style="width:0%"></div></div><span class="rtp-pct">96,1%</span></div>
        <div class="rtp-row"><span class="rtp-name">Casino 711</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="95.8" style="width:0%"></div></div><span class="rtp-pct">95,8%</span></div>
        <div class="rtp-row"><span class="rtp-name">Toto Casino</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="95.5" style="width:0%"></div></div><span class="rtp-pct">95,5%</span></div>
        <div class="rtp-row"><span class="rtp-name">One Casino</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="95.2" style="width:0%"></div></div><span class="rtp-pct">95,2%</span></div>
      </div>

      <div style="margin-top:28px">
        <h4 style="font-family:'Righteous',cursive;color:var(--text);margin-bottom:16px;font-size:1rem">RTP per Spelcategorie (gemiddeld NL markt)</h4>
        <div class="rtp-row"><span class="rtp-name">Video Slots</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="96" style="width:0%"></div></div><span class="rtp-pct">96,0%</span></div>
        <div class="rtp-row"><span class="rtp-name">Blackjack</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="99.4" style="width:0%"></div></div><span class="rtp-pct">99,4%</span></div>
        <div class="rtp-row"><span class="rtp-name">Roulette (EU)</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="97.3" style="width:0%"></div></div><span class="rtp-pct">97,3%</span></div>
        <div class="rtp-row"><span class="rtp-name">Live Casino</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="96.5" style="width:0%"></div></div><span class="rtp-pct">96,5%</span></div>
        <div class="rtp-row"><span class="rtp-name">Progressieve Jackpots</span><div class="rtp-bar-wrap"><div class="rtp-bar" data-width="93" style="width:0%"></div></div><span class="rtp-pct">93,0%</span></div>
      </div>

      <p style="color:var(--text-muted);font-size:0.85rem;margin-top:16px">* RTP-percentages zijn gemiddelden over miljoenen sprondes. Individuele sessies kunnen sterk afwijken. De KSA verplicht minimum-RTP van 85% voor alle vergunde spellen.</p>
    </div>
  </div>
</section>

<!-- AUTEUR BLOK -->
<section>
  <div class="container">
    <div class="author-block reveal" itemscope itemtype="https://schema.org/Person">
      <div class="author-details">
        <strong class="author-name" itemprop="name">Lars Verhoeven</strong>
        <span class="author-title" itemprop="jobTitle">Senior iGaming Analist</span>
        <p class="author-bio" itemprop="description">Lars Verhoeven is een gespecialiseerde iGaming analist met meer dan 7 jaar ervaring in de Nederlandse online goksector. Hij heeft meer dan 150 casino's getest en beoordeeld, met speciale aandacht voor KSA-compliance, betalingsmethoden en verantwoord spelen. Lars leest regelmatig rapporten van de Kansspelautoriteit en werkt samen met verantwoord-spelen organisaties. Hij werkt zijn beoordelingen maandelijks bij om Nederlandse spelers actuele en betrouwbare informatie te bieden.</p>
        <span class="author-updated">Bijgewerkt: april 2026</span>
      </div>
    </div>
  </div>
</section>

<!-- FAQ -->
<section class="section-dark" id="faq">
  <div class="container">
    <h2 class="section-title reveal">Veelgestelde Vragen over Online Gokken</h2>
    <p style="color:var(--text-muted);margin-bottom:30px" class="reveal">De meest gestelde vragen van ervaren Nederlandse spelers, beantwoord door onze senior analist</p>

    <ul class="faq-list reveal">
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Is online gokken legaal in Nederland?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Ja, online gokken is legaal in Nederland sinds 1 oktober 2021, toen de Wet Kansspelen op Afstand (KOA) in werking trad. Alleen casino's met een KSA-vergunning mogen Nederlandse spelers bedienen. Spelen bij niet-vergunde aanbieders is technisch gezien illegaal voor de aanbieder, maar voor de speler zelf is er geen strafsanctie — alleen het risico van geen juridische bescherming bij problemen.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Wat is de KSA en wat doet deze instantie?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">De Kansspelautoriteit (KSA) is de onafhankelijke Nederlandse toezichthouder voor kansspelen. De KSA verleent vergunningen aan aanbieders, controleert naleving van regelgeving, handhaaft bij overtredingen en beschermt consumenten. De KSA publiceert regelmatig rapporten over de Nederlandse gokmarkt en is te bereiken via kansspelautoriteit.nl.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Wat is Cruks en hoe meld ik mij aan?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Cruks (Centraal Register Uitsluiting Kansspelen) is een nationaal register waarmee spelers zichzelf kunnen uitsluiten van kansspelen. U kunt zich aanmelden via cruks.nl met uw DigiD. De minimale uitsluitingsperiode is 6 maanden. Alle KSA-vergunde aanbieders zijn verplicht Cruks te raadplegen bij elke aanmelding.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Kan ik met iDEAL storten bij Nederlandse online casino's?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Ja, de meeste KSA-vergunde casino's accepteren iDEAL als betaalmethode. Het is de populairste betaalmethode in Nederland vanwege de directe verwerking en hoge beveiliging. Holland Casino Online, Casino 711 en One Casino bieden allemaal iDEAL-stortingen aan. Bij Unibet en Toto Casino kunt u in plaats daarvan Trustly gebruiken, wat vergelijkbare functionaliteit biedt.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Hoeveel bedraagt de maximale inzetlimiet in Nederland?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">De KSA verplicht alle vergunde casino's om spelers in staat te stellen limieten in te stellen, maar schrijft geen wettelijk maximum voor. Wel geldt dat spelers die nieuw zijn op het platform aanvankelijk lagere standaardlimieten hebben die kunnen worden verhoogd. Als analist adviseer ik altijd om persoonlijke limieten in te stellen die passen bij uw financiële situatie.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Hoe snel worden uitbetalingen verwerkt bij Nederlandse casino's?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Uitbetalingstijden variëren per casino en betaalmethode. Via iDEAL bij Holland Casino Online duurt het gemiddeld 1-4 uur. Via Trustly bij Unibet 2-8 uur. Bankoverschrijvingen nemen 1-3 werkdagen in beslag. Bij de eerste uitbetaling moet u rekening houden met een extra 24-48 uur voor KYC-verificatie, wat wettelijk verplicht is.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Wat is RTP en welk percentage is goed?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">RTP (Return to Player) geeft aan welk percentage van het ingezette bedrag gemiddeld wordt terugbetaald over miljoenen sprondes. Een RTP van 96% betekent dat van elke €100 gemiddeld €96 terugkomt aan spelers. De KSA vereist minimaal 85% RTP. Voor slots zoekt u idealiter titels met 96%+ RTP. Blackjack heeft het hoogste RTP (~99,4%) bij optimale strategie.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Zijn bonussen bij KSA-vergunde casino's de moeite waard?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Dat hangt sterk af van de bonusvoorwaarden. Let altijd op: inzetvereisten (ideaal is 20x of lager), geldigheidsperiode (minimaal 30 dagen), maximale uitbetaling en welke spellen bijdragen aan de inzetvereiste. In mijn analyse bieden Holland Casino Online en One Casino de meest spelersvriendelijke bonusvoorwaarden met de laagste inzetvereisten.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Welk casino heeft de beste mobiele ervaring?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Holland Casino Online en Unibet Casino scoren het hoogst voor mobiel gebruik in mijn tests. Beide bieden volledige functionaliteit via mobiele browser zonder dat een app nodig is. Unibet heeft ook een dedicated iOS- en Android-app met uitstekende prestaties. Casino 711 heeft een responsive website die goed werkt op mobiel, maar geen dedicated app.</div>
      </li>
      <li class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          Hoe meld ik een probleem met een KSA-vergund casino?
          <span class="faq-icon">+</span>
        </button>
        <div class="faq-answer">Stap 1: Neem eerst contact op met de klantenservice van het casino zelf en documenteer alle communicatie. Stap 2: Als het probleem niet wordt opgelost, kunt u een klacht indienen bij de KSA via kansspelautoriteit.nl/consument. De KSA onderzoekt klachten over vergunde aanbieders. Voor juridisch advies kunt u ook terecht bij de Geschillencommissie (geschillencommissie.nl).</div>
      </li>
    </ul>
  </div>
</section>

<!-- FOOTER -->
<footer id="siteFooter">
  <div class="container">
    <div class="footer-grid">
      <div>
        <div class="footer-brand">⭐ Burgeraed.nl</div>
        <p class="footer-disclaimer">Burgeraed.nl is een onafhankelijke vergelijkingswebsite voor online casino's in Nederland. Wij ontvangen commissie van aanbieders die wij aanbevelen, maar dit beïnvloedt onze onafhankelijke beoordelingen niet. Alle aanbevolen casino's beschikken over een geldige KSA-vergunning.</p>
        <div class="vsp-logos">
          <span class="vsp-badge">🔒 KSA Vergund</span>
          <span class="vsp-badge">18+ Alleen</span>
          <span class="vsp-badge">🛡️ Cruks</span>
          <span class="vsp-badge">Speel Verantwoord</span>
        </div>
      </div>
      <div class="footer-links">
        <h4>Navigatie</h4>
        <ul>
          <li><a href="https://burgeraed.nl/">Home</a></li>
          <li><a href="https://burgeraed.nl/nl-nl/">NL-NL</a></li>
          <li><a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer">Top Casino's</a></li>
          <li><a href="https://kansspelautoriteit.nl" rel="noopener noreferrer" target="_blank">KSA Website</a></li>
          <li><a href="https://cruks.nl" rel="noopener noreferrer" target="_blank">Cruks.nl</a></li>
        </ul>
      </div>
      <div class="footer-links">
        <h4>Hulp & Info</h4>
        <ul>
          <li><a href="https://verslavingszorg.nl" rel="noopener noreferrer" target="_blank">Verslavingszorg.nl</a></li>
          <li><a href="https://agog.nl" rel="noopener noreferrer" target="_blank">AGOG.nl</a></li>
          <li><a href="https://burgeraed.nl/nl-nl/sitemap.xml">Sitemap</a></li>
          <li><a href="https://burgeraed.nl/nl-nl/robots.txt">Robots.txt</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2026 Burgeraed.nl — Online Gokken Nederland Vergelijker | 18+ | Speel Verantwoord | KSA Erkend</p>
      <p style="margin-top:6px">Gokken kan verslavend zijn. Bel 0800-0222 voor hulp (gratis, 24/7).</p>
    </div>
  </div>
</footer>

<!-- STICKY CTA BAR -->
<div class="sticky-cta" id="stickyCta">
  <div class="sticky-text">
    🌴 <strong>Top Casino: Holland Casino Online</strong> — Tot €250 bonus | KSA-vergund | iDEAL ✓
  </div>
  <a href="https://partners-official.com/TZWJT6by" rel="nofollow sponsored noopener noreferrer" class="btn-casino" style="white-space:nowrap">Claim Bonus →</a>
</div>

<script>
// COUNTER ANIMATION
function animateCounter(el) {
  const target = parseInt(el.getAttribute('data-target'));
  const duration = 2000;
  const step = target / (duration / 16);
  let current = 0;
  const timer = setInterval(() => {
    current += step;
    if (current >= target) { current = target; clearInterval(timer); }
    el.textContent = Math.floor(current).toLocaleString('nl-NL');
  }, 16);
}

// SCROLL REVEAL
const revealEls = document.querySelectorAll('.reveal');
const counterEls = document.querySelectorAll('[data-target]');
const revealObserver = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
      revealObserver.unobserve(entry.target);
    }
  });
}, { threshold: 0.1 });

revealEls.forEach(el => revealObserver.observe(el));

const counterObserver = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      animateCounter(entry.target);
      counterObserver.unobserve(entry.target);
    }
  });
}, { threshold: 0.5 });

counterEls.forEach(el => counterObserver.observe(el));

// RTP BARS
const rtpObserver = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.querySelectorAll('.rtp-bar').forEach(bar => {
        const w = bar.getAttribute('data-width');
        bar.style.width = w + '%';
      });
      rtpObserver.unobserve(entry.target);
    }
  });
}, { threshold: 0.3 });

document.querySelectorAll('.interactive-box').forEach(box => rtpObserver.observe(box));

// STICKY CTA - hide near footer
const stickyCta = document.getElementById('stickyCta');
const footer = document.getElementById('siteFooter');

window.addEventListener('scroll', () => {
  if (footer) {
    const footerTop = footer.getBoundingClientRect().top;
    if (footerTop <= window.innerHeight) {
      stickyCta.classList.add('hide');
    } else {
      stickyCta.classList.remove('hide');
    }
  }
});

// POPUP - trigger at 2x100vh scroll
let popupShown = false;
window.addEventListener('scroll', () => {
  if (!popupShown && window.scrollY >= 2 * window.innerHeight) {
    document.getElementById('exitPopup').classList.add('show');
    popupShown = true;
  }
});

document.getElementById('popupClose').addEventListener('click', () => {
  document.getElementById('exitPopup').classList.remove('show');
});

document.getElementById('exitPopup').addEventListener('click', (e) => {
  if (e.target === document.getElementById('exitPopup')) {
    document.getElementById('exitPopup').classList.remove('show');
  }
});

// BONUS CALCULATOR
function calculateBonus() {
  const deposit = parseFloat(document.getElementById('calcDeposit').value) || 0;
  const casino = document.getElementById('calcCasino').value;
  const limits = { holland: 250, unibet: 100, casino711: 100, toto: 200, one: 150 };
  const names = { holland: 'Holland Casino Online', unibet: 'Unibet Casino', casino711: 'Casino 711', toto: 'Toto Casino', one: 'One Casino' };
  const wager = { holland: 30, unibet: 25, casino711: 35, toto: 30, one: 20 };

  if (deposit < 10) {
    alert('Voer een geldig stortingsbedrag in (minimaal €10)');
    return;
  }

  const bonus = Math.min(deposit, limits[casino]);
  const total = deposit + bonus;
  const wagerReq = bonus * wager[casino];

  document.getElementById('calcAmount').textContent = '€' + bonus.toFixed(0);
  document.getElementById('calcDetails').textContent =
    `Bij ${names[casino]}: U stort €${deposit.toFixed(0)} en ontvangt €${bonus.toFixed(0)} bonus. Totaal speeltegoed: €${total.toFixed(0)}. Inzetvereiste: ${wager[casino]}x = €${wagerReq.toFixed(0)} voor uitbetaling van bonusbedrag.`;

  document.getElementById('calcResult').classList.add('show');
}

// QUIZ
let quizStep = 1;
const quizAnswers = {};

function quizNext(step, answer) {
  quizAnswers['q' + step] = answer;
  const current = document.getElementById('quizStep' + step);
  if (current) current.classList.remove('active');

  if (step < 4) {
    quizStep = step + 1;
    const next = document.getElementById('quizStep' + quizStep);
    if (next) next.classList.add('active');
  } else {
    showQuizResult();
  }
}

function showQuizResult() {
  document.getElementById('quizStep4').classList.remove('active');
  const result = document.getElementById('quizResult');
  result.classList.add('show');

  const a1 = quizAnswers.q1;
  const a2 = quizAnswers.q2;
  let casino = 'Holland Casino Online';
  let reason = 'Op basis van uw profiel is Holland Casino Online de beste keuze voor betrouwbaarheid en uitbetaling.';

  if (a1 === 'bonus') { casino = 'Toto Casino'; reason = 'U zoekt de hoogste bonus — Toto Casino biedt tot €200 welkomstbonus met transparante voorwaarden.'; }
  else if (a1 === 'live') { casino = 'Unibet Casino'; reason = 'Voor live casino is Unibet Casino nummer één in Nederland met het meest uitgebreide live aanbod.'; }
  else if (a1 === 'slots') { casino = 'Casino 711'; reason = 'Casino 711 biedt het grootste slotaanbod met 2.800+ titels, perfect voor slotliefhebbers.'; }
  else if (a1 === 'safe') { casino = 'Holland Casino Online'; reason = 'Holland Casino Online, een staatsbedrijf, biedt de hoogste betrouwbaarheid en veiligheid.'; }

  if (a2 === 'ideal' && a1 !== 'safe') { casino = 'Holland Casino Online'; reason += ' iDEAL is hier volledig ondersteund.'; }
  else if (a2 === 'trustly' && a1 === 'live') { casino = 'Unibet Casino'; }

  document.getElementById('quizCasino').textContent = casino;
  document.getElementById('quizReason').textContent = reason;
}

function resetQuiz() {
  quizStep = 1;
  Object.keys(quizAnswers).forEach(k => delete quizAnswers[k]);
  document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));
  document.getElementById('quizResult').classList.remove('show');
  document.getElementById('quizStep1').classList.add('active');
}

// PAYOUT COMPARATOR
const payoutData = {
  ideal: [
    { name: 'Holland Casino', time: '1-4 uur', val: 95 },
    { name: 'Casino 711', time: '4-12 uur', val: 75 },
    { name: 'One Casino', time: '6-24 uur', val: 60 },
    { name: 'Unibet', time: 'N.v.t.', val: 0 },
    { name: 'Toto Casino', time: 'N.v.t.', val: 0 }
  ],
  trustly: [
    { name: 'Unibet', time: '2-8 uur', val: 90 },
    { name: 'Toto Casino', time: '2-12 uur', val: 85 },
    { name: 'Holland Casino', time: '2-6 uur', val: 88 },
    { name: 'One Casino', time: '4-12 uur', val: 80 },
    { name: 'Casino 711', time: 'N.v.t.', val: 0 }
  ],
  bank: [
    { name: 'Holland Casino', time: '1-2 dagen', val: 70 },
    { name: 'Unibet', time: '1-3 dagen', val: 65 },
    { name: 'Toto Casino', time: '1-3 dagen', val: 65 },
    { name: 'Casino 711', time: '2-3 dagen', val: 55 },
    { name: 'One Casino', time: '2-4 dagen', val: 50 }
  ]
};

function updatePayoutComparator() {
  const method = document.getElementById('payoutMethod').value;
  const data = payoutData[method];
  const grid = document.getElementById('payoutGrid');
  grid.innerHTML = data.map(d => `
    <div class="comparator-card">
      <div class="comparator-name">${d.name}</div>
      <div class="comparator-value">${d.time}</div>
      <div class="comparator-label">Uitbetaaltijd</div>
      <div class="comparator-bar">
        <div class="comparator-fill" style="width:${d.val}%"></div>
      </div>
    </div>
  `).join('');
}

updatePayoutComparator();

// FAQ ACCORDION
function toggleFaq(btn) {
  const item = btn.closest('.faq-item');
  const wasOpen = item.classList.contains('open');
  document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
  if (!wasOpen) item.classList.add('open');
}
</script>

</body>
</html>
