.advertentieknop{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:var(--maat);margin-top:var(--ruimte-2);padding:0 var(--ruimte-4);border:0;border-radius:var(--hoek-bediening);background:var(--kleur-merk);color:var(--kleur-kaartje);font:var(--gewicht-half) var(--tekst-invoer)/1.2 var(--letter);text-decoration:none;cursor:pointer;transition:background var(--tijd-kleur),transform var(--tijd-druk)}.advertentieknop:before{content:"";position:absolute;left:0;right:0;top:calc((var(--maat) - var(--maat-tik)) / 2);bottom:calc((var(--maat) - var(--maat-tik)) / 2)}@media(hover:hover){.advertentieknop:hover{background:var(--kleur-merk-hover)}}.advertentieknop:active{transform:scale(.98);background:var(--kleur-merk-actief)}.advertentieknop:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}#advertentie-dim{position:fixed;inset:0;z-index:5;background:var(--vel-dim);opacity:0;pointer-events:none;transition:opacity var(--veer-dicht, .2s) var(--veer-curve, cubic-bezier(.2, .8, .2, 1))}body.advertentie-open #advertentie-dim{opacity:1;pointer-events:auto;transition-duration:var(--veer-open, .25s)}#advertentie{position:fixed;z-index:6;left:0;right:0;bottom:0;height:90dvh;display:flex;flex-direction:column;background:var(--kleur-kaartje);border-radius:var(--hoek-vel) var(--hoek-vel) 0 0;box-shadow:var(--schaduw-vel);transform:translateY(105%);visibility:hidden;transition:transform var(--veer-dicht, .2s) var(--veer-curve, cubic-bezier(.2, .8, .2, 1)),visibility 0s linear var(--veer-dicht, .2s)}body.advertentie-open #advertentie{transform:none;visibility:visible;transition:transform var(--veer-open, .25s) var(--veer-curve, cubic-bezier(.2, .8, .2, 1)),visibility 0s}#advertentie .greep{flex:none;width:var(--vel-greep-b);height:var(--vel-greep-h);margin:var(--stap-1) auto 0;border-radius:var(--hoek-rond);background:var(--vel-greep-kleur)}.adv-kop{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--stap-2);min-height:var(--maat);padding:var(--stap-1) var(--stap-2);border-bottom:1.5px solid var(--kleur-rand-licht)}.adv-terug{flex:none;display:flex;align-items:center;gap:calc(var(--stap-1) / 2);min-height:var(--maat);padding:0 var(--stap-2);border:0;border-radius:var(--hoek-bediening);background:var(--capsule-gekozen-bg);color:var(--kleur-merk);font:var(--gewicht-half) var(--tekst-m)/1 var(--letter);cursor:pointer;white-space:nowrap;transition:box-shadow var(--tijd-kleur)}.adv-terug:hover{box-shadow:inset 0 0 0 1.5px var(--kleur-merk)}.adv-terug:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}.adv-hart{flex:none;display:flex;align-items:center;justify-content:center;width:var(--maat);height:var(--maat);margin:calc((var(--maat-klein) - var(--maat)) / 2) 0 calc((var(--maat-klein) - var(--maat)) / 2) calc(-1 * var(--stap-1));padding:0;border:0;border-radius:var(--hoek-bediening);background:transparent;color:var(--kleur-merk);font:var(--gewicht-half) var(--tekst-l)/1 var(--letter);cursor:pointer;transition:background var(--tijd-kleur)}.adv-hart:hover{background:var(--kleur-zacht)}.adv-hart:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}.adv-domein{flex:1 1 0;min-width:0;font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#advertentie iframe{flex:1;width:100%;min-height:0;border:0;background:var(--zoekveld-bg)}@media(prefers-reduced-motion:reduce){#advertentie,body.advertentie-open #advertentie,#advertentie-dim,body.advertentie-open #advertentie-dim{transition:none}}@media(min-width:1024px){#advertentie-dim{display:none}#advertentie{left:var(--paneel-breedte);right:auto;top:0;bottom:0;height:auto;width:var(--advertentie-breedte);z-index:2;border-radius:0;box-shadow:var(--schaduw-zijkant);border-right:1.5px solid var(--kleur-rand-licht);transform:translate(-100%)}#advertentie .greep{display:none}}:root{--greep-b: var(--zoekveld-hoogte)}.adv-greep{display:none}@media(min-width:1024px){body{--adv-ruimte: calc(var(--adv-breedte, var(--paneel-breedte)) + 2 * var(--paneel-marge))}body.adv-ingeklapt{--adv-ruimte: calc(var(--greep-b) / 2 + var(--paneel-marge))}html body #advertentie{width:var(--adv-breedte, var(--paneel-breedte));overflow:visible}html body:not(.advertentie-open) #advertentie{transform:translate(calc(100% + var(--paneel-marge) + var(--greep-b) / 2))}body.advertentie-open{--bron-afstand: calc((var(--maat) - 16px) / 2)}body.advertentie-open.adv-ingeklapt{--bron-afstand: calc((var(--maat) - 16px) / 2 + var(--paneel-marge))}html body.advertentie-open.adv-ingeklapt #advertentie{transform:translate(calc(100% - var(--greep-b) / 2))}#advertentie iframe{border-radius:0 0 var(--hoek-vel) var(--hoek-vel)}html body.advertentie-open #boven{right:var(--adv-ruimte)}body.adv-sleept{cursor:ew-resize;user-select:none}body.adv-sleept #advertentie iframe{pointer-events:none}.adv-greep{display:block;position:absolute;z-index:1;top:0;bottom:0;left:calc(var(--greep-b) / -2);width:var(--greep-b);padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}body.adv-ingeklapt .adv-greep{cursor:pointer}.adv-greep:before,.adv-greep:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.adv-greep:before{width:calc(2 * var(--ruimte-2));height:calc(var(--vel-greep-b) + 2 * var(--ruimte-3));border-radius:var(--hoek-rond);background:var(--kleur-kaartje);box-shadow:var(--schaduw-pil)}.adv-greep:after{width:var(--vel-greep-h);height:var(--vel-greep-b);border-radius:var(--hoek-rond);background:var(--vel-greep-kleur)}.adv-greep:hover:after,.adv-greep:focus-visible:after{background:var(--kleur-merk)}.adv-greep:focus-visible{outline:none}.adv-greep:focus-visible:before{outline:2px solid var(--kleur-focus);outline-offset:2px}}.adv-buiten{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--ruimte-4);background:var(--kleur-kaartje)}.adv-buiten .advertentieknop{width:auto;margin:0}.adv-later{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0 var(--stap-1);font-size:var(--tekst-s);line-height:1.2;color:var(--kleur-merk);text-decoration:none;text-align:right;visibility:hidden;opacity:0;transition:opacity var(--tijd-kleur)}.adv-later.zichtbaar{visibility:visible;opacity:1}.adv-later:hover{text-decoration:underline}.adv-later:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.adv-later{transition:none}}.adv-blader{flex:none;display:inline-flex;align-items:center;margin-left:auto}.adv-blader[hidden]{display:none}.adv-stap{flex:none;display:flex;align-items:center;justify-content:center;width:var(--maat);height:var(--maat);margin:calc((var(--maat-klein) - var(--maat)) / 2) 0;padding:0;border:0;border-radius:var(--hoek-bediening);background:transparent;color:var(--kleur-merk);font:var(--gewicht-half) var(--tekst-l)/1 var(--letter);cursor:pointer;transition:background var(--tijd-kleur)}.adv-stap:hover:not(:disabled){background:var(--kleur-zacht)}.adv-stap:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}.adv-stap:disabled{color:var(--kleur-tekst-zacht);opacity:.45;cursor:default}.adv-volgende{margin-left:var(--maat-tik)}.adv-kop{touch-action:pan-y}.adv-kop.bladert{gap:var(--stap-1)}.adv-kop.bladert .adv-domein,.adv-kop.bladert .adv-later{display:none}html body.klapt-dicht.advertentie-open #advertentie{transform:translateY(105%);transition:transform var(--veer-dicht, .2s) var(--veer-curve, cubic-bezier(.2, .8, .2, 1))}@media(min-width:1024px){html body.klapt-dicht.advertentie-open #advertentie{transform:translate(calc(100% + var(--paneel-marge)))}}#advertentie.adv-bezig iframe{visibility:hidden}.adv-laden{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--stap-2);font:var(--tekst-s)/1.3 var(--ios-letter);color:var(--kleur-tekst-zacht);pointer-events:none}.adv-laden[hidden]{display:none}.adv-logo{display:block;width:36px;height:36px}.adv-logo svg{display:block;width:36px;height:36px;overflow:visible}.adv-logo .ring{stroke:var(--kleur-merk);opacity:.55;transform-origin:18px 18px;animation:adv-draai 1.6s linear infinite}.adv-logo .dak,.adv-logo .logo path{stroke:var(--kleur-merk)}.adv-logo .dak{transform-box:fill-box;transform-origin:center;animation:adv-tik .8s ease-in-out infinite alternate}@keyframes adv-draai{to{transform:rotate(360deg)}}@keyframes adv-tik{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.adv-logo{opacity:.45}.adv-logo .ring{display:none}.adv-logo .dak{animation:none}}
