.ko .ko-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:56px;align-items:center;padding-top:28px;padding-bottom:40px}.ko .ko-hero-in>*{min-width:0}.ko .ko-bord-wrap{position:relative;animation:sp-op .9s var(--ease) .2s both}.ko .ko-bord{position:relative;background:radial-gradient(120% 90% at 30% 20%,#3a4a43,#26332d 70%);color:#f6f1e3;border-radius:22px;padding:26px 30px 24px;border:12px solid #9a6b43;box-shadow:inset 0 0 0 2px #0003,inset 0 0 40px #0000004d,8px 10px 0 var(--ink);rotate:-1.2deg}.ko .ko-bord:before{content:"";position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(115deg,#ffffff05 0 3px,transparent 3px 9px);pointer-events:none}.ko .ko-bord-kop{font:700 34px/1 Caveat,cursive;text-align:center;margin:0 0 14px;color:#fff6c9}.ko .ko-bord ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ko .ko-bord li{position:relative;opacity:0;animation:ko-krijt .5s var(--ease) both;animation-delay:calc(.45s + var(--i) * 90ms)}@keyframes ko-krijt{0%{opacity:0;translate:-10px 0;filter:blur(2px)}to{opacity:1;translate:0 0;filter:none}}.ko .ko-bord li a{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:inherit;font:700 25px/1.25 Caveat,cursive;padding:2px 6px;border-radius:8px;transition:background .2s,color .2s}.ko .ko-bord li a i{flex:1;border-bottom:2px dotted #f6f1e366;translate:0 -6px}.ko .ko-bord li a b{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:var(--lime)}.ko .ko-bord li a:hover,.ko .ko-bord li a:focus-visible,.ko .ko-bord li.is-gekozen a{background:#ffffff14;color:#fff6c9}.ko .ko-bord li.is-gekozen a span{background:linear-gradient(transparent 62%,#c9362699 62%,#c9362699 88%,transparent 88%)}.ko .ko-bord-foto{position:absolute;right:-96px;top:50%;width:92px;height:122px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:0 10px 24px -8px #0008;opacity:0;scale:.6;rotate:6deg;translate:0 -50%;transition:opacity .25s,scale .35s var(--ease);pointer-events:none;z-index:2}.ko .ko-bord li:hover .ko-bord-foto{opacity:1;scale:1}.ko .ko-bord-voet{margin:12px 0 0;text-align:center;font:600 13px Outfit,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#f6f1e399}.ko .ko-verras{position:absolute;right:-14px;bottom:-26px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--ink);border-radius:99px;background:var(--lime);color:var(--ink);font:800 16px/1 Outfit,sans-serif;box-shadow:4px 4px 0 var(--ink);cursor:pointer;rotate:3deg;transition:translate .2s,box-shadow .2s}.ko .ko-verras:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--ink)}.ko .ko-verras:active span{display:inline-block;animation:ko-ster .5s}@keyframes ko-ster{to{rotate:360deg}}.ko .ko-briefje{margin-top:46px;min-height:64px}.ko .ko-briefje .sp-hand{font-size:24px;color:var(--purple);display:flex;align-items:center;gap:8px;margin:0 0 0 20px}.ko .ko-briefje .sp-pijl{width:44px;height:30px;transform:scaleX(-1) rotate(-30deg)}.ko .ko-briefje-in{display:flex;gap:16px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:12px 18px 12px 12px;text-decoration:none;rotate:1deg;animation:ko-briefje .45s var(--ease) both}@keyframes ko-briefje{0%{opacity:0;translate:0 -14px;rotate:-4deg}}.ko .ko-briefje-in img{width:64px;height:84px;-o-object-fit:cover;object-fit:cover;border-radius:10px;flex:none}.ko .ko-briefje-in span{display:grid;gap:1px}.ko .ko-briefje-in small{font:700 18px/1 Caveat,cursive;color:var(--coral)}.ko .ko-briefje-in b{font:400 26px/1.1 Commune,Georgia,serif}.ko .ko-briefje-in em{font-style:normal;color:var(--soft);font-size:14.5px}.ko .ko-briefje-in u{text-decoration:none;font-weight:700;font-size:14.5px;color:var(--ink)}.ko .ko-spel{background:var(--card);padding:88px 0}.ko .ko-spel-kaart{background:var(--bg);border:2px solid var(--ink);border-radius:26px;box-shadow:7px 7px 0 var(--ink);padding:28px 32px 32px}.ko .ko-stappen{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}.ko .ko-stappen li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--soft)}.ko .ko-stappen i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);font-size:13px}.ko .ko-stappen li.nu{color:var(--ink)}.ko .ko-stappen li.nu i{background:var(--coral);border-color:var(--coral);color:#fff}.ko .ko-stappen li.klaar i{background:var(--lime);border-color:var(--ink);color:var(--ink)}.ko .ko-vraag,.ko .ko-advies{animation:ko-briefje .4s var(--ease) both}.ko .ko-vraag h3,.ko .ko-advies h3{font-size:clamp(26px,3vw,34px);margin-bottom:18px}.ko .ko-opties{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.ko .ko-opties-6{grid-template-columns:repeat(3,minmax(0,1fr))}.ko .ko-opties-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.ko .ko-opties button{display:grid;gap:4px;justify-items:start;text-align:left;padding:18px 20px;border:2px solid var(--ink);border-radius:18px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:translate .2s,box-shadow .2s,background .2s;animation:ko-briefje .4s var(--ease) both;animation-delay:calc(var(--i) * 60ms)}.ko .ko-opties button b{font:400 23px/1.15 Commune,Georgia,serif}.ko .ko-opties button small{color:var(--soft);font-size:14px}.ko .ko-opties button:hover,.ko .ko-opties button[aria-pressed=true]{background:var(--lime);translate:-2px -2px;box-shadow:5px 5px 0 var(--ink)}.ko .ko-opties button:focus-visible,.ko .ko-terug:focus-visible,.ko .ko-verras:focus-visible,.ko .ko-klassiek button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.ko .ko-terug{margin-top:18px;border:0;background:none;font:700 15px Outfit,sans-serif;color:var(--soft);cursor:pointer;padding:6px 0}.ko .ko-terug:hover{color:var(--ink)}.ko .ko-advieskaarten{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ko .ko-advieskaarten a{display:flex;gap:14px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:12px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);animation:ko-briefje .45s var(--ease) both;animation-delay:calc(var(--i) * .11s);transition:translate .2s,box-shadow .2s}.ko .ko-advieskaarten a:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--ink)}.ko .ko-advieskaarten img{width:72px;height:96px;-o-object-fit:cover;object-fit:cover;border-radius:12px;flex:none}.ko .ko-advieskaarten span{display:grid;gap:2px}.ko .ko-advieskaarten b{font:400 24px/1.1 Commune,Georgia,serif}.ko .ko-advieskaarten small{color:var(--soft);font-size:14px}.ko .ko-advies .sp-btns .sp-alt{font-family:inherit}.ko .ko-alle{background:var(--roze);padding:88px 0}.ko .ko-luikjes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}.ko .ko-luikje{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:0 10px 10px;box-shadow:4px 5px 0 var(--ink);transition:translate .3s var(--ease),box-shadow .3s var(--ease)}.ko .ko-luikjes li:nth-child(odd) .ko-luikje{rotate:-.7deg}.ko .ko-luikjes li:nth-child(2n) .ko-luikje{rotate:.7deg}.ko .ko-luikje:hover{translate:0 -5px;box-shadow:5px 9px 0 var(--ink)}.ko .ko-luikje:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.ko .ko-luifel{position:relative;display:block;height:20px;margin:-2px -12px 14px;border:2px solid var(--ink);border-radius:12px 12px 3px 3px;background:repeating-linear-gradient(90deg,var(--t) 0 18px,#fff9e9 18px 36px);transform-origin:50% 0;z-index:2}.ko .ko-luifel:after{content:"";position:absolute;left:-2px;right:-2px;top:100%;height:9px;background:radial-gradient(circle at 9px 0,var(--t) 8px,transparent 8.6px) 0 0/36px 9px repeat-x,radial-gradient(circle at 9px 0,#fff9e9 8px,transparent 8.6px) 18px 0/36px 9px repeat-x}.ko .ko-luikje:hover .ko-luifel{animation:ko-deinen .8s var(--ease)}@keyframes ko-deinen{30%{transform:scaleY(1.25)}55%{transform:scaleY(.9)}80%{transform:scaleY(1.06)}}.ko .ko-raam{position:relative;display:block;aspect-ratio:4/4.4;border-radius:12px;overflow:hidden;border:2px solid var(--ink);background:#2a2351;perspective:700px}.ko .ko-raam img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--ease)}.ko .ko-luikje:hover .ko-raam img{transform:scale(1.08)}.ko .ko-klep{position:absolute;inset:0;transform-origin:50% 0;background:repeating-linear-gradient(0deg,#3a3270 0 14px,#332b66 14px 16px);border-bottom:4px solid #241e4d;transition:transform .9s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(.15s + var(--i) * 70ms);z-index:1}.ko .ko-klep i{position:absolute;left:50%;bottom:12px;width:34px;height:7px;margin-left:-17px;border-radius:99px;background:#c9c2e8}.ko .ko-luikjes.is-in .ko-klep{transform:rotateX(-104deg)}.ko .ko-luikje:hover .ko-klep{transform:rotateX(-112deg)}.ko .ko-sfeer{position:absolute;left:0;right:0;bottom:30%;height:60%;pointer-events:none;z-index:0}.ko .ko-sfeer i{position:absolute;bottom:0;left:calc(30% + var(--x,0%));width:22px;height:22px;opacity:0;animation:ko-stijg 3.4s ease-in infinite;animation-delay:calc(var(--i) * .23s + var(--v,0s))}.ko .ko-sfeer i:nth-child(2){--x:18%;--v:1.1s}.ko .ko-sfeer i:nth-child(3){--x:34%;--v:2.2s}@keyframes ko-stijg{0%{opacity:0;translate:0 0;scale:.6}25%{opacity:.85}to{opacity:0;translate:-6px -90px;scale:1.5}}.ko .ko-damp i{border-radius:50%;background:radial-gradient(circle,#fffffff0,#fff0 70%);filter:blur(2px)}.ko .ko-bubbel i{width:11px;height:11px;border-radius:50%;border:2px solid #ffffffd9;background:#fff3}.ko .ko-ster i{width:14px;height:14px;background:#fff6c9;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.ko .ko-blad i{width:14px;height:14px;background:#cfe39a;border-radius:0 80%}.ko .ko-noot i{width:auto;height:auto;background:none}.ko .ko-noot i:before{content:"♪";font:700 20px/1 Outfit,sans-serif;color:#fff6c9}.ko .ko-noot i:nth-child(2):before{content:"♫"}.ko .ko-toonbank{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 4px 0}.ko .ko-toonbank b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font:400 21px/1.1 Commune,Georgia,serif}.ko .ko-toonbank small{font-weight:800;font-size:12px;background:var(--lime);border:1.5px solid var(--ink);border-radius:99px;padding:1px 8px;white-space:nowrap}.ko .ko-label{position:absolute;right:12px;top:30px;z-index:3;width:min(78%,170px);display:grid;gap:2px;padding:10px 12px;background:#fffdf6;border:1.5px solid var(--ink);border-radius:6px 6px 12px 12px;box-shadow:3px 3px 0 var(--ink);font-size:12.5px;line-height:1.3;transform-origin:50% -18px;rotate:-80deg;opacity:0;transition:opacity .2s;pointer-events:none}.ko .ko-label:before{content:"";position:absolute;left:50%;top:-18px;width:1.5px;height:18px;background:var(--ink)}.ko .ko-label:after{content:"";position:absolute;left:50%;top:6px;width:7px;height:7px;margin-left:-3px;border-radius:50%;border:1.5px solid var(--ink);background:var(--roze)}.ko .ko-label em{font-style:normal;font-weight:700;padding-top:6px}.ko .ko-label span{color:var(--soft)}.ko .ko-luikje:hover .ko-label,.ko .ko-luikje:focus-visible .ko-label{opacity:1;animation:ko-slinger 1.1s var(--ease) both}@keyframes ko-slinger{0%{rotate:-80deg}40%{rotate:12deg}60%{rotate:-6deg}80%{rotate:3deg}to{rotate:0deg}}.ko .ko-combi-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.ko .ko-combi .sp-kop{margin-bottom:0}.ko .ko-klassiek{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.ko .ko-klassiek .sp-hand{width:100%;font-size:24px;color:var(--lime)}.ko .ko-klassiek button{border:1.5px solid #fff9e966;background:transparent;color:#fff;border-radius:99px;padding:8px 15px;font:600 14.5px Outfit,sans-serif;cursor:pointer;transition:background .2s,color .2s}.ko .ko-klassiek button:hover,.ko .ko-klassiek button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.ko .ko-combi-kaart{background:var(--card);color:var(--ink);border-radius:26px;padding:24px;box-shadow:8px 8px #1b1840;rotate:.8deg}.ko .ko-combi-keus{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:20px}.ko .ko-plus{position:absolute;left:50%;top:58%;translate:-50% -50%;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;font:800 22px/1 Outfit,sans-serif;border:2px solid var(--ink)}.ko .ko-select{display:grid;gap:6px}.ko .ko-select span{font:700 12px Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}.ko .ko-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:700 17px Outfit,sans-serif;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23272351' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center/12px;border:2px solid var(--ink);border-radius:14px;padding:12px 38px 12px 14px;cursor:pointer}.ko .ko-select select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.ko .ko-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ko .ko-duo a{display:grid;gap:2px;text-decoration:none;animation:ko-briefje .4s var(--ease) both}.ko .ko-duo img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin-bottom:6px}.ko .ko-duo b{font:400 22px/1.1 Commune,Georgia,serif}.ko .ko-duo small{color:var(--soft);font-size:14px}.ko .ko-combi-uit p{margin:0 0 16px;font-size:16px;line-height:1.5}.ko .ko-rest{background:var(--salie);padding:88px 0}.ko .ko-rest-lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ko .ko-rest-lijst a{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;padding:10px 14px 10px 10px;text-decoration:none;border:1.5px solid transparent;transition:border-color .2s,translate .2s}.ko .ko-rest-lijst a:hover{border-color:var(--ink);translate:0 -2px}.ko .ko-rest-lijst img{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none}.ko .ko-rest-lijst b{font-weight:700;font-size:15.5px;flex:1}.ko .ko-rest-lijst small{font-weight:700;font-size:12.5px;background:var(--lila);border-radius:99px;padding:2px 9px}.ko .ko-rest-lijst[data-rv] li{opacity:0;translate:0 16px;transition:opacity .5s var(--ease),translate .5s var(--ease);transition-delay:calc(var(--i) * 35ms)}.ko .ko-rest-lijst.is-in li{opacity:1;translate:0 0}@media(max-width:980px){.ko .ko-hero-in{grid-template-columns:minmax(0,1fr);gap:40px}.ko .ko-bord-wrap{max-width:470px;width:100%;margin:0 auto}.ko .ko-bord-foto{display:none}.ko .ko-luikjes{grid-template-columns:repeat(4,minmax(0,1fr))}.ko .ko-opties{grid-template-columns:repeat(2,minmax(0,1fr))}.ko .ko-advieskaarten{grid-template-columns:minmax(0,1fr)}.ko .ko-combi-in{grid-template-columns:minmax(0,1fr);gap:30px}.ko .ko-rest-lijst{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.ko .ko-spel,.ko .ko-alle,.ko .ko-rest{padding:60px 0}.ko .ko-bord{padding:20px 18px;border-width:9px}.ko .ko-bord li a{font-size:22px}.ko .ko-verras{right:8px}.ko .ko-spel-kaart{padding:20px 16px 22px;border-radius:20px}.ko .ko-opties,.ko .ko-opties-6,.ko .ko-opties-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.ko .ko-opties button{padding:14px}.ko .ko-opties button b{font-size:19px}.ko .ko-opties button small{font-size:12.5px}.ko .ko-luikjes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.ko .ko-luikje{padding:0 8px 8px;border-radius:16px}.ko .ko-luifel{margin:-2px -10px 12px;height:17px}.ko .ko-toonbank{padding-top:9px}.ko .ko-toonbank b{font-size:18px}.ko .ko-combi-kaart{padding:18px;rotate:0deg}.ko .ko-combi-keus{gap:26px}.ko .ko-select select{font-size:15px;padding:11px 32px 11px 11px}.ko .ko-rest-lijst{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.ko .ko-rest-lijst a{padding:8px 10px 8px 8px;gap:9px}.ko .ko-rest-lijst img{width:36px;height:36px}.ko .ko-rest-lijst b{font-size:14px}}@media(hover:none){.ko .ko-label{display:none}}@media(prefers-reduced-motion:reduce){.ko .ko-bord li,.ko .ko-opties button,.ko .ko-advieskaarten a,.ko .ko-vraag,.ko .ko-advies,.ko .ko-briefje-in,.ko .ko-duo a{animation:none;opacity:1}.ko .ko-rest-lijst[data-rv] li{opacity:1;translate:none;transition:none}.ko .ko-klep{transition:none}.ko .ko-sfeer{display:none}}