:root{--inkt:#1d1d1b;--creme:#fdf7ee;--donker:#172b35;--groen:#84c68b;--oranje:#ff9a0a;--oranje-donker:#e08400;--zand:#ffdfb2;--kaart:#fff;--rand:#1d1d1b1f;--font:"Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--inkt);background:var(--creme);margin:0;font-size:17px;line-height:1.6}.wrap{max-width:1060px;margin:0 auto;padding:0 1.25rem}a{color:inherit}h1,h2,h3{color:var(--donker);hyphens:auto;overflow-wrap:anywhere;line-height:1.15}h1{margin:1.5rem 0 .75rem;font-size:clamp(2rem,5vw,3rem)}h2{margin-top:2.5rem;font-size:1.5rem}img{max-width:100%;height:auto}.site-header{background:var(--donker);color:var(--creme);z-index:10;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-kroon{flex:none;width:auto;height:30px}.brand-tekst{flex-direction:column;line-height:1.1;display:flex}.brand-academie{letter-spacing:.02em;color:var(--zand);font-size:1.3rem;font-weight:700}.brand-dkp{opacity:.85;font-size:.85rem}.start-kop{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:2rem;margin-top:1.5rem;display:grid}.start-kop h1{margin-top:0}.start-kop .merk{justify-self:end;width:auto;height:74px;margin-top:.4rem}@media (width<=760px){.start-kop{grid-template-columns:1fr}.start-kop .merk{display:none}}.site-header nav{flex-wrap:wrap;gap:1.1rem;display:flex}.site-header nav a{color:var(--creme);border-bottom:2px solid #0000;padding:.2rem 0;font-size:.95rem;font-weight:500;text-decoration:none}.site-header nav a:hover,.site-header nav a.actief{border-bottom-color:var(--oranje)}.zoek-link{opacity:.9}.taal-link{opacity:.7;letter-spacing:.06em;font-size:.85rem}.site-header nav a.pill{background:var(--oranje);color:var(--donker);border-bottom:none;border-radius:999px;padding:.2rem .85rem;font-weight:700}.site-header nav a.pill:hover,.site-header nav a.pill.actief{background:var(--zand)}@media (width<=800px){.header-inner{flex-wrap:nowrap;gap:.75rem;padding-top:.5rem;padding-bottom:.5rem}.brand{flex:none}.site-header nav{scrollbar-width:none;flex-wrap:nowrap;gap:1rem;margin-right:-1.25rem;padding-right:1.25rem;overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{white-space:nowrap}.site-header nav a.pill{order:-1}}.live-kaart .knop-inschrijven{background:var(--oranje);color:var(--donker);border-radius:10px;align-self:flex-start;margin-top:.5rem;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.live-kaart .knop-inschrijven:hover{background:var(--oranje-donker);color:var(--creme)}.live-wanneer{color:var(--donker);font-weight:600}.live-banner{background:var(--donker);color:var(--creme);border-left:6px solid var(--oranje);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 1.4rem;text-decoration:none;display:flex}.live-banner:hover{outline:2px solid var(--oranje)}.live-banner .live-label{background:var(--oranje);color:var(--donker);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.live-banner .meta{opacity:.8;font-size:.9rem}.live-banner .cta{color:var(--oranje);white-space:nowrap;margin-left:auto;font-weight:700}main{min-height:60vh;padding-bottom:4rem}.site-footer{background:var(--donker);color:var(--creme);margin-top:3rem;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-top:2rem;padding-bottom:2rem;display:flex}.site-footer a{color:var(--creme)}.stil{opacity:.7}.kaarten{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.kaart{background:var(--kaart);border:1px solid var(--rand);border-top:5px solid var(--accent,var(--oranje));border-radius:14px;flex-direction:column;gap:.5rem;padding:1.4rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.kaart:hover{transform:translateY(-3px);box-shadow:0 8px 24px #172b351f}.kaart h3{margin:0}.kaart p{margin:0;font-size:.95rem}.kaart .meta{opacity:.65;margin-top:auto;font-size:.85rem}.kaart-media{gap:0;padding:0;overflow:hidden}.kaart-media .kaart-tekst{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.4rem 1.4rem;display:flex}.kaart-beeld{aspect-ratio:16/9;background:var(--donker);position:relative}.kaart-beeld img,.kaart-beeld video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kaart-beeld video{opacity:0;transition:opacity .25s}.kaart-beeld video.speelt{opacity:1}.item-lijst{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.item-lijst li a{background:var(--kaart);border:1px solid var(--rand);border-radius:10px;align-items:baseline;gap:.75rem;padding:.7rem 1rem;text-decoration:none;display:flex}.item-lijst li a:hover{border-color:var(--oranje)}.item-lijst .nr{color:var(--oranje-donker);min-width:1.6rem;font-weight:700}.item-lijst .meta{opacity:.6;white-space:nowrap;margin-left:auto;font-size:.85rem}.extern-icoon{opacity:.55;margin-left:auto}.badge{background:var(--zand);color:var(--inkt);border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.tags{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.tags .badge{background:#172b3514;border:1px solid #0000}.tags .tag-link{color:var(--inkt);border:1px solid var(--rand);background:#172b3514;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.tags .tag-link:hover,.tags .tag-link:focus-visible{border-color:var(--oranje)}.zoek-filters{flex-wrap:wrap;gap:.4rem 1.4rem;margin:.9rem 0;display:flex}.filter-groep{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filter-groep[hidden]{display:none}.filter-label{font-size:.8rem}button.filter-chip{font:inherit;border:1px solid var(--rand);background:var(--zand);color:var(--inkt);cursor:pointer;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:600}button.filter-chip[aria-pressed=false]{opacity:.55;background:0 0}button.filter-chip:disabled{opacity:.3;cursor:not-allowed}.tag-kiezer{font:inherit;border:1px solid var(--rand);color:inherit;background:0 0;border-radius:999px;width:27ch;max-width:100%;padding:.2rem .7rem;font-size:.8rem}.tag-kiezer:disabled{opacity:.3;cursor:not-allowed}.vimeo-embed,.vimeo-hoofdvideo,.youtube-embed{margin:1.5rem 0}.vimeo-frame{aspect-ratio:16/9;background:var(--donker);border-radius:12px;position:relative;overflow:hidden}.vimeo-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vimeo-start{background:linear-gradient(135deg, var(--donker), #2a4a5e);width:100%;color:var(--creme);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.vimeo-start:hover .play-cirkel{background:var(--oranje-donker)}.play-cirkel{background:var(--oranje);width:58px;height:58px;color:var(--donker);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.hoofdstukken{margin:1rem 0;padding:0;list-style:none}.hoofdstukken li{border-bottom:1px solid var(--rand)}.hoofdstukken button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:.9rem;padding:.55rem .4rem;display:flex}.hoofdstukken button:hover{background:#ff9a0a1f}.hoofdstukken .tijd{font-variant-numeric:tabular-nums;color:var(--oranje-donker);min-width:3.2rem;font-weight:600}.leerpad-nav{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;display:flex}.leerpad-nav a{background:var(--kaart);border:1px solid var(--rand);border-radius:10px;max-width:48%;padding:.7rem 1rem;text-decoration:none}.leerpad-nav a:hover{border-color:var(--oranje)}.leerpad-nav .richting{opacity:.6;font-size:.8rem;display:block}.broodkruimel{opacity:.75;margin-top:1.5rem;font-size:.9rem}.broodkruimel a{text-decoration:none}.broodkruimel a:hover{text-decoration:underline}.inhoud{max-width:760px}.inhoud h3{border-bottom:2px solid var(--zand);margin-top:2.2rem;padding-bottom:.3rem}.inhoud img{border:1px solid var(--rand);background:var(--kaart);border-radius:6px;margin:1rem 0;display:block}.inhoud img.icoon-inline{vertical-align:text-bottom;border:none;border-radius:3px;margin:0;display:inline}.inhoud img.breed{max-width:min(990px,100vw - 2.5rem)}.app-reeks{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.app-reeks img{margin:0}.fragmenten-rij{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:1rem 0;display:flex}.fragmenten-rij img{margin:0}.beeld-knop{cursor:zoom-in;background:0 0;border:none;max-width:100%;margin:1rem 0;padding:0;display:block}.beeld-knop img,.app-reeks .beeld-knop{margin:0}.beeld-knop:focus-visible{outline:2px solid var(--oranje);outline-offset:2px}.beeld-dialoog{background:var(--kaart);border:none;border-radius:6px;max-width:min(96vw,1600px);max-height:92vh;padding:0}.beeld-dialoog::backdrop{background:#172b35b8}.beeld-dialoog img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:86vh;display:block}.beeld-dialoog .sluitbalk{justify-content:flex-end;padding:.4rem .6rem;display:flex}.beeld-dialoog .sluitbalk button{font:inherit;border:1px solid var(--rand);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .7rem;font-size:.85rem}.beeld-dialoog .sluitbalk button:hover{border-color:var(--oranje)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--rand);hyphens:auto;padding:.5rem .7rem}th{background:var(--zand)}.tabel-scroll{overflow-x:auto}.zoekveld{width:100%;max-width:480px;font:inherit;border:1px solid var(--rand);background:var(--kaart);border-radius:10px;padding:.7rem 1rem}@media (width<=640px){body{font-size:16px}.leerpad-nav a{max-width:100%}}