.df-vraag{min-height:2.75rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid hsl(var(--brand-line));background:hsl(var(--brand-mist));color:hsl(var(--brand-ink));font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .3s var(--ease-spring, ease-out)}.df-vraag:hover{border-color:hsl(var(--brand-blue) / .5)}.df-vraag:active{transform:scale(.97)}.df-vraag[aria-pressed=true]{background:hsl(var(--brand-navy));border-color:hsl(var(--brand-navy));color:#fff}.dark .df-vraag[aria-pressed=true]{background:hsl(var(--brand-blue));color:hsl(var(--brand-navy))}.df-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 4.75rem);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.75rem;margin-inline:-.75rem;border-radius:var(--r-card);background:hsl(var(--background) / .86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:767px){.df-bar{position:static}}.df-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.35rem .85rem;border-radius:9999px;border:1px solid hsl(var(--brand-line));background:hsl(var(--background));color:hsl(var(--brand-ink));font-size:.875rem;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.df-chip:hover{border-color:hsl(var(--brand-blue) / .5)}.df-chip[aria-pressed=true]{background:hsl(var(--brand-blue));border-color:hsl(var(--brand-blue));color:#fff}.dark .df-chip[aria-pressed=true]{color:hsl(var(--brand-navy))}.df-chip__n{font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600}.df-search{display:flex;align-items:center;gap:.5rem;flex:1 1 18rem;max-width:24rem;min-height:2.75rem;padding:0 .75rem;border-radius:var(--r-control);border:1px solid hsl(var(--brand-line));background:hsl(var(--background))}.df-search:focus-within{border-color:hsl(var(--brand-blue));box-shadow:0 0 0 3px hsl(var(--brand-blue) / .2)}.df-search input{flex:1;min-width:0;border:0;background:transparent;font-size:1rem;color:hsl(var(--brand-ink));outline:none}.df-search input::-webkit-search-cancel-button{display:none}.df-search__clear{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9999px;color:hsl(var(--brand-slate))}.df-search__clear:hover{background:hsl(var(--brand-mist))}.df-card{transition:border-color .25s ease,box-shadow .3s ease,transform .4s var(--ease-out-expo, ease-out)}.df-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}.df-card:hover{border-color:hsl(var(--brand-blue) / .5);box-shadow:var(--shadow-float);transform:translateY(-2px)}.df-card:focus-within{border-color:hsl(var(--brand-blue))}.df-card__prijs{align-self:flex-start;padding:.2rem .6rem;border-radius:9999px;background:hsl(var(--brand-blue) / .08);color:hsl(var(--brand-blue));font-size:.8125rem;font-weight:600}.df-card__meer>summary{list-style:none}.df-card__meer>summary::-webkit-details-marker{display:none}.df-card__meer>summary:after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease-out-expo, ease-out)}.df-card__meer[open]>summary:after{transform:rotate(-135deg) translateY(-2px)}.df-card.is-beste{border-color:hsl(var(--brand-cyan));box-shadow:0 0 0 1px hsl(var(--brand-cyan) / .5),0 16px 32px -20px hsl(var(--brand-cyan) / .6)}.df-card__badge{position:absolute;top:-.65rem;right:1rem;padding:.15rem .6rem;border-radius:9999px;background:hsl(var(--brand-navy));color:#fff;font-size:.75rem;font-weight:600}.df-leeg{padding:1.25rem;border-radius:var(--r-card);border:1px dashed hsl(var(--brand-line));background:hsl(var(--brand-mist))}.df-waarom{padding-top:1rem;border-top:2px solid hsl(var(--brand-blue) / .25)}@media(prefers-reduced-motion:reduce){.df-card,.df-vraag,.df-card__meer>summary:after{transition:none}.df-card:hover{transform:none}}@media(max-width:767px){.df-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.df-scroll::-webkit-scrollbar{display:none}.df-scroll>*{flex:none;white-space:nowrap}.df-vraag{min-height:2.5rem;font-size:.9375rem}.df-search{max-width:none;flex-basis:100%}}.dx-tabs{position:relative;padding-block:clamp(2.5rem,5vw,4rem) clamp(2rem,5vw,3.5rem)}html:not(.dark) .dx-page .dx-tabs{background-color:hsl(var(--dx-sand))}.dx-tabs__bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;border-radius:1.25rem;border:1px solid hsl(30 20% 84%);background:#ffffffbf;padding:.4rem;box-shadow:0 18px 40px -32px hsl(var(--brand-navy) / .5)}.dx-tab{display:flex;min-height:3.5rem;align-items:center;gap:.6rem;border-radius:.9rem;padding:.5rem .9rem;text-align:left;font-size:.9375rem;font-weight:700;line-height:1.25;color:hsl(var(--brand-ink));transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.dx-tab:hover{background:hsl(var(--brand-blue) / .06)}.dx-tab:focus-visible{outline:2px solid hsl(var(--brand-blue));outline-offset:2px}.dx-tab[aria-selected=true]{background:hsl(var(--brand-navy));color:#fff;box-shadow:0 12px 26px -14px hsl(var(--brand-navy) / .8)}.dx-tab__no{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:hsl(var(--brand-blue))}.dx-tab[aria-selected=true] .dx-tab__no{color:#39dcf9}.dx-tab__n{margin-left:auto;min-width:1.6rem;border-radius:9999px;background:hsl(var(--brand-navy) / .07);padding:.1rem .5rem;text-align:center;font-size:.8125rem}.dx-tab[aria-selected=true] .dx-tab__n{background:#ffffff29}@media(max-width:1023px){.dx-tabs__bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479px){.dx-tab{min-height:3.1rem;padding:.45rem .6rem;font-size:.875rem}.dx-tab__no{display:none}}.dx-tabs__panel{margin:1.25rem auto 0;max-width:82rem;padding-inline:1rem}.dx-tabs .dx-panel{position:relative;top:auto;min-height:0;margin-top:0;border-radius:1.75rem;box-shadow:0 30px 60px -44px hsl(var(--brand-navy) / .6)}.dx-tabs .dx-panel__meta{display:none}@media(min-width:1024px){.dx-tabs .dx-panel{padding-block:3.5rem}}html[data-motion=on] .dx-tabs__panel:not([hidden]){animation:dx-tab-in .42s var(--ease-out-expo, ease-out) both}@keyframes dx-tab-in{0%{opacity:.4;translate:0 10px}to{opacity:1;translate:0 0}}.df-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem}.df-more__btn{display:inline-flex;min-height:3rem;align-items:center;gap:.5rem;border-radius:9999px;background:#fff;padding:0 1.5rem;font-weight:700;color:hsl(var(--brand-navy));box-shadow:0 14px 30px -16px #000000b3;transition:transform .2s var(--ease-out-expo, ease-out)}.df-more__btn:hover{transform:translateY(-2px)}.df-more__btn:focus-visible{outline:2px solid hsl(189 94% 60%);outline-offset:3px}.df-more__hint{font-size:.875rem;color:#e1e7efb3}@media(prefers-reduced-motion:reduce){.df-more__btn{transition:none}.df-more__btn:hover{transform:none}}
