.p-bon,.gc-pagina{--c-wit:#FFFFFF;--c-creme:#FAF6EE;--c-inkt:#2C3B2D;--c-hulp:#5E625B;--c-groen:#3D6E4F;--c-goud:#C9A96E;--c-fout:#B42318;--c-lijn:#E6DDCF;--c-lijn-sterk:#8C7F6B;--c-tint:#E8EFE6;--c-op-donker:#CBD3C6;--f-kop:"Playfair Display",Georgia,"Times New Roman",serif;--f-tekst:Lato,"Helvetica Neue",Arial,sans-serif;--w-normaal:400;--w-kop:600;--w-vet:700;--t-1:13px;--t-2:14px;--t-3:16px;--t-4:18px;--t-5:22px;--t-6:28px;--t-7:clamp(28px,16px + 2vw,36px);--t-8:clamp(36px,24px + 2.4vw,48px);--lh-1:1.45;--lh-2:1.5;--lh-3:1.6;--lh-4:1.5;--lh-5:1.3;--lh-6:1.2;--lh-7:1.15;--lh-8:1.1;--ls-label:.08em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--gutter:var(--s-4);--max:1200px;--r-xs:4px;--r-s:8px;--r-m:12px;--r-l:16px;--r-rond:999px;--sch-1:0 1px 2px rgba(44,59,45,.06),0 4px 12px -6px rgba(44,59,45,.18);--sch-3:0 30px 80px -20px rgba(44,59,45,.45);--sch-balk:0 -12px 28px -20px rgba(44,59,45,.45);--duur-1:.15s;--duur-2:.25s;--ease:cubic-bezier(.2,.7,.2,1);font-family:var(--f-tekst);color:var(--c-inkt)}@media(min-width:600px){.p-bon,.gc-pagina{--gutter:var(--s-5)}}@media(min-width:1024px){.p-bon,.gc-pagina{--gutter:var(--s-6)}}.bb-bon{position:relative;aspect-ratio:1.6/1;border-radius:var(--r-m);padding:var(--s-6);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:var(--sch-3);transition:background var(--duur-2),color var(--duur-2);isolation:isolate;text-align:left}.bb-bon .merk{font-family:var(--f-kop);font-size:var(--t-5);font-weight:var(--w-kop);line-height:var(--lh-5);letter-spacing:0;text-transform:none}.bb-bon .merk span{opacity:.7}.bb-bon .soort{font-size:var(--t-1);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--w-vet);margin-top:3.2px;line-height:var(--lh-1)}.bb-bon .bedrag{font-family:var(--f-kop);font-size:var(--t-8);line-height:1;font-weight:var(--w-kop);position:absolute;right:34px;top:26px}.bb-bon .voor{font-family:var(--f-kop);font-style:italic;font-size:var(--t-5);line-height:var(--lh-5)}.bb-bon .bericht{font-size:var(--t-3);margin:var(--s-2) 0 0;max-width:40ch;line-height:var(--lh-3);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}.bb-bon .van{font-size:var(--t-1);margin-top:var(--s-2);opacity:.85;line-height:var(--lh-1)}.bb-bon .code{font-size:var(--t-1);letter-spacing:var(--ls-label);opacity:.7;font-variant-numeric:tabular-nums;line-height:var(--lh-1);text-transform:uppercase}.bb-bon:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--r-s);z-index:-1;pointer-events:none}.bb-bon.linnen{background:var(--c-creme);color:var(--c-inkt)}.bb-bon.linnen:before{border:2px dashed var(--c-lijn-sterk)}.bb-bon.linnen:after{content:"";position:absolute;right:-40px;bottom:-40px;width:210px;height:210px;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 7px,color-mix(in srgb,var(--c-groen) 16%,transparent) 7px 9px),repeating-linear-gradient(-45deg,transparent 0 7px,color-mix(in srgb,var(--c-groen) 16%,transparent) 7px 9px);border-radius:50%}.bb-bon.salie{background:var(--c-groen);color:var(--c-wit)}.bb-bon.salie:before{border:1px solid color-mix(in srgb,var(--c-wit) 40%,transparent)}.bb-bon.salie:after{content:"";position:absolute;left:-60px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:26px solid color-mix(in srgb,var(--c-wit) 8%,transparent);z-index:-1}.bb-bon.goud{background:var(--c-inkt);color:var(--c-wit)}.bb-bon.goud:before{border:1.5px solid var(--c-goud)}.bb-bon.goud .bedrag,.bb-bon.goud .soort{color:var(--c-goud)}.bb-bon.goud:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--c-goud) 22%,transparent),transparent 45%)}@media(max-width:480px){.bb-bon{aspect-ratio:auto;min-height:210px;padding:18px 20px;gap:10px}.bb-bon:before{top:8px;right:8px;bottom:8px;left:8px}.bb-bon .merk{font-size:18px}.bb-bon .soort{font-size:11px}.bb-bon .bedrag{font-size:32px;right:20px;top:16px}.bb-bon .voor{font-size:19px}.bb-bon .bericht{font-size:14px;line-height:1.45;margin-top:4px}.bb-bon .van{font-size:12px;margin-top:4px}.bb-bon .code{font-size:11px}}.bb-bon{-webkit-print-color-adjust:exact;print-color-adjust:exact}
/*# sourceMappingURL=/cdn/shop/t/298/assets/bon-ontwerpen.css.map */