:root{--bg-roast-ongebrand: #b8c19a;--bg-roast-licht: #c99b62;--bg-roast-medium: #a5713c;--bg-roast-medium-donker: #7a4f27;--bg-roast-donker: #48341b;--bg-copper: #d96508;--bg-shadow-sm: 0 2px 6px rgb(42 51 19 / 6%);--bg-shadow-md: 0 8px 24px rgb(42 51 19 / 8%);--bg-shadow-lg: 0 20px 48px rgb(42 51 19 / 12%);--bg-olive-800: #2a3313;--bg-olive-500: #7b8854;--bg-olive-100: #e4e7d5;--bg-cream-100: #f7f0e8;--bg-copper-hover: #b85a1f;--bg-copper-400: #e89456;--bg-copper-200: #f4c9a1;--bg-focus-ring: 0 0 0 3px rgb(217 101 8 / 30%);--font-h1--letter-spacing: -.025em;--font-h2--letter-spacing: -.015em;--font-h3--letter-spacing: -.015em;--font-h4--letter-spacing: -.015em}.button,.button-secondary{font-weight:600}.text-block.custom-typography[style*="--text-transform: uppercase"]{--letter-spacing: .14em}.bg-eyebrow{font-family:var(--font-accent--family);font-weight:700;font-size:.75rem;line-height:1.3;text-transform:uppercase;letter-spacing:.14em;color:var(--bg-copper)}.bg-quote-block{font-size:1.375rem;line-height:1.5;margin:0}.bg-byline{font-size:.875rem;color:var(--color-foreground-muted)}.group-block[style*="--border-radius: 22px"],.bg-card{box-shadow:var(--bg-shadow-sm)}.bg-card--raised{box-shadow:var(--bg-shadow-md)}.bg-roast{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%}.bg-roast__step{display:flex;flex-direction:column;gap:10px}.bg-roast__swatch{height:88px;border-radius:14px;background:var(--roast)}.bg-roast__step--active .bg-roast__swatch{outline:2px solid var(--color-foreground);outline-offset:3px}.bg-roast__name{font-weight:600;font-size:.9375rem;line-height:1.3}.bg-roast__use{font-size:.8125rem;line-height:1.45;color:var(--color-foreground-muted)}.bg-roast--mini{gap:6px}.bg-roast--mini .bg-roast__swatch{height:34px;border-radius:8px}.bg-roast--mini .bg-roast__name{font-size:.75rem;font-weight:500}div:has(>.bg-bars),div:has(>.bg-table),div:has(>.bg-roast),div:has(>.bg-chips),div:has(>.bg-meta),div:has(>.bg-brew),div:has(>.bg-stack),div:has(>.bg-crumbs){width:100%}.bg-bars{display:flex;flex-direction:column;gap:14px;width:100%}.bg-bars__row{display:grid;grid-template-columns:7.5rem 1fr auto;align-items:center;gap:14px}.bg-bars__label{font-size:.875rem;font-weight:500}.bg-bars__track{height:6px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / 12%)}.bg-bars__fill{height:100%;width:var(--value);border-radius:999px;background:var(--color-foreground)}.bg-bars__value{font-size:.8125rem;color:var(--color-foreground-muted)}.bg-chips{display:flex;flex-wrap:wrap;gap:8px}.bg-chips__item{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid var(--color-border);font-size:.8125rem;line-height:1;color:inherit;text-decoration:none}.bg-chips__item--active{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.bg-table{display:flex;flex-direction:column;width:100%}.bg-table__row{display:grid;grid-template-columns:8.5rem 1fr;gap:16px;padding-block:12px;border-block-start:1px solid var(--color-border);font-size:.9375rem}.bg-table__row:last-child{border-block-end:1px solid var(--color-border)}.bg-table__key{color:var(--color-foreground-muted)}.bg-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8125rem;color:var(--color-foreground-muted)}.bg-meta__item{display:inline-flex;align-items:center;gap:7px}.bg-meta__item svg{width:16px;height:16px;flex:none}.bg-brew{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:18px;width:100%}.bg-brew__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-foreground-muted)}.bg-brew__value{margin-block-start:5px;font-size:.9375rem}.bg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-foreground-muted)}.bg-crumbs a{color:inherit;text-decoration:none}.bg-crumbs a:hover{color:var(--color-foreground)}.bg-card-line{font-size:.8125rem;line-height:1.45;color:var(--color-foreground-muted)}.bg-card-line--roast{color:var(--color-foreground)}.bg-card-line--saving{color:var(--bg-copper);font-weight:600}.bg-quote{display:block;width:34px;height:34px;color:var(--bg-copper)}.bg-stack{display:flex;flex-direction:column;gap:10px;width:100%}.placeholder-image{position:relative;background:#e5d9c2;min-height:160px}.placeholder-image>svg,.placeholder-image>img{visibility:hidden}.placeholder-image:after{content:"Placeholder image";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-family:var(--font-body--family);font-size:.8125rem;font-weight:500;line-height:1.4;letter-spacing:.01em;color:#5a6534;white-space:pre-line}[class*=__tr_media] .placeholder-image:after{content:"Placeholder image\a 720 x 900 px"}[class*=__card_webshop_img] .placeholder-image:after,[class*=__card_training_img] .placeholder-image:after{content:"Placeholder image\a 640 x 400 px"}[class*=__cup_portret] .placeholder-image:after{content:"Placeholder image\aPortret Skip\a 720 x 900 px"}[class*=__hk_image] .placeholder-image:after{content:"Placeholder image\aHerkomst\a 640 x 400 px"}[class*=__pack_img] .placeholder-image:after{content:"Proefzakje\a 400x400";font-size:.5rem;padding:2px}[class*=__bundle_img] .placeholder-image:after{content:"Placeholder image\a Bundelfoto\a 1200 x 1500 px"}[class*=__prakt_media] .placeholder-image:after{content:"Placeholder image\aTrainer\a 900 x 560 px"}[class*=_avatar] .placeholder-image:after{content:"96 x 96";font-size:.625rem}.product-media-container .placeholder-image:after,.card-gallery .placeholder-image:after{content:"Placeholder image\aProductfoto\a 1200 x 1500 px"}.product-card-gallery__title-placeholder{position:relative;background:#e5d9c2;min-height:220px}.product-card-gallery__title-placeholder .title-text{visibility:hidden}.product-card-gallery__title-placeholder:after{content:"Placeholder image\aProductfoto\a 1200 x 1500 px";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-family:var(--font-body--family);font-size:.8125rem;font-weight:500;line-height:1.4;color:#5a6534;white-space:pre-line}.layout-panel-flex--row>.group-block[style*="--border-radius: 22px"]{align-self:stretch;height:auto}@media screen and (max-width:749px){.text-block[class*=_num]{--font-size: 1.75rem}}@media(prefers-reduced-motion:reduce){.bg-card,.bg-card--raised{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brandgenoten.css.map */