#kies-viewport{--nacht-1:#050e1c;--nacht-2:#0a1c36;--nacht-3:#14355c;--nacht-4:#2d5f8c;--paars:#292d70;--krans:#163a20;--dennen:#316e3c;--dennen-licht:#3a7d46;--oranje:#fb923c;--oranje-diep:#d04711;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Quicksand", system-ui, sans-serif}#kies-viewport,#kies-viewport *{box-sizing:border-box;margin:0;padding:0}:is(html:has(#kies-viewport),body:has(#kies-viewport)){overscroll-behavior:none;height:100%;overflow:hidden}#kies-viewport{background:linear-gradient(180deg, var(--nacht-1) 0%, var(--nacht-2) 38%, var(--nacht-3) 62%, var(--nacht-4) 88%);height:100lvh;font-family:var(--font-body);color:#eaf1ff;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}#kies-stage{transform-origin:50%;background:linear-gradient(180deg, var(--nacht-1) 0%, var(--nacht-2) 38%, var(--nacht-3) 62%, var(--nacht-4) 88%);flex:none;width:1920px;height:1080px;position:relative;overflow:hidden}#kies-viewport .kies-stralen{aspect-ratio:1;background:repeating-conic-gradient(from var(--kies-hoek,0deg), #ffe29e0e 0deg 18deg, transparent 18deg 30deg);pointer-events:none;z-index:0;width:3400px;animation:200s linear infinite kiesStralenHoek;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#00000040 0%,#000 42%,#00000059 100%);mask-image:radial-gradient(closest-side,#00000040 0%,#000 42%,#00000059 100%)}@property --kies-hoek{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes kiesStralenHoek{to{--kies-hoek:360deg}}#kies-viewport .kies-sterren{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}#kies-viewport .kies-sterren span{background-repeat:repeat;position:absolute;inset:0}#kies-viewport .kies-sterren .s1{background-image:radial-gradient(1.4px at 38px 62px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.2px at 154px 128px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.6px at 262px 46px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.3px at 348px 176px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.5px at 96px 244px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.2px at 214px 312px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.6px at 386px 286px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.3px at 28px 372px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(1.4px at 292px 396px,#ffffff8c 0 62%,#fff0 100%);background-size:640px 640px;animation:4.1s ease-in-out infinite kiesKnipper1}#kies-viewport .kies-sterren .s2{background-image:radial-gradient(2.2px at 72px 96px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2px at 246px 208px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2.4px at 438px 74px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2.1px at 148px 356px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2.3px at 496px 322px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2px at 332px 474px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(2.2px at 46px 512px,#ffffff8c 0 62%,#fff0 100%);background-size:850px 850px;animation:5.7s ease-in-out infinite kiesKnipper2}#kies-viewport .kies-sterren .s3{background-image:radial-gradient(3.4px at 118px 148px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(3px at 402px 296px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(3.6px at 664px 112px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(3.2px at 268px 574px,#ffffff8c 0 62%,#fff0 100%),radial-gradient(3px at 596px 648px,#ffffff8c 0 62%,#fff0 100%);background-size:1120px 1120px;animation:6.9s ease-in-out infinite kiesKnipper3}@keyframes kiesKnipper1{0%,to{opacity:.9}16%{opacity:1}27%{opacity:.35}46%{opacity:.2}61%{opacity:1}78%{opacity:.45}}@keyframes kiesKnipper2{0%,to{opacity:.75}22%{opacity:.3}41%{opacity:1}68%{opacity:.25}85%{opacity:.9}}#kies-viewport .kies-sterren .val{opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff59 55%,#fffffff2 92%,#fff 100%);border-radius:2px;width:150px;height:2px;animation:14s linear infinite kiesSterValt;inset:16% auto auto 58%;transform:rotate(31deg)translate(-260px)}@keyframes kiesSterValt{0%,88%{opacity:0;transform:rotate(31deg)translate(-260px)}89.5%{opacity:1}97%{opacity:1}to{opacity:0;transform:rotate(31deg)translate(620px)}}@keyframes kiesKnipper3{0%,to{opacity:1}30%{opacity:.4}55%{opacity:.95}74%{opacity:.3}}#kies-viewport .kies-maan-wrap{aspect-ratio:1;z-index:2;pointer-events:none;width:300px;position:absolute;top:128px;right:178px}#kies-viewport .kies-maan{opacity:.92;background:radial-gradient(circle at 36% 32%,#fdfbf2 0%,#eef0e4 42%,#cfd3c2 78%,#b6bbaa 100%);border-radius:50%;position:absolute;inset:0}#kies-viewport .kies-maan-ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#kies-viewport .kies-maan-ring.r1{background:#b8caf017;width:118%;height:118%}#kies-viewport .kies-maan-ring.r2{background:#a2b6e40f;width:138%;height:138%}#kies-viewport .kies-maan-ring.r3{background:#92a8dc0a;width:164%;height:164%}#kies-viewport .kies-mist{pointer-events:none;position:absolute;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 72% 100%);mask-image:linear-gradient(#0000 0%,#000 72% 100%)}#kies-viewport .kies-mist span{will-change:transform;background-repeat:repeat-x;background-size:50% 100%;width:200%;position:absolute;top:0;bottom:0;left:0}#kies-viewport .kies-mist.achter{z-index:2;height:46%;bottom:0}#kies-viewport .kies-mist.achter span{background-image:radial-gradient(20% 40% at 21% 74%,#cee0ff3b 0%,#cee0ff17 52%,#cee0ff00 100%),radial-gradient(24% 34% at 52% 88%,#d6e6ff33 0%,#d6e6ff14 52%,#d6e6ff00 100%),radial-gradient(18% 38% at 81% 78%,#c6daff36 0%,#c6daff14 52%,#c6daff00 100%);animation:190s linear infinite mistDrift}#kies-viewport .kies-mist.voor{z-index:4;height:26%;bottom:-2%}#kies-viewport .kies-mist.voor span{background-image:radial-gradient(22% 50% at 24% 92%,#e2ecff6b 0%,#e2ecff29 50%,#e2ecff00 100%),radial-gradient(26% 46% at 58% 100%,#d6e4ff61 0%,#d6e4ff24 50%,#d6e4ff00 100%),radial-gradient(15% 40% at 84% 90%,#e8f0ff52 0%,#e8f0ff1f 50%,#e8f0ff00 100%);animation:140s linear infinite mistDriftTerug}@keyframes mistDrift{to{transform:translate(-50%)}}@keyframes mistDriftTerug{0%{transform:translate(-50%)}to{transform:translate(0)}}#kies-viewport .kies-bomen,#kies-viewport .kies-landschap{aspect-ratio:1672/586;z-index:3;pointer-events:none;position:absolute;bottom:-8px;left:0;right:0}#kies-viewport .kies-landschap{background:url(/site/img/kerst-kiezer-landschap.webp) bottom/100% 100% no-repeat}#kies-viewport .kies-bomen{z-index:2;overflow:hidden}#kies-viewport .kies-rook{pointer-events:none;width:17.34%;height:30.03%;position:absolute;top:0;left:81.04%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 5%);mask-image:linear-gradient(#0000 0%,#000 5%)}#kies-viewport .kies-rook span{background:url(/site/img/kerst-kiezer-rook-golf-v2.webp) 0 0/100% 3600% no-repeat;animation:3.6s steps(36,end) infinite rookGolf;position:absolute;inset:0}@keyframes rookGolf{to{background-position-y:102.857%}}#kies-viewport .kies-raam{pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute}#kies-viewport .kies-raam.rond{background-image:url(/site/img/kerst-kiezer-raam-rond.webp);width:4.07%;height:11.6%;animation:7.3s ease-in-out infinite raamPuls;top:41.64%;left:76.61%}#kies-viewport .kies-raam.links{background-image:url(/site/img/kerst-kiezer-raam-links.webp);width:4.07%;height:11.6%;animation:5.9s ease-in-out -2.1s infinite raamPuls;top:58.19%;left:78.77%}#kies-viewport .kies-raam.midden{background-image:url(/site/img/kerst-kiezer-raam-midden.webp);width:4.31%;height:12.29%;animation:8.7s ease-in-out -4.4s infinite raamPuls;top:58.7%;left:83.97%}#kies-viewport .kies-raam.rechts{background-image:url(/site/img/kerst-kiezer-raam-rechts.webp);width:3.95%;height:11.26%;animation:6.6s ease-in-out -1.3s infinite raamPuls;top:58.87%;left:87.44%}@keyframes raamPuls{0%,to{opacity:1}30%{opacity:.92}44%{opacity:.18}47%{opacity:.85}50%{opacity:.12}55%{opacity:1}72%{opacity:.4}76%{opacity:.95}88%{opacity:.55}}#kies-viewport .kies-boom{transform-origin:50% 100%;pointer-events:none;z-index:3;will-change:transform;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0}#kies-viewport .kies-boom.b1{background-image:url(/site/img/kerst-kiezer-boom-1.webp);width:14.533%;height:63.14%;animation:7.4s ease-in-out infinite boomWiegt;left:2.632%}#kies-viewport .kies-boom.b2{background-image:url(/site/img/kerst-kiezer-boom-2.webp);width:12.081%;height:65.529%;animation:6.1s ease-in-out -1.7s infinite boomWiegt;left:17.763%}#kies-viewport .kies-boom.b3{background-image:url(/site/img/kerst-kiezer-boom-3.webp);width:7.117%;height:75.427%;animation:8.3s ease-in-out -3.4s infinite boomWiegt;left:40.49%}#kies-viewport .kies-boom.b4{background-image:url(/site/img/kerst-kiezer-boom-4.webp);width:7.476%;height:66.212%;animation:6.8s ease-in-out -.9s infinite boomWiegt;left:58.911%}#kies-viewport .kies-lamp{pointer-events:none;width:24px;height:24px;animation:lampjesA var(--duur,2.9s) ease-in-out var(--vertraging,0s) infinite alternate;background:radial-gradient(5px,#fffbe6 0,#ffe58f 36%,#ffbe508c 48%,#ffba4c00 72%) 50% no-repeat;position:absolute}#kies-viewport .kies-lamp:after{content:"";animation:glinster calc(var(--duur,2.9s) * .72) ease-in-out calc(var(--vertraging,0s) * 1.6) infinite;background:radial-gradient(11px 1.1px,#fff9dcf2,#fff9dc00 100%) 50% no-repeat,radial-gradient(1.1px 11px,#fff9dcf2,#fff9dc00 100%) 50% no-repeat;position:absolute;inset:0}@keyframes lampjesA{0%{opacity:.55}28%{opacity:1}50%{opacity:.7}72%{opacity:1}to{opacity:.6}}@keyframes glinster{0%{opacity:.3}12%{opacity:1}22%{opacity:.45}55%{opacity:.6}68%{opacity:1}78%{opacity:.35}to{opacity:.3}}@keyframes boomWiegt{0%,to{transform:skew(0)}32%{transform:skew(1.5deg)}68%{transform:skew(-1.2deg)}}#kies-viewport:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(96% 92% at 50% 48%,#03081400 62%,#03081429 80%,#030814b8 100%);position:absolute;inset:0}#kies-viewport .kies-midden{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding-bottom:130px;display:flex;position:absolute;inset:0}#kies-viewport .kies-logo{filter:drop-shadow(0 10px 24px #00000042);width:620px;max-width:68%;height:auto;display:block}#kies-viewport .kies-intro{text-align:center;color:#cfe0f5;max-width:620px;margin-top:-10px;font-size:21px;font-weight:600;line-height:1.5}#kies-viewport .kies-blok{flex-direction:column;align-items:stretch;gap:14px;width:460px;max-width:86%;display:flex}#kies-viewport .kies-label{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:#9fb8d8;text-align:center;font-size:14px;font-weight:700}#kies-viewport .kies-knop{color:#fff;width:100%;min-height:58px;line-height:1.25;font-family:var(--font-display);cursor:pointer;background:#e8f0ff1f;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:16px 20px;font-size:18px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .15s;display:flex;position:relative;box-shadow:4px 5px 2px #0000004d,inset 0 0 0 1px #ffffff3d}#kies-viewport .kies-knop:hover{background:#e8f0ff33;transform:translate(2px,2px);box-shadow:2px 3px 2px #0000004d,inset 0 0 0 1px #ffffff4d}#kies-viewport .kies-knop:active{box-shadow:none;transform:translate(4px,5px)}#kies-viewport .kies-knop .pijl{margin-left:auto;font-size:13px;transition:transform .18s}#kies-viewport .kies-knop[aria-expanded=true] .pijl{transform:rotate(180deg)}#kies-viewport .kies-lijst-wrap{position:relative}#kies-viewport .kies-lijst{z-index:6;background:#0d1a2ffb;border-radius:10px;max-height:274px;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:4px 5px 2px #0000004d,inset 0 0 0 1px #ffffff38}#kies-viewport .kies-optie{text-align:left;color:#eaf1ff;width:100%;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 14px;font-size:16px;font-weight:600;display:block}#kies-viewport .kies-optie:hover,#kies-viewport .kies-optie[data-actief=ja]{background:#e8f0ff29}#kies-viewport .kies-optie .plaats{color:#9fb8d8;margin-top:2px;font-size:13px;font-weight:500;display:block}#kies-viewport .kies-ga{background:linear-gradient(180deg, var(--oranje), var(--oranje-diep));color:#fff;width:100%;min-height:58px;line-height:1.25;font-family:var(--font-display);text-align:left;cursor:pointer;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:16px 20px;font-size:18px;font-weight:700;text-decoration:none;transition:transform 60ms,box-shadow 60ms,opacity .15s;display:flex;box-shadow:4px 5px 2px #0000004d}#kies-viewport .kies-ga .ga-pijl{flex:none;margin-left:auto}#kies-viewport .kies-ga:hover{transform:translate(2px,2px);box-shadow:2px 3px 2px #0000004d}#kies-viewport .kies-ga:active{box-shadow:none;transform:translate(4px,5px)}#kies-viewport .kies-ga[aria-disabled=true]{opacity:.4;pointer-events:none}@media (max-width:760px){#kies-viewport .ga-naam{display:none}#kies-viewport{height:100dvh}#kies-stage{width:100%;height:100%;transform:none!important}#kies-viewport .kies-maan-wrap{width:150px;top:8%;right:6vw}#kies-viewport .kies-maan-ring.r1{width:112%;height:112%}#kies-viewport .kies-maan-ring.r2{width:124%;height:124%}#kies-viewport .kies-maan-ring.r3{width:138%;height:138%}#kies-viewport .kies-midden{gap:24px;padding-bottom:22%}#kies-viewport .kies-logo{filter:drop-shadow(0 4px 10px #00000057);width:307px;max-width:80%;margin-top:3px}#kies-viewport .kies-intro{max-width:86%;font-size:16px}#kies-viewport .kies-blok{width:86%}#kies-viewport .kies-stralen{width:max(2000px,240lvh)}#kies-viewport .kies-landschap,#kies-viewport .kies-bomen{width:190%;left:auto;right:0}#kies-viewport .kies-mist.achter{height:34%}#kies-viewport .kies-mist.voor{height:20%}#kies-viewport .kies-rook span{animation:none}}@media (prefers-reduced-motion:reduce){#kies-viewport .kies-stralen,#kies-viewport .kies-sterren span,#kies-viewport .kies-mist span,#kies-viewport .kies-rook,#kies-viewport .kies-raam,#kies-viewport .kies-boom,#kies-viewport .kies-lamp,#kies-viewport .kies-lamp:after,#kies-viewport .kies-maan-ring{animation:none}#kies-viewport .kies-sterren .val{display:none}}#kies-viewport .kies-ico{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}#kies-viewport video.kies-logo{aspect-ratio:1280/720;-o-object-fit:contain;object-fit:contain;filter:none;pointer-events:none}#kies-viewport .kies-ga{background:linear-gradient(#fb7a2a 0%,#d9400f 100%);transition:transform .16s,box-shadow .16s,background .16s,opacity .15s;box-shadow:inset 0 -4px #0003,inset 0 1px #ffffff40,0 8px 18px -8px #d9400fb3}#kies-viewport .kies-ga:hover{background:linear-gradient(#ff8836 0%,#e64a15 100%);transform:translateY(2px);box-shadow:inset 0 -2px #0003,inset 0 1px #ffffff40,0 4px 12px -8px #d9400fb3}#kies-viewport .kies-ga:active{transform:translateY(4px);box-shadow:inset 0 -1px #0003,inset 0 1px #ffffff40,0 2px 6px -6px #d9400fb3}
