.btol-hh{margin:0;color:#fff}.btol-hh__vlak{position:relative;overflow:hidden;overflow:clip;isolation:isolate;display:grid;gap:22px;align-items:center;grid-template-areas:"kop" "beeld" "actie" "zeker";padding:clamp(20px,4vw,56px);border-radius:28px;background:#2f2a44}@media(min-width:900px){.btol-hh__vlak{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"kop beeld" "actie beeld" "zeker zeker";column-gap:clamp(32px,4vw,64px);row-gap:24px}.btol-hh__kop{align-self:end}.btol-hh__actie{align-self:start}}.btol-hh__foto{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.btol-hh__foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;display:block}.btol-hh__vlak:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 600px at 82% 108%,#ef6c366b,#ef6c3600 70%),radial-gradient(480px 480px at -6% -10%,#b0b9fc42,#b0b9fc00 70%),linear-gradient(100deg,#2f2a44f7,#2f2a44ed 48%,#2f2a44d1);transition:opacity .8s ease}.btol-hh__vlak:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:0;top:50%;margin-top:-310px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#23704a8c,#23704a00);opacity:0;transition:opacity .8s ease}.btol-hh.is-vol .btol-hh__vlak:after{opacity:1}.btol-hh__kop,.btol-hh__beeld,.btol-hh__actie,.btol-hh__zeker{position:relative;min-width:0}.btol-hh__kop{grid-area:kop;display:grid;gap:14px;justify-items:start}.btol-hh__beeld{grid-area:beeld;display:grid;justify-items:center}.btol-hh__actie{grid-area:actie;display:grid;gap:16px;justify-items:start;padding:clamp(18px,2vw,24px);border-radius:22px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btol-hh__zeker{grid-area:zeker}.btol-hh__pillen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btol-hh__label{padding:7px 13px;border-radius:999px;background:#d63b3b;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1}.btol-hh__pil{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:#fff;color:#2f2a44!important;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none!important}.btol-hh__pil b{font-weight:700}.btol-hh__sterren{color:#f2b43c;letter-spacing:1px;font-size:13px}.btol-hh__titel{margin:0;color:#fff;font-size:clamp(30px,3.6vw,48px);line-height:1.06;font-weight:700;letter-spacing:-.01em}.btol-hh__intro{margin:0;max-width:52ch;font-size:clamp(15px,1.25vw,17px);line-height:1.55;color:#ffffffd1}.btol-hh__actiekop{margin:0;display:grid;gap:2px;font-size:clamp(21px,1.9vw,26px);font-weight:700;line-height:1.15;color:#fff}.btol-hh__actiekop span{font-size:15.5px;font-weight:600;color:#ffb199}.btol-hh__trap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin:0;padding:0;list-style:none}.btol-hh__trede{position:relative;display:grid;gap:3px;justify-items:center;padding:14px 4px 10px;border-radius:14px;text-align:center;transition:background-color .4s ease}.btol-hh__balk{position:absolute;left:6px;right:6px;top:0;height:6px;border-radius:6px;background:#ffffff24;overflow:hidden}.btol-hh__balk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffb199;transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d, 0) * 90ms)}.btol-hh__trede.is-aan .btol-hh__balk:after{transform:scaleX(1)}.btol-hh.is-vol .btol-hh__balk:after{background:#7fcb9c}.btol-hh__trede b{font-size:clamp(16px,1.5vw,20px);font-weight:800;line-height:1.1;color:#ffffff80;transition:color .4s ease}.btol-hh__trede small{font-size:11.5px;font-weight:600;line-height:1.2;color:#ffffff80;white-space:nowrap}.btol-hh__trede.is-aan b{color:#fff}.btol-hh__trede.is-aan small{color:#ffffffc7}.btol-hh__trede.is-nu{background:#ffffff1a}.btol-hh__trede.is-nu b{color:#ffb199}.btol-hh.is-vol .btol-hh__trede.is-nu b{color:#7fcb9c}.btol-hh__trede.is-pop b{animation:btol-hh-pop .55s cubic-bezier(.3,1.6,.5,1)}.btol-hh__status{margin:0;font-size:15.5px;line-height:1.5;color:#ffffffe0}.btol-hh__status strong{color:#ffb199;font-weight:800}.btol-hh.is-vol .btol-hh__status strong{color:#7fcb9c}.btol-hh__acties{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.btol-hh__knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;background:#ef6c36;color:#fff!important;font-size:19px;font-weight:700;text-decoration:none!important;transition:background-color .15s ease}.btol-hh__knop:after{content:"\2192";font-weight:700}.btol-hh__knop:hover{background:#f5875a}.btol-hh__knop:active{transform:translateY(1px)}.btol-hh__klok{display:grid;gap:8px;justify-items:start}.btol-hh__klok[hidden]{display:none}.btol-hh__kloklabel{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffb199}.btol-hh__vakken{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.btol-hh__vakken>i{font-style:normal;font-weight:700;color:#ffffff80}.btol-hh__vak{display:inline-flex;align-items:baseline;gap:3px;min-width:58px;justify-content:center;padding:8px 10px;border-radius:10px;background:#ffffff1a;font-size:14px;font-weight:600;color:#ffffffbf;line-height:1}.btol-hh__vak b{font-size:22px;font-weight:800;color:#fff}.btol-hh__vak--s{background:#fff;color:#d63b3b}.btol-hh__vak--s b{color:#d63b3b}.btol-hh__auto{margin:-6px 0 0;font-size:13.5px;color:#ffffff9e}.btol-hh__vriend{display:flex;align-items:center;gap:9px;margin:0;font-size:14.5px;color:#ffffffe6}.btol-hh__vriend i{flex:0 0 auto;position:relative;width:22px;height:22px;border-radius:50%;background:#ef6c36}.btol-hh__vriend i:after{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;font-style:normal}.btol-hh__lid{width:100%}.btol-hh__lid .btol-bc-lid{margin:0;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#ffffffe0;font-size:14px}.btol-hh__lid .btol-bc-lid strong{color:#ffb199}.btol-hh__lid .btol-bc-lid .btol-bc-lid__login{border-color:#fff;color:#fff!important}.btol-hh__lid .btol-bc-lid .btol-bc-lid__login:hover{background:#fff;color:#2f2a44!important}.btol-hh__zeker{display:flex;flex-wrap:wrap;gap:8px}.btol-hh__zeker span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffe6;font-size:13.5px;font-weight:500;line-height:1.2}.btol-hh__zeker svg{box-sizing:border-box;flex:0 0 20px;width:20px;height:20px;padding:4px;border-radius:50%;background:#3e9b6c;color:#fff}.btol-hh.has-tegels .btol-hh__vlak{padding-bottom:calc(clamp(20px,4vw,56px) + 56px)}.btol-hh__tegels{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:-56px clamp(16px,3vw,40px) 0}.btol-hh__tegel{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;border:1.5px solid #fff;color:#2f2a44!important;text-decoration:none!important;box-shadow:0 14px 34px #14102438;transition:border-color .15s ease}.btol-hh__tegel:hover{border-color:#2f2a44}.btol-hh__tegel img{width:72px;height:72px;object-fit:cover;border-radius:12px;display:block;background:#f6f5f3}.btol-hh__tegel strong{display:block;font-size:17px;line-height:1.25;margin-bottom:3px}.btol-hh__tegel small{display:block;font-size:14px;line-height:1.4;color:#2f2a44b3}.btol-hh__pijl{width:36px;height:36px;border-radius:50%;background:#f6f5f3;display:grid;place-items:center}.btol-hh__pijl svg{width:16px;height:16px}.btol-hh__cirkel{position:relative;width:min(100%,460px);aspect-ratio:1 / 1;margin-inline:auto}.btol-hh__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.btol-hh__spoor{fill:none;stroke:#ffffff2e;stroke-width:1.1;stroke-dasharray:1.4 2.6}.btol-hh__boog{fill:none;stroke:#ffb199;stroke-width:3;stroke-linecap:round;stroke-dasharray:100 500;stroke-dashoffset:100;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1),stroke .5s ease}.btol-hh__boog.is-aan{stroke-dashoffset:0}.btol-hh.is-vol .btol-hh__boog{stroke:#7fcb9c}.btol-hh__midden{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);display:grid;place-content:center;gap:3px;border-radius:50%;background:#fff;color:#2f2a44;text-align:center;box-shadow:0 18px 44px #0a081973,0 0 0 8px #ffffff0f}.btol-hh__midden small{font-size:12.5px;font-weight:600;line-height:1.2;color:#6b6680}.btol-hh__midden b{font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1;color:#d63b3b;transition:color .4s ease}.btol-hh__midden b.is-klein{font-size:clamp(21px,2.6vw,29px)}.btol-hh.is-vol .btol-hh__midden b{color:#23704a}.btol-hh__midden.is-pop{animation:btol-hh-midpop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes btol-hh-midpop{0%{transform:translate(-50%,-50%) scale(.88)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes btol-hh-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.btol-hh__laag{position:absolute;width:24%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:50%;text-decoration:none!important;outline-offset:4px}.btol-hh__laag--1{left:50%;top:10%}.btol-hh__laag--2{left:88.04%;top:37.64%}.btol-hh__laag--3{left:73.51%;top:82.36%}.btol-hh__laag--4{left:26.49%;top:82.36%}.btol-hh__laag--5{left:11.96%;top:37.64%}.btol-hh__foto-rond{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:50%;background:#3c3656;border:3px solid rgba(255,255,255,.2);transition:border-color .5s ease,box-shadow .5s ease,transform .4s ease}.btol-hh__foto-rond img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);opacity:.35;transform:scale(1.12);transition:filter .7s ease,opacity .7s ease,transform .8s cubic-bezier(.2,.8,.3,1)}.btol-hh__teken{position:absolute;right:-2px;top:-2px;width:26px;height:26px;border-radius:50%;background:#ffb199;display:grid;place-items:center;box-shadow:0 0 0 3px #2f2a44;transition:background-color .4s ease,transform .4s cubic-bezier(.3,1.6,.5,1)}.btol-hh__teken:after{content:"+";color:#2f2a44;font-size:17px;font-weight:800;line-height:1}.btol-hh__naam{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);white-space:nowrap;padding:4px 10px;border-radius:999px;background:#2f2a44f0;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:700;line-height:1.2;transition:background-color .4s ease,color .4s ease,border-color .4s ease}.btol-hh__laag.is-vol .btol-hh__foto-rond,.btol-hh__laag.is-aan .btol-hh__foto-rond{border-color:#fff;box-shadow:0 12px 28px #0a081973}.btol-hh__laag.is-vol img,.btol-hh__laag.is-aan img{filter:none;opacity:1;transform:none}.btol-hh__laag.is-vol .btol-hh__teken,.btol-hh__laag.is-aan .btol-hh__teken{background:#d63b3b;transform:scale(1.08)}.btol-hh__laag.is-vol .btol-hh__teken:after,.btol-hh__laag.is-aan .btol-hh__teken:after{content:"\2713";color:#fff;font-size:13px;font-weight:900}.btol-hh__laag.is-vol .btol-hh__naam,.btol-hh__laag.is-aan .btol-hh__naam{background:#fff;color:#2f2a44;border-color:#fff}.btol-hh.is-vol .btol-hh__laag.is-vol .btol-hh__teken,.btol-hh.is-vol .btol-hh__laag.is-aan .btol-hh__teken{background:#23704a}.btol-hh.is-vol .btol-hh__laag .btol-hh__foto-rond{border-color:#7fcb9c}@keyframes btol-hh-puls{0%,to{box-shadow:0 0 #ffb19999}50%{box-shadow:0 0 0 12px #ffb19900}}.btol-hh__laag.is-volgende .btol-hh__foto-rond{border-color:#ffb199;animation:btol-hh-puls 1.6s ease-in-out infinite}.btol-hh__laag.is-volgende img{filter:none;opacity:.85;transform:none}.btol-hh__laag.is-volgende .btol-hh__naam{background:#ef6c36;border-color:#ef6c36;color:#fff}.btol-hh__laag.is-volgende .btol-hh__teken{background:#ef6c36}.btol-hh__laag.is-volgende .btol-hh__teken:after{color:#fff}.btol-hh__laag:hover .btol-hh__foto-rond,.btol-hh__laag:focus-visible .btol-hh__foto-rond{border-color:#ffb199;transform:scale(1.05)}.btol-hh__laag:hover img,.btol-hh__laag:focus-visible img{filter:none;opacity:1;transform:none}.btol-hh__laag:not(.is-vol):hover .btol-hh__naam,.btol-hh__laag:not(.is-vol):focus-visible .btol-hh__naam{background:#ef6c36;border-color:#ef6c36;color:#fff}@keyframes btol-hh-in{0%{transform:translate(-50%,-50%) scale(.6)}60%{transform:translate(-50%,-50%) scale(1.14)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes btol-hh-ring{0%{transform:scale(.9);opacity:.95}to{transform:scale(1.9);opacity:0}}@keyframes btol-hh-vonk{0%{transform:rotate(var(--r)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--r)) translateY(-62px) scale(.4);opacity:0}}.btol-hh__laag.is-nieuw{animation:btol-hh-in .7s cubic-bezier(.3,1.4,.5,1) both}.btol-hh__laag.is-nieuw:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #FFB199;animation:btol-hh-ring 1s ease-out .15s both;pointer-events:none}.btol-hh__vonk{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--k, #FFB199);pointer-events:none;animation:btol-hh-vonk .9s cubic-bezier(.2,.7,.3,1) .1s both}@keyframes btol-hh-pijl{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(6px) rotate(45deg)}}.btol-hh__hint{display:flex;flex-direction:column;align-items:center;gap:6px;height:0;margin:0;overflow:visible;color:#ffb199;font-size:15px;font-weight:700;opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.btol-hh__hint i{display:block;width:13px;height:13px;border-right:3px solid #FFB199;border-bottom:3px solid #FFB199;transform:rotate(45deg)}.btol-hh.is-kies .btol-hh__hint{position:relative;z-index:3;height:auto;margin-bottom:34px;opacity:1;transform:none}.btol-hh.is-kies .btol-hh__hint i{animation:btol-hh-pijl 1s ease-in-out infinite}.btol-hh.is-kies .btol-hh__foto-rond{border-color:#ffb199;animation:btol-hh-puls 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}.btol-hh.is-kies .btol-hh__foto-rond img{filter:none;opacity:1;transform:none}.btol-hh.is-kies .btol-hh__naam{background:#fff;color:#2f2a44;border-color:#fff}.btol-hh.is-kies .btol-hh__teken{background:#ef6c36}.btol-hh.is-kies .btol-hh__teken:after{color:#fff}@media(max-width:899px){.btol-hh__vlak{gap:20px;border-radius:22px}.btol-hh__vlak:before{background:radial-gradient(420px 420px at 100% 62%,#ef6c3661,#ef6c3600 70%),radial-gradient(360px 360px at 0% 0%,#b0b9fc3d,#b0b9fc00 70%),linear-gradient(180deg,#2f2a44e6,#2f2a44f2 40%,#2f2a44f7)}.btol-hh__titel{font-size:28px}.btol-hh__intro{font-size:14.5px;line-height:1.5}.btol-hh__pil-aantal{display:none}.btol-hh__cirkel{width:min(100%,340px)}.btol-hh__naam{font-size:11px;padding:3px 8px;bottom:-11px}.btol-hh__teken{width:22px;height:22px}.btol-hh__teken:after{font-size:15px}.btol-hh__midden small{font-size:11.5px}.btol-hh__midden{box-shadow:0 12px 30px #0a081973,0 0 0 6px #ffffff0f}.btol-hh__actie{justify-items:stretch;padding:18px 16px}.btol-hh__trede{padding:13px 2px 8px}.btol-hh__trede small{font-size:10.5px}.btol-hh__acties{flex-direction:column;align-items:stretch}.btol-hh__knop{width:100%;font-size:18px}.btol-hh__klok{justify-items:center}.btol-hh__vak{min-width:0;flex:1 1 0;padding:8px 6px}.btol-hh__vak b{font-size:19px}.btol-hh__vakken{width:100%;gap:4px}.btol-hh__auto{text-align:center}.btol-hh.has-tegels .btol-hh__vlak{padding-bottom:64px}.btol-hh__tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-44px 10px 0}.btol-hh__tegel{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding:10px 6px 12px}.btol-hh__tegel img{width:56px;height:56px}.btol-hh__tegel strong{font-size:13px;margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}.btol-hh__tegel small,.btol-hh__pijl{display:none}.btol-hh__zeker{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*clamp(20px,4vw,56px));padding:0 clamp(20px,4vw,56px)}.btol-hh__zeker::-webkit-scrollbar{display:none}.btol-hh__zeker span{flex:0 0 auto;white-space:nowrap;font-size:12.5px}}@media(max-width:380px){.btol-hh__vlak{padding:20px 16px}.btol-hh__naam{font-size:10px;padding:3px 6px}.btol-hh__teken{width:20px;height:20px;box-shadow:0 0 0 2px #2f2a44}.btol-hh__trede b{font-size:15px}}@media(prefers-reduced-motion:reduce){.btol-hh *,.btol-hh *:before,.btol-hh *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/btol-bc-hero.css.map */