/* DQ Popups 1.7.2
   Stijlen (dq-popup--stijl-<naam>) zetten alleen variabelen; de opbouw hieronder is voor alle stijlen gelijk. */
.dq-popup{
	--dqp-bg:#fff;--dqp-fg:#3a3f45;--dqp-titel:#111;--dqp-accent:#ffc107;--dqp-link:#111;
	--dqp-knop-bg:#ffc107;--dqp-knop-fg:#111;--dqp-radius:16px;--dqp-rand:1px solid #ececea;--dqp-schaduw:0 12px 40px rgba(0,0,0,.28);
	--dqp-icoon:"";--dqp-top:var(--dqp-rand);
	font-family:inherit;font-size:16px;font-weight:400;color:var(--dqp-fg);line-height:1.5;text-transform:none;letter-spacing:normal;text-align:left;box-sizing:border-box}
.dq-popup *,.dq-popup *::before,.dq-popup *::after{box-sizing:inherit}
.dq-popup[hidden]{display:none!important}
.dq-popup .dq-popup__titel,.dq-popup .dq-popup__tekst,.dq-popup .dq-popup__tekst *{text-transform:none;letter-spacing:normal}

/* Stijlen */
.dq-popup--stijl-kamado{--dqp-bg:#f6f6f4}
.dq-popup--stijl-zwart{--dqp-bg:linear-gradient(135deg,#000 0%,#262626 100%);--dqp-fg:#e8e8e8;--dqp-titel:#fff;--dqp-link:#ffc107;--dqp-radius:12px;--dqp-rand:0}
.dq-popup--stijl-blacknovember{--dqp-bg:radial-gradient(120% 140% at 50% 0%,#2b2b2b 0%,#151515 55%,#0b0b0b 100%);--dqp-fg:#fff;--dqp-titel:#ffc107;--dqp-accent:#ffc107;--dqp-link:#ffc107;--dqp-radius:18px;--dqp-rand:0}
.dq-popup--stijl-blackfriday{--dqp-top:var(--dqp-rand);--dqp-bg:#0b0b0b;--dqp-fg:#e8e8e8;--dqp-titel:#fff;--dqp-link:#ffc107;--dqp-radius:12px;--dqp-rand:2px solid #ffc107;--dqp-icoon:"\1F525\00a0"}
.dq-popup--stijl-bge{--dqp-bg:linear-gradient(135deg,#2f6b4f 0%,#2a5d47 100%);--dqp-fg:#fff;--dqp-titel:#fff;--dqp-accent:#ffd54a;--dqp-link:#ffd54a;--dqp-knop-bg:#fff;--dqp-knop-fg:#2a5d47;--dqp-radius:14px;--dqp-rand:0;--dqp-icoon:"\1F525\00a0"}
.dq-popup--stijl-bastard{--dqp-bg:linear-gradient(135deg,#f16521 0%,#d4510f 100%);--dqp-fg:#fff;--dqp-titel:#fff;--dqp-accent:#fff3b0;--dqp-link:#fff3b0;--dqp-knop-bg:#fff;--dqp-knop-fg:#d4510f;--dqp-radius:14px;--dqp-rand:0;--dqp-icoon:"\1F525\00a0"}
.dq-popup--stijl-bastarddonker{--dqp-top:var(--dqp-rand);--dqp-bg:linear-gradient(135deg,#000 0%,#262626 100%);--dqp-fg:#fff;--dqp-titel:#fff;--dqp-accent:#f16521;--dqp-link:#f16521;--dqp-knop-bg:#f16521;--dqp-knop-fg:#fff;--dqp-radius:14px;--dqp-rand:2px solid #f16521;--dqp-schaduw:0 8px 24px rgba(241,101,33,.25);--dqp-icoon:"F525 a0"}
.dq-popup--stijl-bastarddonker .dq-popup__label{background:#f16521;color:#fff;border-color:#f16521}
.dq-popup--stijl-bastarddonker .dq-popup__tekst{font-weight:600}
.dq-popup--stijl-bastarddonker .dq-popup__tekst strong{color:#f16521}
.dq-popup--stijl-ofyr{--dqp-top:var(--dqp-rand);--dqp-bg:#f6f4f0;--dqp-fg:#222;--dqp-titel:#782419;--dqp-accent:#782419;--dqp-link:#782419;--dqp-knop-bg:#782419;--dqp-knop-fg:#fff;--dqp-radius:14px;--dqp-rand:2px solid #782419}
.dq-popup--stijl-ofyrrood{--dqp-bg:#782419;--dqp-fg:#fff;--dqp-titel:#fff;--dqp-accent:#fff;--dqp-link:#fff;--dqp-knop-bg:#fff;--dqp-knop-fg:#782419;--dqp-radius:14px;--dqp-rand:0}
.dq-popup--stijl-fire{--dqp-top:var(--dqp-rand);--dqp-bg:#181818;--dqp-fg:#e8e8e8;--dqp-titel:#fff;--dqp-accent:#73b929;--dqp-link:#73b929;--dqp-knop-bg:#73b929;--dqp-knop-fg:#fff;--dqp-radius:0;--dqp-rand:1px solid #333}
.dq-popup--stijl-fire .dq-popup__knop,.dq-popup--stijl-fire .dq-popup__titel{font-family:Manufaktur,"Quattrocento Sans",sans-serif;letter-spacing:.5px}
.dq-popup--stijl-groen{--dqp-top:var(--dqp-rand);--dqp-bg:#f2f8ee;--dqp-fg:#1d2327;--dqp-accent:#5a9a3a;--dqp-link:#3f7a22;--dqp-knop-bg:#5a9a3a;--dqp-knop-fg:#fff;--dqp-radius:6px;--dqp-rand:1px solid #cfe3c4}
.dq-popup--stijl-eigen{--dqp-bg:#fff;--dqp-fg:#3a3f45;--dqp-link:var(--dqp-accent);--dqp-knop-bg:var(--dqp-accent);--dqp-knop-fg:#fff;--dqp-radius:10px;--dqp-rand:0}

/* Onderdelen */
.dq-popup__x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;font-size:26px;line-height:1;color:var(--dqp-fg);cursor:pointer;border-radius:50%;opacity:.7;padding:0}
.dq-popup__x:hover,.dq-popup__x:focus-visible{opacity:1;background:rgba(127,127,127,.2)}
.dq-popup__titel{font-size:1.2em;font-weight:700;line-height:1.3;margin:0 0 .6em;padding-right:30px;color:var(--dqp-titel)}
.dq-popup__titel::before{content:var(--dqp-icoon)}
.dq-popup__tekst{font-size:.95em;font-weight:400;color:var(--dqp-fg)}
.dq-popup__tekst p{margin:0 0 .7em;font-size:inherit;font-weight:inherit;line-height:1.55}
.dq-popup__tekst strong,.dq-popup__tekst b{font-weight:700;color:var(--dqp-titel)}
.dq-popup__tekst ol,.dq-popup__tekst ul{margin:0 0 .7em;padding-left:1.3em}
.dq-popup__tekst li{margin:0 0 .35em;font-size:inherit;font-weight:inherit}
.dq-popup__tekst hr{height:0;border:0;border-top:1px solid rgba(127,127,127,.4);background:none;margin:1em 0;opacity:1}
.dq-popup--lijn-dun .dq-popup__titel,.dq-popup--lijn-accent .dq-popup__titel{padding-bottom:.65em;margin-bottom:.8em}
.dq-popup--lijn-dun .dq-popup__titel{border-bottom:1px solid rgba(127,127,127,.4)}
.dq-popup--lijn-accent .dq-popup__titel{border-bottom:2px solid var(--dqp-accent)}
.dq-popup__tekst>*:first-child{margin-top:0}
.dq-popup__tekst>*:last-child{margin-bottom:0}
.dq-popup .dq-popup__tekst a,.dq-popup .dq-popup__tekst a:visited{color:var(--dqp-link)!important;text-decoration:underline}
.dq-popup__acties{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:1.1em}
.dq-popup__knop{display:inline-block;background:var(--dqp-knop-bg);color:var(--dqp-knop-fg)!important;text-decoration:none!important;font-weight:700;padding:.75em 1.4em;border-radius:calc(var(--dqp-radius) / 2);line-height:1.2}
.dq-popup__knop:hover,.dq-popup__knop:focus-visible{filter:brightness(1.08)}
.dq-popup__nee{background:none;border:0;padding:0;color:var(--dqp-fg);opacity:.75;text-decoration:underline;cursor:pointer;font:inherit}
.dq-popup__nee:hover{opacity:1}
.dq-popup a:focus-visible,.dq-popup button:focus-visible{outline:2px solid var(--dqp-accent);outline-offset:2px}
.dq-popup__img{display:block;max-width:100%;height:auto}

/* Modal */
.dq-popup--modal{position:fixed;inset:0;z-index:999990;display:flex;align-items:center;justify-content:center;padding:16px}
.dq-popup--modal .dq-popup__overlay{position:absolute;inset:0;background:rgba(15,17,20,.6);opacity:0;transition:opacity .25s}
.dq-popup--modal .dq-popup__box{position:relative;background:var(--dqp-bg);border:var(--dqp-rand);border-radius:var(--dqp-radius);max-width:var(--dqp-breedte,760px);width:100%;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;box-shadow:var(--dqp-schaduw);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .25s,transform .25s}
.dq-popup--modal.dq-popup--met-img .dq-popup__img{width:100%;max-height:240px;object-fit:cover}
.dq-popup--modal .dq-popup__body{padding:28px 32px 30px}
.dq-popup--modal.dq-popup--boven{align-items:flex-start;padding-top:var(--dqp-y,16px)}
.dq-popup--modal.dq-popup--onder{align-items:flex-end;padding-bottom:var(--dqp-y,16px)}
.dq-popup--modal.is-open .dq-popup__overlay{opacity:1}
.dq-popup--modal.is-open .dq-popup__box{opacity:1;transform:none}
@media (min-width:700px){
	.dq-popup--modal.dq-popup--met-img .dq-popup__box{flex-direction:row;align-items:stretch}
	.dq-popup--modal.dq-popup--met-img .dq-popup__img{width:42%;max-height:none;object-fit:cover;flex:none}
	.dq-popup--modal.dq-popup--met-img .dq-popup__body{flex:1;align-self:center}
}

/* Slide-in */
.dq-popup--slidein{position:fixed;bottom:var(--dqp-y,16px);z-index:999980;width:min(var(--dqp-breedte,400px),calc(100vw - 2 * var(--dqp-x,16px)));--dqp-sprong:24px}
.dq-popup--slidein.dq-popup--rechts,.dq-popup--slidein.dq-popup--rechtsboven{right:var(--dqp-x,16px)}
.dq-popup--slidein.dq-popup--links,.dq-popup--slidein.dq-popup--linksboven{left:var(--dqp-x,16px)}
.dq-popup--slidein.dq-popup--rechtsboven,.dq-popup--slidein.dq-popup--linksboven{bottom:auto;top:var(--dqp-y,16px);--dqp-sprong:-24px}
.dq-popup--slidein .dq-popup__box{position:relative;background:var(--dqp-bg);border:var(--dqp-rand);border-top:var(--dqp-top);border-radius:var(--dqp-radius);box-shadow:var(--dqp-schaduw);overflow:hidden;opacity:0;transform:translateY(var(--dqp-sprong,24px));transition:opacity .3s,transform .3s}
.dq-popup--slidein .dq-popup__img{width:100%;max-height:150px;object-fit:cover}
.dq-popup--slidein .dq-popup__body{padding:18px 22px 20px;max-height:min(70vh,520px);overflow:auto}
.dq-popup--slidein .dq-popup__titel{font-size:1.05em}
.dq-popup--slidein.is-open .dq-popup__box{opacity:1;transform:none}

/* Balk */
.dq-popup--balk .dq-popup__box{position:relative;background:var(--dqp-bg);color:var(--dqp-fg);border-bottom:var(--dqp-rand);padding:10px 52px 10px 16px;text-align:center;opacity:0;transition:opacity .3s}
.dq-popup--balk.is-open .dq-popup__box{opacity:1}
.dq-popup--balk .dq-popup__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px}
.dq-popup--balk .dq-popup__titel{margin:0;padding:0;font-size:1em}
.dq-popup--balk .dq-popup__tekst{font-size:.95em}
.dq-popup--balk .dq-popup__acties{margin:0}
.dq-popup--balk .dq-popup__knop{padding:.4em 1em;font-size:.95em}
.dq-popup--balk .dq-popup__nee{display:none}
.dq-popup--balk .dq-popup__x{top:50%;margin-top:-16px}
.dq-popup--balk.dq-popup--onder{position:fixed;left:0;right:0;bottom:0;z-index:999970}
.dq-popup--balk.dq-popup--boven{position:relative;z-index:999970}

/* Label (kapje) en aftelklok: voor alle stijlen */
.dq-popup__label{display:inline-block;margin:0 0 12px;padding:5px 14px;border:1px solid var(--dqp-accent);border-radius:999px;font-size:.78em;font-weight:600;letter-spacing:.04em;color:var(--dqp-accent);text-transform:uppercase!important}
.dq-popup__klok{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:1em 0 0}
.dq-popup__klok[hidden]{display:none}
.dq-popup__klok-kop{font-size:.8em;font-weight:600;text-transform:uppercase!important;letter-spacing:.08em;opacity:.75;margin-right:2px}
.dq-popup__blok{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:8px 6px 6px;border-radius:10px;background:rgba(127,127,127,.14);border:1px solid rgba(127,127,127,.28)}
.dq-popup__blok strong{font-size:1.4em;line-height:1;font-variant-numeric:tabular-nums;color:var(--dqp-titel)}
.dq-popup__blok em{margin-top:4px;font-style:normal;font-size:.68em;text-transform:uppercase!important;letter-spacing:.08em;color:var(--dqp-accent)}

/* Black November: rook, vonken, gouden titel en gloed (zoals de actiebanner) */
.dq-popup--stijl-blacknovember .dq-popup__box{isolation:isolate}
.dq-popup--stijl-blacknovember .dq-popup__box::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 115%,rgba(255,140,0,.28),transparent 70%)}
.dq-popup--stijl-blacknovember .dq-popup__body{position:relative;text-align:center}
.dq-popup--stijl-blacknovember .dq-popup__klok{justify-content:center}
.dq-popup--stijl-blacknovember .dq-popup__acties{justify-content:center}
.dq-popup--stijl-blacknovember .dq-popup__titel{font-family:'Sahitya',Georgia,serif;font-size:1.9em;line-height:1.05;padding-right:0;background:linear-gradient(100deg,#ffb300 0%,#fff0b3 35%,#ffc107 55%,#ff9100 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dq-popup-glans 6s ease-in-out infinite}
.dq-popup--stijl-blacknovember.dq-popup--slidein .dq-popup__titel{font-size:1.5em}
.dq-popup--stijl-blacknovember .dq-popup__tekst{font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.dq-popup--stijl-blacknovember .dq-popup__knop{border-radius:12px;animation:dq-popup-puls 2.6s ease-out infinite}
.dq-popup__rook,.dq-popup__vonken{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.dq-popup__rook i{position:absolute;left:-25%;top:-35%;width:150%;height:170%;background-repeat:no-repeat;background-size:100% 100%;opacity:.5;will-change:transform;animation:dq-popup-rook 26s ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 60%,#000 25%,transparent 75%)}
.dq-popup__rook i:nth-child(1){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600' preserveAspectRatio='none'><filter id='f' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.006 0.011' numOctaves='5' seed='4'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.4 0 0 0 -0.95'/></filter><rect width='900' height='600' filter='url(%23f)'/></svg>")}
.dq-popup__rook i:nth-child(2){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600' preserveAspectRatio='none'><filter id='f' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.009 0.007' numOctaves='5' seed='11'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.4 0 0 0 -0.95'/></filter><rect width='900' height='600' filter='url(%23f)'/></svg>");opacity:.4;animation-duration:34s;animation-direction:alternate-reverse;animation-delay:-12s}
.dq-popup__rook::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,8,8,.62),rgba(8,8,8,.42))}
.dq-popup__vonken b{position:absolute;bottom:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#ffb020;box-shadow:0 0 8px 2px rgba(255,160,20,.7);opacity:0;animation:dq-popup-vonk var(--d) linear var(--w) infinite}
@keyframes dq-popup-rook{from{transform:translate3d(-7%,4%,0) scale(1) rotate(-2deg)}to{transform:translate3d(7%,-6%,0) scale(1.12) rotate(2deg)}}
@keyframes dq-popup-vonk{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.95}70%{opacity:.6}100%{transform:translate3d(24px,-420px,0);opacity:0}}
@keyframes dq-popup-glans{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes dq-popup-puls{0%{box-shadow:0 0 0 0 rgba(255,193,7,.5)}70%,100%{box-shadow:0 0 0 16px rgba(255,193,7,0)}}
@media(max-width:600px){.dq-popup--stijl-blacknovember .dq-popup__titel{font-size:1.6em}}

body.dq-popup-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){
	.dq-popup *{transition:none!important;animation:none!important}
	.dq-popup__vonken{display:none}
}
@media(max-width:600px){
.dq-popup--modal .dq-popup__box{max-width:100vw;width:var(--dqp-bmob,100%)}
.dq-popup--slidein{width:min(var(--dqp-bmob,var(--dqp-breedte,400px)),calc(100vw - 2 * var(--dqp-x,16px)))}
.dq-popup--slidein[style*="--dqp-bmob"]{width:min(var(--dqp-bmob),100vw);left:calc((100vw - min(var(--dqp-bmob),100vw)) / 2);right:auto}
}
