{"id":28315,"date":"2025-08-26T16:37:00","date_gmt":"2025-08-26T14:37:00","guid":{"rendered":"https:\/\/www.barcompany.nl\/?p=28315"},"modified":"2026-10-28T18:11:27","modified_gmt":"2026-10-28T17:11:27","slug":"matcha-bar-huren","status":"publish","type":"post","link":"https:\/\/www.barcompany.nl\/es\/inspiratie\/matcha-bar-huren\/","title":{"rendered":"Alquila una barra de matcha para tu evento: moderna, saludable y a domicilio"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\n<div class=\"bc-cm bc30\">\n\n<section class=\"bc-page-hero bc-visible\" data-variant=\"photo\" data-h1=\"breed\" data-component=\"Hero\"><div class=\"bc-page-hero__art\" data-bc-in=\"zak\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/10\/matcha-hero-barista.jpg\" alt=\"Barista van Bar Company schenkt een iced matcha latte aan de bar\" loading=\"eager\" fetchpriority=\"high\"><\/div><div class=\"bc-page-hero__wrap\"><div class=\"bc-page-hero__text\"><nav class=\"bc-page-hero__crumb\" aria-label=\"Kruimelpad\"><a href=\"https:\/\/www.barcompany.nl\/\">Home<\/a> <i class=\"bc-page-hero__crumb-sep\" aria-hidden=\"true\"><\/i> <span>Matcha bar huren<\/span><\/nav><h1 data-bc-in=\"hero\">Een Matcha bar huren voor jouw event? Huur onze mobiele matcha bar op jouw <span class=\"bc-script\">locatie<\/span><\/h1><p class=\"bc-page-hero__lead\" data-bc-in=\"hero\">Wil je het meest hippe drankje van dit moment live bereid hebben op je event? Dan wil je een matcha bar huren. Met onze mobiele matcha bar op jouw locatie serveer je deze felgroene theedrank op een manier die zowel stijlvol als opvallend is. Het resultaat? Een unieke, <mark class=\"bc-mark\">Instagram-waardige eyecatcher<\/mark> die jouw event meteen naar een hoger niveau tilt.<\/p><div class=\"bc-page-hero__ctas\" data-bc-in=\"hero\"><a class=\"bc-btn bc-btn--glow\" href=\"https:\/\/www.barcompany.nl\/offerte-aanvragen\/\">Offerte aanvragen<\/a><a class=\"bc-btn bc-btn--dark\" href=\"#wat-is-matcha\">Meer informatie<\/a><\/div><div class=\"bc-actieplek\" data-bc-actieplek=\"kop\"><\/div><p class=\"bc-page-hero__regel\" data-bc-in=\"hero\">All-inclusive vanaf \u20ac750.<\/p><\/div><\/div><section class=\"bc-stats bc-stats--serif-band bc-visible\" data-variant=\"serif-band\" aria-label=\"De matcha bar in cijfers\" data-component=\"Stats\"><div class=\"bc-stats-inner\"><div class=\"bc-stats__items\"><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">65<\/span><p class=\"bc-stats__label\">per uur per barista<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">5<\/span><p class=\"bc-stats__label\">matchadrankjes op de kaart<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">1,65 m<\/span><p class=\"bc-stats__label\">compacte bar<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">9,3<\/span><p class=\"bc-stats__label\">klantwaardering<\/p><\/div><\/div><\/div><\/section><\/section>\n<div class=\"bc-band\">\n<section class=\"bc-profile bc-visible\" id=\"wat-is-matcha\" data-variant=\"landscape\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/Matcha-2-min-819x1024.jpg\" alt=\"Verse matcha bereiding op evenement\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Wat is matcha <span class=\"bc-script\">eigenlijk?<\/span><\/h2><p>Matcha is een felgroene, fijngemalen Japanse groene thee die wereldwijd populair is door de rijke smaak, antioxidanten en milde cafe\u00efneboost.<\/p><p>In plaats van theewater te trekken, kloppen onze barista\u2019s op ambachtelijke wijze de matcha direct op met water of melk. Hierdoor drink je het hele theeblad. Dat maakt matcha krachtiger dan gewone groene thee en perfect voor trendy dranken op events.<\/p><p>Bij Bar Company neem je een beleving af.<\/p><\/div><\/div><\/section>\n<\/div>\n<div class=\"bc-band\" data-variant=\"licht\">\n<section class=\"bc-why-list bc-visible\" id=\"waarom\" data-variant=\"titled\" data-component=\"Promise\"><div class=\"bc-why-list__wrap\"><div class=\"bc-why-list__intro\" data-bc-in=\"tekst\"><p class=\"bc-why-list__eyebrow\">Waarom Bar Company?<\/p><h2 class=\"bc-why-list__title\">Daarom is een mobiele matcha bar huren een gegarandeerd succes<\/h2><p>Onze mobiele matcha bar is een volledig ingerichte, verplaatsbare bar waar onze barista\u2019s verse matchadranken bereiden op jouw event. Denk aan een stijlvolle setup met matchakommen, bamboe kloppers en premium Japanse matcha.<\/p><div class=\"bc-why-list__ctas\"><a class=\"bc-why-list__btn\" href=\"https:\/\/www.barcompany.nl\/offerte-aanvragen\/\">Vraag een offerte aan<\/a><\/div><\/div><ul class=\"bc-why-list__list\"><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>Verse bereiding live<\/strong>Onze barista\u2019s bereiden elke matcha vers voor je gasten met traditionele bamboe kloppers.<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>Eyecatcher<\/strong>De felgroene kleur en Japanse presentatie vallen direct op bij je gasten.<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>Compact en flexibel<\/strong>Past in bijna elke ruimte. De bar is slechts 1,65 meter lang.<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>Instagrammable<\/strong>Gasten maken continu foto\u2019s zorgt voor extra zichtbaarheid voor jouw event.<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>Duurzame keuze<\/strong>Natuurlijke thee, weinig afval. Perfect voor events met een groen imago.<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-why-list__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-why-list__tx\"><strong>All-inclusive<\/strong>Wij regelen alles: bar, barista, ingredi\u00ebnten, styling, op- en afbouw.<\/span><\/li><\/ul><\/div><\/section>\n<section class=\"bc-profile bc-visible\" id=\"menu\" data-variant=\"landscape menukaart\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><p class=\"bc-profile__eyebrow\">Ons menu<\/p><h2 class=\"bc-profile__title\">Deze matcha dranken zijn het meest populair aan onze <span class=\"bc-script\">bar<\/span><\/h2><\/div><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/barcompany_matcha_romyvangeelfotografie-37-min.jpg\" alt=\"Impressie: matcha bar op locatie bij bedrijfsevenement\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__kaart\" data-ontwerp=\"koffie\" data-bc-in=\"beeld\"><span class=\"bc-profile__kaart-boog\" aria-hidden=\"true\"><\/span><div class=\"bc-profile__kaart-menu\"><div class=\"bc-profile__kaart-groep\"><ul class=\"bc-profile__kaart-lijst\"><li><h3 class=\"bc-profile__kaart-naam\">Iced Matcha Latte<\/h3><p class=\"bc-profile__kaart-smaak\">Romig, verkoelend en super populair<\/p><\/li><li><h3 class=\"bc-profile__kaart-naam\">Matcha Lemonade<\/h3><p class=\"bc-profile__kaart-smaak\">Frisgroen, zuur-zoet en perfect voor grotere groepen<\/p><\/li><li><h3 class=\"bc-profile__kaart-naam\">Hot Matcha Latte<\/h3><p class=\"bc-profile__kaart-smaak\">Zacht, warm en lekker romig<\/p><\/li><li><h3 class=\"bc-profile__kaart-naam\">Matcha Shot<\/h3><p class=\"bc-profile__kaart-smaak\">Pure ceremonial matcha voor een snelle boost<\/p><\/li><li><h3 class=\"bc-profile__kaart-naam\">Matcha Frapp\u00e9<\/h3><p class=\"bc-profile__kaart-smaak\">IJskoud, romig en ideaal voor zomerevents<\/p><\/li><\/ul><\/div><\/div><span class=\"bc-profile__kaart-logo\" role=\"img\" aria-label=\"Bar Company\"><\/span><\/div><\/div><\/section>\n<section class=\"bc-profile bc-visible\" id=\"praktisch\" data-variant=\"landscape no-media tegels\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><p class=\"bc-profile__eyebrow\">Praktisch<\/p><h2 class=\"bc-profile__title\">Dit wil je weten als je een matcha bar wilt <span class=\"bc-script\">huren<\/span><\/h2><\/div><div class=\"bc-profile__lijst\"><ul class=\"bc-profile__list\"><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Onze mobiele matcha bar is 1,65 x 0,90 meter groot<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Op locatie hebben we alleen een stroompunt nodig<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Capaciteit: gemiddeld 65 drankjes per uur per barista<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Compact en mobiel dus inzetbaar op bijna elke locatie<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Uit te breiden met <a href=\"https:\/\/www.barcompany.nl\/koffie\/mobiele-koffiebar-huren\/\">koffiebar<\/a>-optie<\/span><\/li><li data-bc-in=\"tekst\"><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"bc-profile__punt\">Bar aan te passen met jouw branding, logo of huisstijl<\/span><\/li><\/ul><\/div><\/div><\/section>\n<section class=\"bc-price-cards bc-visible\" id=\"kosten\" data-variant=\"kaart\" data-mobiel=\"inklappen\" data-component=\"Pricing\"><div class=\"bc-price-cards__wrap\"><div class=\"bc-price-cards__podium\" data-fotos=\"2\"><div class=\"bc-price-cards__hoofd\" data-bc-in=\"beeld\"><img class=\"bc-price-cards__foto\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg\" alt=\"Barista schenkt matcha in twee glazen met fruit\" loading=\"lazy\" decoding=\"async\"><div class=\"bc-price-cards__over\"><p class=\"bc-price-cards__eyebrow\">Kosten<\/p><h2>Wat kost een matcha bar <span class=\"bc-script\">huren<\/span>?<\/h2><p class=\"bc-price-cards__bedrag\"><span class=\"bc-script\">Vanaf<\/span> <strong>\u20ac750<\/strong><\/p><p class=\"bc-price-cards__regel\">all-inclusive op jouw locatie<\/p><a class=\"bc-btn bc-btn--glow\" href=\"#kosten-formulier\">Vraag een offerte aan<\/a><\/div><\/div><div class=\"bc-price-cards__stapel\" aria-hidden=\"true\"><img class=\"bc-price-cards__stapel-foto\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/barcompany_cocktails_romyvangeelfotografie-36.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" data-bc-in=\"beeld\"><\/div><\/div><div class=\"bc-price-cards__onder\"><div class=\"bc-price-cards__uitleg\" id=\"kosten-uitleg\" data-bc-in=\"tekst\"><p>De totale prijs van een matcha bar hangt af van:<\/p><ul class=\"bc-price-cards__vinkjes\"><li>Het aantal gasten<\/li><li>De duur van het evenement<\/li><li>De locatie<\/li><li>Alleen matcha of ook <a href=\"https:\/\/www.barcompany.nl\/koffie\/mobiele-koffiebar-huren\/\">koffiebar<\/a><\/li><\/ul><p>We werken altijd met een voorstel op maat, zodat de bar perfect aansluit bij jouw event en doelgroep. Vraag een offerte aan en ontvang <mark class=\"bc-mark\">binnen 24 uur op werkdagen een vrijblijvende offerte<\/mark>.<\/p><button type=\"button\" class=\"bc-price-cards__fold\" data-bc-fold aria-expanded=\"false\" aria-controls=\"kosten-uitleg\"><span data-bc-fold-meer>Lees verder<\/span><span data-bc-fold-minder hidden>Minder tonen<\/span><\/button><\/div><\/div><h3 class=\"bc-price-cards__form-title\" id=\"kosten-formulier\">Direct een offerte aanvragen<\/h3><div class=\"bc-price-cards__formulier\" data-formulier=\"offerte\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@400;700;900&family=Mulish:wght@400;600;700;800&family=Damion&display=swap\" rel=\"stylesheet\">\n<style>\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BC BRAND 2.0 TOKENS\n     Bron: bc-content-machine (homepage 2.0 + bc-design-system)\n     Script-font: 'Blakson Hustle' is custom (niet als webfont beschikbaar) \u2014 Damion is de offici\u00eble fallback.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  \/* Tokens op .bc-offerte, niet op :root: cdn.barcompany.nl\/design-system\/bc.css zet dezelfde\n     --bc-* namen op :root (o.a. --bc-white #fff9f0, --bc-radius-sm 4px) en laadt later.\n     Gevangen op live, 9 sept 2026: hoeken 4px, paneel cr\u00e8me, adviesblok onzichtbaar. *\/\n  .bc-offerte {\n    --bc-orange: #EE7437;\n    --bc-green: #0F8069;\n    --bc-mustard: #DCA618;\n    --bc-offwhite: #FFEACA;\n    --bc-warm: #FFF9F0;\n    --bc-black: #242422;\n    --bc-text: #242422;\n    --bc-text-light: #555555;\n    --bc-text-muted: #999999;\n    --bc-gray-100: #F7F5F3;\n    --bc-gray-200: #E8E4E0;\n    --bc-gray-300: #C8C3BE;\n    --bc-white: #FFFFFF;\n    --bc-serif: 'Merriweather', Georgia, serif;\n    --bc-sans: 'Mulish', system-ui, sans-serif;\n    --bc-script: 'Blakson Hustle', 'Damion', cursive;\n    --bc-shadow-card: 0 20px 44px rgba(36,36,34,0.14);\n    --bc-shadow-card-hover: 0 34px 66px rgba(36,36,34,0.22);\n    --bc-shadow-soft: 0 16px 36px rgba(36,36,34,0.13);\n    --bc-radius: 18px;\n    --bc-radius-sm: 12px;\n    --bc-radius-full: 9999px;\n    --bc-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n  }\n\n  .bc-offerte {\n    font-family: var(--bc-sans);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    color: var(--bc-text);\n    background: var(--bc-warm);\n  }\n\n  \/* Script-accent (oranje handschrift, licht gedraaid \u2014 zoals homepage) *\/\n  .bc-offerte .script {\n    font-family: var(--bc-script);\n    font-weight: 400;\n    color: var(--bc-orange);\n    font-size: 1.16em;\n    display: inline-block;\n    transform: rotate(-2deg);\n    padding: 0 0.06em;\n    letter-spacing: 0.01em;\n  }\n\n  \/* Kicker (oranje uppercase label boven headings) *\/\n  .bc-offerte .kicker {\n    display: block;\n    font: 800 11.5px\/1 var(--bc-sans);\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--bc-orange);\n    margin-bottom: 12px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO (2-kolom, zoals offerte-pagina barcompany.nl:\n     copy + beloftes links, teamfoto + patch rechts)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .page-hero {\n    background: var(--bc-offwhite);\n    padding: 40px 24px 84px;\n    position: relative;\n    overflow: hidden;\n  }\n  .bc-offerte .hero-grid {\n    max-width: 1160px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1.05fr 1fr;\n    gap: 56px;\n    align-items: center;\n  }\n  .bc-offerte .hero-copy h1 {\n    font-family: var(--bc-serif);\n    color: var(--bc-black);\n    font-size: 50px;\n    font-weight: 900;\n    margin: 0 0 18px;\n    letter-spacing: -0.5px;\n    line-height: 1.12;\n  }\n  .bc-offerte .hero-lead {\n    color: var(--bc-text);\n    font-size: 18px;\n    max-width: 480px;\n    margin: 0 0 10px;\n    line-height: 1.65;\n  }\n  .bc-offerte .hero-lead mark {\n    background: rgba(238, 116, 55, 0.16);\n    color: inherit;\n    padding: 0 0.14em;\n    border-radius: 4px;\n    -webkit-box-decoration-break: clone;\n    box-decoration-break: clone;\n  }\n  .bc-offerte .hero-note {\n    font-style: italic;\n    font-size: 14px;\n    color: var(--bc-text-light);\n    margin: 0 0 26px;\n  }\n  \/* De Bar Company beloftes (oranje checks, zoals huidige offerte-pagina) *\/\n  .bc-offerte .beloftes-title {\n    font-family: var(--bc-serif);\n    font-weight: 900;\n    font-size: 19px;\n    color: var(--bc-black);\n    margin: 0 0 12px;\n  }\n  .bc-offerte .beloftes ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .bc-offerte .beloftes li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 6px 0;\n    font-size: 15px;\n    color: var(--bc-text);\n  }\n  .bc-offerte .beloftes li strong { font-weight: 800; }\n  .bc-offerte .b-check {\n    display: grid;\n    place-items: center;\n    width: 24px;\n    height: 24px;\n    min-width: 24px;\n    border-radius: 50%;\n    border: 2px solid var(--bc-orange);\n    color: var(--bc-orange);\n  }\n  \/* Teamfoto + In Good Company patch *\/\n  .bc-offerte .hero-visual {\n    position: relative;\n    justify-self: end;\n    width: 100%;\n    max-width: 520px;\n  }\n  .bc-offerte .hero-photo {\n    width: 100%;\n    display: block;\n    border-radius: 28px 90px 28px 28px;\n    box-shadow: var(--bc-shadow-card);\n    object-fit: cover;\n    aspect-ratio: 4 \/ 3.1;\n    position: relative;\n    z-index: 1;\n  }\n  \/* Offici\u00eble In Good Company patch (zelfde asset + plaatsing als het hero-blok in bc-content-machine) *\/\n  .bc-offerte .igc-patch {\n    position: absolute;\n    left: -33px;\n    bottom: -50px;\n    z-index: 2;\n    width: 150px;\n    height: 150px;\n    transform: rotate(-10deg);\n    filter: drop-shadow(0 12px 26px rgba(0,0,0,0.35));\n    pointer-events: none;\n  }\n  \/* Bar Company swoosh op de rand hero \u2192 formulier (zoals het statement-blok) *\/\n  \/* padding-bottom (i.p.v. margin op .form-container) zodat de ruimte onder het\n     formulier de warme achtergrond houdt \u2014 margin zou buiten .bc-offerte collapsen *\/\n  .bc-offerte { position: relative; overflow-x: clip; padding-bottom: 120px; }\n  \/* Hero zit in een eigen wrapper (page template) \u2014 onderruimte hoort bij de form-wrapper *\/\n  .bc-offerte-hero-wrap { padding-bottom: 0; }\n  \/* Embed via [bc_offerte]: geen hero om over te lappen, bescheiden onderruimte.\n     container-type laat het formulier reageren op de breedte van het blok waarin\n     het ge-embed is (bijv. een smalle zijkolom op een conceptpagina) i.p.v. de viewport. *\/\n  .bc-offerte-embed {\n    padding-bottom: 40px;\n    background: transparent;\n    container: bc-form \/ inline-size;\n  }\n  \/* 1.10.0: .bc-offerte erbij, anders wint de latere .bc-offerte .form-container (zelfde specificiteit)\n     en schuift de ingebedde kaart 44 px omhoog over wat erboven staat. *\/\n  .bc-offerte.bc-offerte-embed .form-container { margin-top: 0; }\n\n  \/* Compacte layout wanneer het embed-blok smal is (zijkolom), ongeacht schermbreedte *\/\n  @container bc-form (max-width: 720px) {\n    .bc-offerte.bc-offerte-embed .form-container { padding: 0; }\n    .bc-offerte.bc-offerte-embed .form-row { grid-template-columns: 1fr; }\n    \/* E\u00e9n kolom: de WhatsApp-vraag hoort direct onder Telefoon, spacer-label weg *\/\n    .bc-offerte.bc-offerte-embed .wa-group > label:first-child { display: none; }\n    .bc-offerte.bc-offerte-embed .wa-group { margin-top: -8px; }\n    .bc-offerte.bc-offerte-embed .event-type-row { grid-template-columns: 1fr; }\n    .bc-offerte.bc-offerte-embed .services-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\n    \/* Specials: drie kaarten naast elkaar zolang het past (geen wees-kaart op de tweede rij) *\/\n    .bc-offerte.bc-offerte-embed .services-grid.specials-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\n    .bc-offerte.bc-offerte-embed .extras-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\n    .bc-offerte.bc-offerte-embed .panel-content { padding: 22px 18px; }\n    .bc-offerte.bc-offerte-embed .progress-bar { padding: 18px 14px 14px; }\n    .bc-offerte.bc-offerte-embed .form-nav { padding: 14px 16px; gap: 10px; }\n    .bc-offerte.bc-offerte-embed .btn { padding: 12px 18px; font-size: 14px; white-space: nowrap; }\n    .bc-offerte.bc-offerte-embed .btn-primary { padding: 13px 20px; }\n    .bc-offerte.bc-offerte-embed .btn-ghost { padding: 12px 8px; }\n    .bc-offerte.bc-offerte-embed .section-header h2 { font-size: 22px; }\n    \/* Advies-pil naast de kop, alleen telefoon-icoon en nummer: het adviesblok is er al (Bram 9 sept) *\/\n    .bc-offerte.bc-offerte-embed .section-header-row { flex-direction: row; align-items: flex-start; gap: 12px; }\n    .bc-offerte.bc-offerte-embed .advies-inline { width: auto; align-self: flex-start; padding: 8px 14px; margin-top: 2px; }\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-label,\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-sep,\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-mail { display: none; }\n    .bc-offerte.bc-offerte-embed .step-label { font-size: 10px; }\n    .bc-offerte.bc-offerte-embed .sel-thumb { width: 40px; height: 40px; min-width: 40px; }\n    .bc-offerte.bc-offerte-embed .ov-value { max-width: 50%; }\n    .bc-offerte.bc-offerte-embed .service-name { font-size: 14.5px; }\n    .bc-offerte.bc-offerte-embed .service-body { padding: 10px 12px 12px; }\n  }\n  \/* 1.10.0: smalle embed-kolom op een breed scherm: geen ruimte voor cutout en knop naast elkaar *\/\n  @container bc-form (max-width: 380px) {\n    .bc-offerte.bc-offerte-embed .bc-advies-persoon { display: none; }\n  }\n  @container bc-form (max-width: 460px) {\n    .bc-offerte.bc-offerte-embed .extras-grid { grid-template-columns: repeat(2, 1fr); }\n    .bc-offerte.bc-offerte-embed .services-grid,\n    .bc-offerte.bc-offerte-embed .services-grid.specials-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n    .bc-offerte.bc-offerte-embed .service-card .service-img { aspect-ratio: 4 \/ 3; }\n    .bc-offerte.bc-offerte-embed .service-name { font-size: 13px; }\n    .bc-offerte.bc-offerte-embed .service-body { padding: 9px 11px 11px; }\n    .bc-offerte.bc-offerte-embed .service-card .check-icon { width: 24px; height: 24px; top: 8px; right: 8px; }\n  }\n  .bc-offerte .hero-swoosh-anchor {\n    position: relative;\n    height: 0;\n    z-index: 1;\n    pointer-events: none;\n  }\n  .bc-offerte .hero-swoosh {\n    position: absolute;\n    right: -225px;\n    bottom: -150px;\n    width: 600px;\n    height: auto;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MAIN CONTAINER\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .form-container {\n    max-width: 1200px;\n    margin: -44px auto 0;\n    padding: 0 24px;\n    position: relative;\n    transition: max-width 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n    z-index: 2;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PROGRESS BAR\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .progress-bar {\n    background: var(--bc-white);\n    border-radius: var(--bc-radius) var(--bc-radius) 0 0;\n    padding: 36px 48px 30px;\n    box-shadow: var(--bc-shadow-card);\n    border-bottom: 1px solid var(--bc-gray-200);\n  }\n  .bc-offerte .progress-steps {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    position: relative;\n  }\n  .bc-offerte .progress-line {\n    position: absolute;\n    top: 20px;\n    left: 40px;\n    right: 40px;\n    height: 3px;\n    background: var(--bc-gray-200);\n    border-radius: 2px;\n  }\n  .bc-offerte .progress-fill {\n    height: 100%;\n    background: var(--bc-green); \/* afgelegde pad groen, matcht de completed bolletjes *\/\n    border-radius: 2px;\n    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    width: 0%;\n  }\n  .bc-offerte .step-item {\n    display: flex;\n    min-width: 44px;\n    max-width: 25%;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    position: relative;\n    z-index: 1;\n    cursor: pointer;\n  }\n  .bc-offerte [role=\"checkbox\"]:focus-visible,\n  .bc-offerte [role=\"radio\"]:focus-visible,\n  .bc-offerte .step-item:focus-visible {\n    outline: 3px solid var(--bc-green);\n    outline-offset: 3px;\n    border-radius: var(--bc-radius-sm);\n  }\n  .bc-offerte .service-body:focus-visible { outline-offset: -3px; }\n  .bc-offerte .step-item[aria-disabled=\"true\"] { cursor: default; }\n  \/* De stapkop ontvangt leesfocus, geen knopfocus; voorkom een thema-kader. *\/\n  .bc-offerte .section-header h2[tabindex=\"-1\"]:focus { outline: none; }\n  .bc-offerte .step-circle {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 15px;\n    transition: all var(--bc-transition);\n    background: var(--bc-white);\n    border: 2px solid var(--bc-gray-300);\n    color: var(--bc-text-muted);\n  }\n  .bc-offerte .step-item.active .step-circle {\n    background: var(--bc-orange);\n    border-color: var(--bc-orange);\n    color: var(--bc-white);\n    box-shadow: 0 4px 14px rgba(238, 116, 55, 0.35);\n  }\n  .bc-offerte .step-item.completed .step-circle {\n    background: var(--bc-green);\n    border-color: var(--bc-green);\n    color: var(--bc-white);\n  }\n  .bc-offerte .step-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--bc-text-light);\n    transition: color var(--bc-transition);\n    text-align: center;\n    max-width: 100%;\n    overflow-wrap: anywhere;\n  }\n  .bc-offerte .step-item.active .step-label,\n  .bc-offerte .step-item.completed .step-label {\n    color: var(--bc-black);\n    font-weight: 700;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FORM PANEL\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .form-panel {\n    background: var(--bc-white);\n    border-radius: 0 0 var(--bc-radius) var(--bc-radius);\n    box-shadow: var(--bc-shadow-card);\n    overflow: visible;\n  }\n  .bc-offerte .panel-content {\n    padding: 44px 48px;\n    display: none;\n    animation: fadeSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n  }\n  .panel-content.active { display: block; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ZIJKOLOM (desktop, full-page): live selectie + beloftes\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .panel-body {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 292px;\n    align-items: stretch;\n  }\n  .bc-offerte .panel-main { min-width: 0; }\n  .bc-offerte .form-rail {\n    border-left: 1px solid var(--bc-gray-200);\n    background: #FFFDFA;\n    border-radius: 0 0 var(--bc-radius) 0;\n    padding: 32px 26px;\n  }\n  .bc-offerte .rail-inner {\n    position: sticky;\n    top: 110px;\n  }\n  .bc-offerte .rail-selection { margin-bottom: 26px; }\n  .bc-offerte .rail-selection h4 {\n    font-family: var(--bc-serif);\n    font-size: 17px;\n    font-weight: 900;\n    color: var(--bc-black);\n    margin: 0 0 12px;\n  }\n  \/* Samenvatting-secties: label + Wijzigen-link *\/\n  .bc-offerte .rail-sec { margin-bottom: 14px; }\n  .bc-offerte .rail-sec-head {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 6px;\n  }\n  .bc-offerte .rail-sec-head > span {\n    font: 800 11px\/1 var(--bc-sans);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--bc-text-muted);\n  }\n  .bc-offerte .rail-edit {\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    font: 700 12px\/1 var(--bc-sans);\n    color: var(--bc-orange);\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n  .bc-offerte .rail-edit:hover { color: var(--bc-green); }\n  .bc-offerte .rail-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 0;\n    font: 700 13.5px\/1.35 var(--bc-sans);\n    color: var(--bc-black);\n  }\n  \/* 1.10.0 (B7): 40 px met symboolfoto (look-check Voorstel B, Bram 2 okt) *\/\n  .bc-offerte .rail-item .sel-thumb { width: 40px; height: 40px; min-width: 40px; }\n  .bc-offerte .rail-chips { display: flex; flex-wrap: wrap; gap: 6px; }\n  .bc-offerte .rail-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    background: var(--bc-warm);\n    border: 1px solid rgba(238, 116, 55, 0.35);\n    color: var(--bc-text);\n    font: 600 12px\/1.2 var(--bc-sans);\n    padding: 5px 7px 5px 10px;\n    border-radius: 999px;\n  }\n  .bc-offerte .rail-chip button {\n    background: none;\n    border: none;\n    padding: 0 2px;\n    cursor: pointer;\n    font-size: 15px;\n    line-height: 1;\n    color: var(--bc-text-muted);\n  }\n  .bc-offerte .rail-chip button:hover { color: var(--bc-orange); }\n  \/* Compact vertrouwensblok: concrete bewijzen i.p.v. algemene beloftes *\/\n  .bc-offerte .rail-trust { border-top: 1px dashed var(--bc-gray-200); padding-top: 16px; }\n  .bc-offerte .rail-selection[hidden] + .rail-trust { border-top: none; padding-top: 0; }\n  .bc-offerte .rail-trust ul { list-style: none; margin: 0; padding: 0; }\n  .bc-offerte .rail-trust li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 5px 0;\n    font-size: 13.5px;\n    color: var(--bc-text);\n  }\n  .bc-offerte .rail-trust .b-check { width: 20px; height: 20px; min-width: 20px; }\n  \/* 1.19.0: de beloftes alleen op de contactstap; JS zet .is-contact-step op de zijkolom *\/\n  .bc-offerte .form-rail:not(.is-contact-step) .rail-trust { display: none; }\n  .bc-offerte .rail-leeg { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--bc-text-muted); }\n  \/* Embed met voorgeselecteerd concept: afgevinkte startkeuze boven het formulier *\/\n  .bc-offerte .preset-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(15, 128, 105, 0.09);\n    border: 1px solid rgba(15, 128, 105, 0.3);\n    color: var(--bc-green);\n    font: 700 13px\/1 var(--bc-sans);\n    padding: 8px 14px;\n    border-radius: 999px;\n    margin-bottom: 18px;\n  }\n  \/* Embed heeft geen zijkolom (smalle kolommen); inline overzichten blijven daar *\/\n  .bc-offerte-embed .panel-body { display: block; }\n  .bc-offerte-embed .form-rail { display: none; }\n  \/* Mobiel\/tablet: geen zijkolom, inline overzichten nemen het over *\/\n  @media (max-width: 960px) {\n    .bc-offerte-page .panel-body { display: block; }\n    .bc-offerte-page .form-rail { display: none; }\n  }\n  \/* Desktop full-page: zijkolom toont selectie + event-details, dus de inline\n     \"Jouw selectie\"\/\"Jouw aanvraag\" blokken in stap 3\/4 zijn daar dubbel *\/\n  @media (min-width: 961px) {\n    .bc-offerte-page .selection-summary,\n    .bc-offerte-page .overview-card { display: none; }\n  }\n\n  @keyframes fadeSlideIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .bc-offerte .section-header {\n    margin-bottom: 18px;\n  }\n  .bc-offerte .section-header h2 {\n    font-family: var(--bc-serif);\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.12;\n    color: var(--bc-black);\n    margin: 0 0 8px; \/* thema-marge boven de kop weg: kop lijnt uit met de advies-pil (Bram 9 sept) *\/\n    letter-spacing: -0.3px;\n  }\n  .bc-offerte .section-header p {\n    color: var(--bc-text-light);\n    font-size: 15px;\n    max-width: 560px;\n    margin: 0;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SERVICE CARDS (Step 1) \u2014 rustig webshop-productgrid (teamfeedback Tim):\n     witte kaart, foto in vast kader, titel eronder. Rustiger en luxer dan\n     tekst-op-foto tegels.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin-bottom: 24px;\n  }\n  \/* 1.8.0: stap 1 als categorietegels. Desktop: tegels naast elkaar, het paneel over de volle breedte\n     onder de rij (order). Mobiel (<= 600px): rijen met een kleine foto, het paneel direct onder zijn rij. *\/\n  .bc-offerte .bc-tegels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 52px; }\n  .bc-offerte .bc-tegel {\n    order: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: var(--bc-white);\n    border: 2px solid transparent;\n    border-radius: 16px;\n    box-shadow: var(--bc-shadow-soft);\n    cursor: pointer;\n    overflow: hidden;\n    text-align: left;\n    transition: border-color 0.2s ease, transform 0.2s ease;\n  }\n  .bc-offerte .bc-tegel:hover { transform: translateY(-2px); }\n  .bc-offerte .bc-tegel.open { border-color: var(--bc-orange); }\n  .bc-offerte .bc-tegel:focus-visible,\n  .bc-offerte .tegel-optie:focus-visible { outline: 3px solid rgba(238,116,55,0.45); outline-offset: 2px; }\n  .bc-offerte .bc-tegel-foto { position: relative; display: block; flex: none; aspect-ratio: 4 \/ 3; overflow: hidden; }\n  .bc-offerte .bc-tegel-foto img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; }\n  .bc-offerte .bc-tegel-badge { position: absolute; top: 10px; left: 10px; background: var(--bc-orange); color: #fff; font-size: 11.5px; font-weight: 800; border-radius: 999px; padding: 3px 9px; }\n  .bc-offerte .bc-tegel-badge[hidden],\n  .bc-offerte .bc-tegel-gekozen[hidden],\n  .bc-offerte .bc-tegel-paneel[hidden] { display: none !important; }\n  .bc-offerte .bc-tegel-rij { flex: 1; display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px 14px; }\n  .bc-offerte .bc-tegel-tekst { flex: 1; min-width: 0; display: block; }\n  .bc-offerte .bc-tegel-titel { display: block; font-family: var(--bc-serif); font-weight: 900; font-size: 16px; line-height: 1.25; min-height: 2.5em; color: var(--bc-text); }\n  .bc-offerte .bc-tegel-sub { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.4; color: var(--bc-text); }\n  .bc-offerte .bc-tegel-gekozen { display: none; }\n  .bc-offerte .bc-tegel-pijl { width: 30px; height: 30px; min-width: 30px; border-radius: 50%; background: var(--bc-gray-100); color: var(--bc-text); display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; }\n  .bc-offerte .bc-tegel.open .bc-tegel-pijl { transform: rotate(180deg); background: var(--bc-offwhite); }\n  .bc-offerte .bc-tegel-paneel { order: 2; grid-column: 1 \/ -1; background: var(--bc-warm); border: 1.5px solid var(--bc-offwhite); border-radius: 16px; padding: 16px; }\n  .bc-offerte .bc-tegel-paneel-kop { margin: 0 0 12px; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--bc-orange); }\n  .bc-offerte .bc-tegel-opties { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\n  .bc-offerte .tegel-optie { display: flex; align-items: center; gap: 12px; background: var(--bc-white); border: 1.5px solid var(--bc-gray-200); border-radius: 12px; padding: 10px 14px 10px 16px; min-height: 54px; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; }\n  .bc-offerte .tegel-optie:hover { border-color: rgba(238,116,55,0.5); }\n  .bc-offerte .tegel-optie.selected { border-color: var(--bc-orange); box-shadow: 0 4px 14px rgba(238,116,55,0.16); }\n  .bc-offerte .tegel-optie-naam { flex: 1; font-weight: 700; font-size: 14.5px; color: var(--bc-text); }\n  .bc-offerte .tegel-optie-vink { width: 22px; height: 22px; min-width: 22px; border-radius: 6px; border: 2px solid var(--bc-gray-300); background: var(--bc-white); color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }\n  .bc-offerte .tegel-optie-vink svg { opacity: 0; }\n  .bc-offerte .tegel-optie.selected .tegel-optie-vink { background: var(--bc-orange); border-color: var(--bc-orange); }\n  .bc-offerte .tegel-optie.selected .tegel-optie-vink svg { opacity: 1; }\n  @media (max-width: 600px) {\n    .bc-offerte .bc-tegels { grid-template-columns: 1fr; gap: 10px; margin-bottom: 24px; }\n    .bc-offerte .bc-tegel,\n    .bc-offerte .bc-tegel-paneel { order: 0; }\n    .bc-offerte .bc-tegel { flex-direction: row; align-items: center; border: 1.5px solid var(--bc-gray-200); box-shadow: 0 6px 18px rgba(36,36,34,0.06); }\n    .bc-offerte .bc-tegel:hover { transform: none; }\n    .bc-offerte .bc-tegel.open { border-color: var(--bc-orange); border-bottom-width: 0; border-radius: 16px 16px 0 0; }\n    .bc-offerte .bc-tegel-foto { width: 84px; height: 66px; aspect-ratio: auto; margin: 10px 0 10px 10px; border-radius: 11px; }\n    .bc-offerte .bc-tegel-rij { align-items: center; padding: 10px 12px; }\n    .bc-offerte .bc-tegel-titel { min-height: 0; font-size: 15.5px; }\n    .bc-offerte .bc-tegel-badge { display: none !important; }\n    .bc-offerte .bc-tegel.heeft-keuze:not(.open) .bc-tegel-sub { display: none; }\n    .bc-offerte .bc-tegel.heeft-keuze:not(.open) .bc-tegel-gekozen:not([hidden]) { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 800; color: var(--bc-orange); }\n    .bc-offerte .bc-tegel.open + .bc-tegel-paneel { margin-top: -10px; }\n    .bc-offerte .bc-tegel-paneel { background: var(--bc-white); border: 1.5px solid var(--bc-orange); border-top: 1px dashed var(--bc-gray-200); border-radius: 0 0 16px 16px; padding: 12px; }\n    .bc-offerte .bc-tegel-paneel-kop { display: none; }\n    .bc-offerte .bc-tegel-opties { grid-template-columns: 1fr; gap: 8px; }\n  }\n  \/* 1.8.0: smalle telefoons (iPhone SE, 320 px): kleinere foto en krappere marges, anders past\n     \"Cocktails & bubbels\" niet naast foto en pijltje (gemeten 26 sept: rij stak 17 px buiten het\n     formulier). De rij mag altijd krimpen; een extreem lange titel uit de admin breekt af. *\/\n  .bc-offerte .bc-tegel-rij { min-width: 0; }\n  .bc-offerte .bc-tegel-titel { overflow-wrap: break-word; }\n  @media (max-width: 360px) {\n    .bc-offerte .bc-tegel-foto { width: 64px; height: 56px; margin: 8px 0 8px 8px; border-radius: 9px; }\n    .bc-offerte .bc-tegel-rij { gap: 8px; padding: 8px 10px; }\n    .bc-offerte .bc-tegel-titel { font-size: 15px; }\n    .bc-offerte .bc-tegel-pijl { width: 28px; height: 28px; min-width: 28px; }\n  }\n  .bc-offerte .service-card {\n    position: relative;\n    background: var(--bc-white);\n    border: 1px solid var(--bc-gray-200);\n    border-radius: 14px;\n    \/* overflow blijft zichtbaar: de tooltip-bubble klapt buiten de kaart open.\n       De ronde hoeken van de foto komen daarom van .service-img zelf. *\/\n    overflow: visible;\n    cursor: pointer;\n    display: block;\n    box-shadow: var(--bc-shadow-soft);\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n  .bc-offerte .service-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--bc-shadow-card);\n    \/* De hover-transform maakt een eigen stapelcontext; zonder z-index zou de\n       tooltip onder de volgende kaart in het grid verdwijnen. *\/\n    z-index: 5;\n  }\n  \/* Foto-wrapper: anker voor de Populair-badge (linksonder in de foto, zoals in stap 2),\n     zodat de badge niet t.o.v. de hele kaart onderin over de naam landt. Geen overflow:hidden\n     (tooltip), de ronde hoeken zitten op de img zelf. *\/\n  .bc-offerte .service-card .service-img-wrap {\n    position: relative;\n  }\n  .bc-offerte .service-card .service-img {\n    width: 100%;\n    object-fit: cover;\n    aspect-ratio: 4 \/ 3;\n    display: block;\n    border-radius: 13px 13px 0 0;\n  }\n  .bc-offerte .service-card.selected {\n    box-shadow: 0 0 0 3px var(--bc-orange), var(--bc-shadow-soft);\n    border-color: var(--bc-orange);\n  }\n  .bc-offerte .service-body {\n    padding: 11px 14px 13px;\n  }\n  .bc-offerte .service-name {\n    font-family: var(--bc-serif);\n    font-weight: 900;\n    font-size: 15.5px;\n    line-height: 1.3;\n    color: var(--bc-black);\n    margin-bottom: 0;\n  }\n  \/* Subtitels verborgen na teamfeedback (tegels te druk); markup + data blijven\n     zodat dit per A\/B-test terug aan kan. *\/\n  .bc-offerte .service-subtitle { display: none; }\n  \/* Multi-select: herkenbare checkbox (afgerond vierkant), geen radio-cirkel *\/\n  .bc-offerte .check-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 26px;\n    height: 26px;\n    border-radius: 7px;\n    border: 2px solid rgba(255,249,240,0.9);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n    background: rgba(24,23,22,0.28);\n    z-index: 3;\n  }\n  .bc-offerte .selected .check-icon {\n    background: var(--bc-orange);\n    border-color: var(--bc-orange);\n    box-shadow: 0 2px 10px rgba(238, 116, 55, 0.4);\n    transform: scale(1.05);\n  }\n  .check-icon svg { opacity: 0; transition: all 0.25s ease; transform: scale(0.5); }\n  .selected .check-icon svg { opacity: 1; transform: scale(1); }\n  \/* \"Ik zoek iets anders\" als volwaardige kaart in het grid *\/\n  .bc-offerte .unsure-card .unsure-visual {\n    aspect-ratio: 4 \/ 3;\n    display: grid;\n    place-items: center;\n    background: var(--bc-warm);\n    border-radius: 13px 13px 0 0;\n  }\n  .bc-offerte .unsure-card .unsure-visual svg { opacity: 0.85; }\n\n  \/* \"Iets anders\"-blok met adviseur, onder het grid (modus \"blok\"; alternatief voor de unsure-card) *\/\n  .bc-offerte .bc-advies-blok {\n    display: flex; align-items: flex-end; gap: 14px; position: relative;\n    margin-top: 44px; padding: 12px 16px 12px 14px; min-height: 84px; box-sizing: border-box;\n    background: var(--bc-warm); border: 2px solid var(--bc-gray-200); border-radius: 14px;\n    transition: border-color .18s ease, box-shadow .18s ease;\n  }\n  .bc-offerte .bc-advies-blok.selected { border-color: var(--bc-orange); box-shadow: 0 4px 16px rgba(238,116,55,.18); }\n  \/* Persoon: teamcutout (transparante PNG, hoofd tot ellebogen) staat met de ellebogen op de\n     onderrand en steekt met het hoofd boven het blok uit (optie A, Bram 9 sept). Zonder foto\n     blijft het ronde vraagteken staan. Naam en functie staan als oranje regel boven de kop. *\/\n  .bc-offerte .bc-advies-persoon { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex: 0 0 auto; width: 88px; align-self: flex-end; }\n  .bc-offerte .bc-advies-foto { display: block; height: 126px; width: auto; max-width: 100px; object-fit: contain; margin: -48px 0 -12px; filter: drop-shadow(0 6px 10px rgba(36,36,34,.14)); }\n  .bc-offerte .bc-advies-foto-leeg { width: 52px; height: 52px; margin: 0 0 4px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; filter: none; }\n  .bc-offerte .bc-advies-tekst { flex: 1 1 auto; padding: 4px 16px 4px 0; align-self: center; }\n  .bc-offerte .bc-advies-kicker { display: block; font: 800 10.5px\/1 var(--bc-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--bc-orange); margin-bottom: 5px; }\n  .bc-offerte .bc-advies-tekst strong { display: block; font-family: var(--bc-serif); font-weight: 900; font-size: 15px; line-height: 1.25; margin-bottom: 3px; color: var(--bc-black); }\n  .bc-offerte .bc-advies-tekst p { margin: 0; font-size: 12.5px; color: var(--bc-text-light); line-height: 1.45; }\n  \/* 1.10.0: knop \"Help mij kiezen\" op alle breedtes (feedback Tim 1 okt), geen vinkje meer in het blok *\/\n  .bc-offerte .bc-advies-knop {\n    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; white-space: nowrap;\n    padding: 9px 14px; min-height: 40px; border-radius: var(--bc-radius-full); cursor: pointer;\n    border: 1.5px solid var(--bc-orange); background: #fff; color: var(--bc-orange);\n    font: 800 13px\/1 var(--bc-sans); letter-spacing: .02em;\n    transition: background .18s ease, color .18s ease;\n  }\n  .bc-offerte .bc-advies-knop:hover { background: var(--bc-orange); color: #fff; }\n  .bc-offerte .bc-advies-knop:focus-visible { outline: 3px solid rgba(238,116,55,.45); outline-offset: 2px; }\n  .bc-offerte .bc-advies-knop svg { width: 12px; height: 12px; flex: none; }\n  .bc-offerte .bc-advies-knop .cta-kies, .bc-offerte .bc-advies-knop .cta-gekozen { display: inline-flex; align-items: center; gap: 6px; }\n  .bc-offerte .bc-advies-knop .cta-gekozen { display: none; }\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop { background: var(--bc-orange); color: #fff; }\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop .cta-kies { display: none; }\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop .cta-gekozen { display: inline-flex; }\n  \/* .bc-advies-tekst erbij: anders wint .bc-advies-tekst p (0,2,1) en wordt de regel grijs zonder ruimte *\/\n  .bc-offerte .bc-advies-tekst .bc-advies-contact { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--bc-text); }\n  .bc-offerte .bc-advies-contact a { color: var(--bc-orange); font-weight: 800; text-decoration: none; white-space: nowrap; }\n  .bc-offerte .bc-advies-contact a:hover { text-decoration: underline; }\n  .bc-offerte .bc-advies-contact .bc-advies-mail { display: inline-flex; vertical-align: -3px; padding: 2px; }\n  @media (max-width: 600px) {\n    \/* Optie B: cutout groot rechts, tekst links (Bram 9 sept) *\/\n    .bc-offerte .bc-advies-blok { gap: 6px; padding: 14px 4px 12px 14px; min-height: 96px; }\n    .bc-offerte .bc-advies-persoon { order: 2; width: 96px; }\n    .bc-offerte .bc-advies-foto { height: 128px; max-width: 96px; margin: -44px 0 -12px; }\n    .bc-offerte .bc-advies-foto-leeg { margin-bottom: 0; }\n    .bc-offerte .bc-advies-tekst { order: 1; padding: 0; align-self: center; }\n  }\n  @media (max-width: 370px) {\n    \/* 1.10.0: 360 px (veel Android): \"Verstuur mijn aanvraag\" op \u00e9\u00e9n regel naast Vorige *\/\n    .bc-offerte .form-nav .btn { font-size: 13px; }\n    .bc-offerte .form-nav .btn-primary { padding-left: 12px; padding-right: 12px; }\n  }\n  \/* 1.10.0: op heel smalle telefoons (320 px, tegelpagina: blok 228 px) is er geen ruimte voor knop\n     en cutout naast elkaar; de cutout valt weg, de naamregel boven de kop noemt de adviseur nog. *\/\n  @media (max-width: 360px) {\n    .bc-offerte .bc-advies-persoon { display: none; }\n    .bc-offerte .bc-advies-blok { padding-right: 14px; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STEP 2: UPSELL GROEPEN (foto-cards)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .upsell-section {\n    margin-top: 38px;\n    padding-top: 30px;\n    border-top: 1px solid var(--bc-gray-200);\n    display: none;\n  }\n  .bc-offerte .upsell-section.visible { display: block; }\n  .bc-offerte .upsell-section.first-visible {\n    margin-top: 0;\n    padding-top: 0;\n    border-top: none;\n  }\n  \/* E\u00e9n groep: geen groepskop, sectie altijd open (JS zet .single-group op #step2) *\/\n  .bc-offerte #step2.single-group .upsell-head { display: none; }\n  .bc-offerte #step2.single-group .upsell-body { display: block; padding-top: 0; }\n  .bc-offerte .upsell-section .group-kicker {\n    display: block;\n    font: 800 12px\/1 var(--bc-sans);\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--bc-orange);\n    margin-bottom: 8px;\n  }\n  .bc-offerte .upsell-section h3 {\n    font-family: var(--bc-serif);\n    font-size: 23px;\n    font-weight: 900;\n    margin-bottom: 0;\n    color: var(--bc-black);\n  }\n  \/* Accordion-kop: hele regel klikbaar, teller + chevron rechts *\/\n  .bc-offerte .upsell-head {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    text-align: left;\n    font: inherit;\n    color: inherit;\n  }\n  .bc-offerte .upsell-head-text { flex: 1; min-width: 0; }\n  .bc-offerte .upsell-count {\n    font: 700 13px\/1.2 var(--bc-sans);\n    color: var(--bc-text-muted);\n    white-space: nowrap;\n  }\n  .bc-offerte .upsell-count.has-chosen { color: var(--bc-green); }\n  .bc-offerte .upsell-chevron {\n    color: var(--bc-text-muted);\n    transition: transform 0.3s ease;\n    flex-shrink: 0;\n  }\n  .bc-offerte .upsell-section.open .upsell-chevron { transform: rotate(180deg); }\n  .bc-offerte .upsell-body { display: none; padding-top: 18px; }\n  .bc-offerte .upsell-section.open .upsell-body { display: block; }\n  \/* Populair-badge (beheerbaar via settings: 4e kolom \"populair\") *\/\n  .bc-offerte .pop-badge {\n    position: absolute;\n    left: 10px;\n    bottom: 10px;\n    background: var(--bc-orange);\n    color: var(--bc-white);\n    font: 800 10.5px\/1 var(--bc-sans);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    padding: 5px 9px;\n    border-radius: 999px;\n    z-index: 3;\n    box-shadow: 0 2px 8px rgba(36,36,34,0.2);\n  }\n  .bc-offerte .extras-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n    gap: 16px;\n  }\n  .bc-offerte .extra-card {\n    position: relative;\n    cursor: pointer;\n    user-select: none;\n    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  .bc-offerte .extra-card:hover { z-index: 5; }\n  \/* Info-icoon + tooltip (alleen als er backend-info is ingevuld) *\/\n  .bc-offerte .extra-info {\n    position: absolute;\n    top: 1px;\n    left: 1px;\n    z-index: 4;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    border: none;\n    padding: 9px;\n    cursor: help;\n    background-color: rgba(24,23,22,0.55);\n    background-clip: content-box;\n    color: #FFF9F0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease;\n  }\n  .bc-offerte .extra-info:hover,\n  .bc-offerte .extra-info:focus-visible,\n  .bc-offerte .extra-info.open { background-color: var(--bc-orange); }\n  \/* 1.10.0: de knoppen in de onderbalk hoorden niet in de regel hieronder. Door de negatieve marges\n     staken ze 15 px buiten de balk en 7 px naar rechts (in de embed vulde de knop de hele balk;\n     feedback Bram 2 okt). Ze zijn zelf al groot genoeg; alleen het minimum blijft. *\/\n  .bc-offerte .form-nav .btn { min-height: 44px; }\n  .bc-offerte .rail-edit,\n  \/* Tikgebied 44px, maar negatieve marges zodat de pil zelf compact blijft *\/\n  .bc-offerte .rail-chip button { position: relative; min-width: 44px; min-height: 44px; margin: -15px -7px -15px -14px; }\n  .bc-offerte .advies-inline .advies-links a {\n    min-height: 44px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    margin-top: -12px;\n    margin-bottom: -12px;\n  }\n  .bc-offerte .extra-tipbox {\n    position: absolute;\n    left: -6px;\n    bottom: calc(100% + 10px);\n    width: 210px;\n    background: var(--bc-black);\n    color: var(--bc-warm);\n    font: 600 12.5px\/1.45 var(--bc-sans);\n    text-align: left;\n    padding: 10px 12px;\n    border-radius: 10px;\n    box-shadow: 0 10px 24px rgba(36,36,34,0.25);\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(4px);\n    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\n    pointer-events: none;\n    z-index: 6;\n  }\n  .bc-offerte .extra-tipbox::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 14px;\n    border: 6px solid transparent;\n    border-top-color: var(--bc-black);\n  }\n  \/* Bubble tegen de rechterrand van het scherm: naar links uitklappen (JS zet .tip-flip) *\/\n  .bc-offerte .extra-info.tip-flip .extra-tipbox {\n    left: auto;\n    right: -8px;\n  }\n  .bc-offerte .extra-info.tip-flip .extra-tipbox::after {\n    left: auto;\n    right: 16px;\n  }\n  .bc-offerte .extra-info:hover .extra-tipbox,\n  .bc-offerte .extra-info:focus-visible .extra-tipbox,\n  .bc-offerte .extra-info.open .extra-tipbox {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n  }\n  .bc-offerte .extra-card:hover {\n    transform: translateY(-2px);\n  }\n  \/* Uniforme set: alle kaarten dezelfde verhouding en strakke hoeken,\n     zachte schaduw, geen kader (cr\u00e8me rand oogde rommelig \u2014 feedback Bram). *\/\n  .bc-offerte .extra-card .extra-img-wrap {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: var(--bc-shadow-soft);\n    transition: box-shadow 0.3s ease;\n  }\n  .bc-offerte .extra-card.selected .extra-img-wrap {\n    box-shadow: 0 0 0 3px var(--bc-orange), var(--bc-shadow-soft);\n  }\n  .bc-offerte .extra-card img {\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n    display: block;\n  }\n  .bc-offerte .extra-card .check-icon {\n    top: 10px;\n    right: 10px;\n    width: 26px;\n    height: 26px;\n  }\n  .bc-offerte .extra-label {\n    display: block;\n    margin-top: 10px;\n    font: 700 14px\/1.35 var(--bc-sans);\n    color: var(--bc-black);\n  }\n  .bc-offerte .extra-card.selected .extra-label {\n    color: var(--bc-orange);\n  }\n  .bc-offerte .no-extras-note {\n    display: none;\n    background: rgba(255, 234, 202, 0.45);\n    border: 1px dashed var(--bc-gray-300);\n    border-radius: var(--bc-radius);\n    padding: 28px;\n    text-align: center;\n    color: var(--bc-text-light);\n    font-size: 15px;\n  }\n  .bc-offerte .no-extras-note.visible { display: block; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STEP 3: JOUW EVENT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  .bc-offerte .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .form-group.full { grid-column: 1 \/ -1; }\n  .bc-offerte .form-group label {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--bc-black);\n  }\n  .form-group label .required { color: var(--bc-orange); }\n  .bc-offerte .form-group input,\n  .bc-offerte .form-group select,\n  .bc-offerte .form-group textarea {\n    padding: 12px 16px;\n    border: 2px solid var(--bc-gray-200);\n    border-radius: var(--bc-radius-sm);\n    font-family: var(--bc-sans);\n    font-size: 16px;\n    transition: border-color var(--bc-transition), box-shadow var(--bc-transition);\n    background: var(--bc-white);\n    color: var(--bc-black);\n    outline: none;\n  }\n  .bc-offerte .form-group input:focus,\n  .bc-offerte .form-group select:focus,\n  .bc-offerte .form-group textarea:focus {\n    border-color: var(--bc-orange);\n    box-shadow: 0 0 0 3px rgba(238, 116, 55, 0.12);\n  }\n  .bc-offerte .form-group textarea {\n    resize: vertical;\n    min-height: 120px;\n  }\n  \/* 1.19.0 (feedback Tim 28 okt, vermoeden): Safari op iOS tekent het datumveld als knop, met de tekst in het\n     midden en leeg lager dan de andere velden; zo staat hij links en even hoog als een tekstveld\n     (een regel plus 2 x 12 px binnenruimte en 2 x 2 px rand) *\/\n  .bc-offerte .form-group input[type=\"date\"] { -webkit-appearance: none; appearance: none; text-align: left; min-height: 50px; min-height: calc(1lh + 28px); }\n  .bc-offerte .form-group input[type=\"date\"]::-webkit-date-and-time-value { text-align: left; }\n  \/* 1.6.0: euroteken staat in het veld, het invoerveld schuift ernaast *\/\n  .bc-offerte .euro-veld { position: relative; }\n  .bc-offerte .euro-veld .euro-teken { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--bc-text-muted); pointer-events: none; }\n  \/* width + border-box: het veld zit in een wrapper, dus het rekt niet vanzelf mee zoals de\n     directe flex-kinderen van .form-group (select ernaast) *\/\n  .bc-offerte .euro-veld input { padding-left: 32px; width: 100%; box-sizing: border-box; }\n  .bc-offerte .form-group .helper {\n    font-size: 12px;\n    color: var(--bc-text-light);\n  }\n  .bc-offerte .bc-field-error {\n    color: var(--bc-text);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n  .bc-offerte .form-group [aria-invalid=\"true\"] { border-color: var(--bc-orange); }\n  \/* WhatsApp opt-in (alleen particulier, stap 4).\n     [hidden] expliciet: de display:flex hieronder zou anders het hidden-attribuut\n     overrulen en de checkbox ook bij zakelijk tonen (gevangen in E2E 2026-09-04). *\/\n  .bc-offerte .form-group[hidden] { display: none; }\n  .bc-offerte .wa-group { justify-content: flex-start; }\n  .bc-offerte .wa-optin {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    margin-top: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 1.45;\n    color: var(--bc-text);\n  }\n  .bc-offerte .wa-optin input {\n    margin: 2px 0 0;\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    accent-color: var(--bc-green);\n    cursor: pointer;\n  }\n\n  \/* Event type radio cards *\/\n  .bc-offerte .event-type-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    border-radius: var(--bc-radius-sm);\n  }\n  \/* 1.19.0 (Bram 28 okt): \"Particulier event\" en \"Zakelijk event\" voluit op \u00e9\u00e9n regel. Is de kolom van stap 3\n     smaller dan 812 px (de desktop-pagina met zijkolom, een iPad), dan past de keuze niet naast de datum en komt\n     de datum erboven; de keuzes staan dan naast elkaar, in een smalle embed en op de telefoon onder elkaar. *\/\n  .bc-offerte #step3 { container-type: inline-size; }\n  @container (max-width: 811px) { .bc-offerte #step3 .event-rij { grid-template-columns: 1fr; } }\n  .bc-offerte .event-type-card {\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 11px 16px; \/* zelfde hoogte als een invoerveld (Bram 9 sept) *\/\n    border: 2px solid var(--bc-gray-200);\n    border-radius: var(--bc-radius-sm);\n    cursor: pointer;\n    transition: all var(--bc-transition);\n    background: var(--bc-white);\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--bc-text-light);\n  }\n  .bc-offerte .event-type-card:hover {\n    border-color: var(--bc-orange);\n    background: var(--bc-warm);\n  }\n  .bc-offerte .event-type-card.selected {\n    border-color: var(--bc-orange);\n    background: var(--bc-warm);\n    color: var(--bc-black);\n  }\n  .bc-offerte .event-type-card .radio-dot {\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    border-radius: 50%;\n    border: 2px solid var(--bc-gray-300);\n    background: var(--bc-white);\n    position: relative;\n    transition: all var(--bc-transition);\n  }\n  .bc-offerte .event-type-card.selected .radio-dot {\n    border-color: var(--bc-orange);\n  }\n  .bc-offerte .event-type-card.selected .radio-dot::after {\n    content: '';\n    position: absolute;\n    inset: 3px;\n    border-radius: 50%;\n    background: var(--bc-orange);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JOUW SELECTIE \/ JOUW AANVRAAG (stap 3 + 4)\n     Witte kaart met service-thumbs, upsell-chips en icoon-rijen\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .selection-summary,\n  .bc-offerte .overview-card {\n    background: var(--bc-white);\n    border: 1px solid var(--bc-gray-200);\n    border-radius: var(--bc-radius-sm);\n    padding: 20px 22px;\n    box-shadow: 0 8px 24px rgba(36, 36, 34, 0.06);\n  }\n  .bc-offerte .selection-summary { margin-top: 32px; }\n  .bc-offerte .overview-card { margin-top: 8px; margin-bottom: 16px; }\n  .bc-offerte .selection-summary h4,\n  .bc-offerte .overview-card h4 {\n    font: 800 13px\/1 var(--bc-sans);\n    color: var(--bc-orange);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 6px;\n  }\n  .bc-offerte .sel-service {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 12px 0;\n  }\n  .bc-offerte .sel-service + .sel-service { border-top: 1px dashed var(--bc-gray-200); }\n  .bc-offerte .sel-thumb {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n    border-radius: 12px;\n    object-fit: cover;\n    display: block;\n    box-shadow: 0 4px 12px rgba(36, 36, 34, 0.14);\n  }\n  .bc-offerte .sel-thumb-icon {\n    display: grid;\n    place-items: center;\n    background: var(--bc-offwhite);\n    color: var(--bc-orange);\n    font: 900 20px\/1 var(--bc-serif);\n    box-shadow: none;\n  }\n  .bc-offerte .sel-service-body { flex: 1; min-width: 0; }\n  .bc-offerte .sel-name {\n    display: block;\n    font-weight: 800;\n    font-size: 15px;\n    color: var(--bc-black);\n  }\n  .bc-offerte .sel-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 7px;\n  }\n  .bc-offerte .sel-chip {\n    display: inline-flex;\n    align-items: center;\n    background: rgba(255, 234, 202, 0.6);\n    border: 1px solid rgba(238, 116, 55, 0.28);\n    color: var(--bc-text);\n    font: 700 12px\/1.3 var(--bc-sans);\n    padding: 4px 11px;\n    border-radius: var(--bc-radius-full);\n  }\n  .bc-offerte .sel-chip .sub-plus {\n    color: var(--bc-orange);\n    font-weight: 800;\n    margin-right: 4px;\n  }\n  .bc-offerte .sel-service .sel-check {\n    display: grid;\n    place-items: center;\n    width: 22px;\n    height: 22px;\n    min-width: 22px;\n    border-radius: 50%;\n    background: var(--bc-green);\n    color: var(--bc-white);\n    margin-left: auto;\n  }\n  .bc-offerte .sel-empty {\n    padding: 10px 0;\n    font-size: 14px;\n    color: var(--bc-text-muted);\n  }\n  \/* Event-gegevens als icoon-rijen onder de selectie *\/\n  .bc-offerte .ov-data {\n    margin-top: 10px;\n    padding-top: 6px;\n    border-top: 1px dashed var(--bc-gray-200);\n  }\n  .bc-offerte .ov-row {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n    padding: 7px 0;\n    font-size: 14px;\n  }\n  .bc-offerte .ov-icon {\n    color: var(--bc-orange);\n    display: inline-flex;\n    align-self: center;\n  }\n  .bc-offerte .ov-label { color: var(--bc-text-light); }\n  .bc-offerte .ov-value {\n    font-weight: 700;\n    color: var(--bc-black);\n    margin-left: auto;\n    text-align: right;\n    max-width: 60%;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     REVIEWREGEL (social proof bij de verstuurknop)\n     1.19.0 (feedback Tim 28 okt, keuze Bram): \u00e9\u00e9n regel met sterren in plaats van de donkere strook.\n     Onder een kaartje (overzicht) springt hij in tot de tekst in dat kaartje; op de desktop-pagina staat\n     vanaf 1100 px de korte versie in de knoppenbalk naast de verstuurknop. Links openen de reviewpagina in een nieuw tabblad.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .trust-regel {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px 8px;\n    margin-top: 18px;\n    font: 700 13px\/1.45 var(--bc-sans);\n    color: var(--bc-text-light);\n  }\n  .bc-offerte .overview-card + .trust-regel { margin-top: 0; padding: 0 23px; }\n  .bc-offerte .trust-aantal { white-space: nowrap; }\n  .bc-offerte .trust-sterren { display: inline-flex; gap: 1px; color: #DCA618; }\n  .bc-offerte .trust-sterren svg { display: block; }\n  .bc-offerte .trust-regel a,\n  .bc-offerte .nav-reviews a {\n    color: inherit;\n    text-decoration: underline;\n    text-decoration-color: var(--bc-gray-200);\n    text-underline-offset: 3px;\n  }\n  .bc-offerte .trust-regel a:hover,\n  .bc-offerte .nav-reviews a:hover { color: var(--bc-orange); text-decoration-color: currentColor; }\n  .bc-offerte .trust-regel strong,\n  .bc-offerte .nav-reviews strong { color: var(--bc-text); }\n  .bc-offerte .nav-reviews { display: none; }\n  @media (max-width: 480px) {\n    \/* Telefoon: elk platform op een eigen regel, zonder de punt ertussen *\/\n    .bc-offerte .trust-links { display: grid; gap: 2px; }\n    .bc-offerte .trust-punt { display: none; }\n  }\n  @media (min-width: 1100px) {\n    .bc-offerte-page .trust-regel { display: none; }\n    .bc-offerte-page .form-nav.sticky-final .nav-reviews {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-left: auto;\n      margin-right: 20px;\n      font: 700 13px\/1.4 var(--bc-sans);\n      color: var(--bc-text-light);\n      white-space: nowrap;\n    }\n  }\n  .bc-offerte .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n  \/* Mini-trust op stap 1: alleen mobiel (trust gespreid over de stappen i.p.v. gestapeld op stap 4) *\/\n  .bc-offerte .mini-trust { display: none; }\n  @media (max-width: 960px) {\n    .bc-offerte-page .mini-trust {\n      display: block;\n      margin: 10px 0 16px; \/* valt samen met de 8px marge van de kopregel: 10px onder de contactpil *\/\n      font: 700 12.5px\/1.4 var(--bc-sans);\n      color: var(--bc-text-muted);\n    }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     NAVIGATION (BC pill buttons, oranje \u2192 groen hover)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .form-nav {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 48px;\n    border-top: 1px solid var(--bc-gray-200);\n    background: var(--bc-warm);\n    border-radius: 0 0 var(--bc-radius) var(--bc-radius);\n  }\n  .bc-offerte .btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 32px;\n    border-radius: var(--bc-radius-full);\n    font-family: var(--bc-sans);\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.2;\n    cursor: pointer;\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n    border: none;\n    text-decoration: none;\n  }\n  .bc-offerte .btn-primary {\n    background: var(--bc-orange);\n    color: var(--bc-white);\n    box-shadow: 0 6px 18px rgba(238, 116, 55, 0.3);\n    letter-spacing: 0.01em;\n    padding: 16px 36px;\n  }\n  .bc-offerte .btn-primary:hover {\n    background: var(--bc-green);\n    box-shadow: 0 8px 20px rgba(15, 128, 105, 0.3);\n    transform: translateY(-2px);\n  }\n  .bc-offerte .btn-primary:active {\n    transform: translateY(0);\n  }\n  .bc-offerte .btn-ghost {\n    background: none;\n    color: var(--bc-text-muted);\n    padding: 14px 16px;\n  }\n  .btn-ghost:hover { color: var(--bc-black); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ADVIES STRIP\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .advies-inline {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--bc-warm);\n    border-radius: var(--bc-radius-full);\n    padding: 10px 18px;\n    border: 1px solid var(--bc-gray-200);\n    flex-shrink: 0;\n  }\n  .bc-offerte .advies-inline .advies-links {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 13px;\n    font-weight: 700;\n  }\n  .bc-offerte .advies-inline .advies-links a {\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: color var(--bc-transition);\n  }\n  .bc-offerte .advies-inline .advies-links a.advies-call { color: var(--bc-orange); }\n  .bc-offerte .advies-inline .advies-links a.advies-call:hover { color: var(--bc-green); }\n  .bc-offerte .advies-inline .advies-links a.advies-mail { color: var(--bc-text-muted); }\n  .bc-offerte .advies-inline .advies-links a.advies-mail:hover { color: var(--bc-orange); }\n  .bc-offerte .advies-inline .advies-label {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--bc-text-light);\n    white-space: nowrap;\n  }\n  .bc-offerte .advies-inline .advies-sep {\n    color: var(--bc-gray-300);\n    font-weight: 400;\n  }\n  .bc-offerte .section-header-row {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 24px;\n    margin-bottom: 8px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SUCCESS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte .success-state {\n    text-align: center;\n    padding: 60px 40px;\n  }\n  .bc-offerte .success-icon {\n    width: 84px;\n    height: 84px;\n    border-radius: 50%;\n    background: var(--bc-green);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 24px;\n    box-shadow: 0 10px 30px rgba(15, 128, 105, 0.3);\n  }\n  .bc-offerte .success-state h2 {\n    font-family: var(--bc-serif);\n    font-size: 30px;\n    font-weight: 900;\n    margin-bottom: 12px;\n    color: var(--bc-black);\n  }\n  .bc-offerte .success-state p {\n    color: var(--bc-text-light);\n    font-size: 16px;\n    max-width: 400px;\n    margin: 0 auto;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 1024px) {\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 768px) {\n    .bc-offerte .services-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 14px;\n    }\n    .bc-offerte .service-card .service-img { aspect-ratio: 4 \/ 3; }\n    .bc-offerte .service-name { font-size: 14px; }\n    .bc-offerte .service-body { padding: 10px 12px 12px; }\n    .bc-offerte .extras-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .bc-offerte .form-row { grid-template-columns: 1fr; }\n    \/* E\u00e9n kolom: de WhatsApp-vraag hoort direct onder Telefoon, spacer-label weg *\/\n    .bc-offerte .wa-group > label:first-child { display: none; }\n    .bc-offerte .wa-group { margin-top: -8px; }\n    .bc-offerte .event-type-row { grid-template-columns: 1fr; }\n    .bc-offerte .hero-grid { grid-template-columns: 1fr; gap: 32px; }\n    .bc-offerte .hero-copy h1 { font-size: 32px; }\n    .bc-offerte .hero-lead { font-size: 16px; }\n    \/* Teamfoto verbergen op mobiel: korte scroll naar het formulier *\/\n    .bc-offerte .hero-visual { display: none; }\n    .bc-offerte .hero-swoosh { width: 320px; right: -120px; bottom: -80px; }\n    .bc-offerte .page-hero { padding: 36px 20px 66px; }\n    \/* Formulier edge-to-edge voor maximale ruimte *\/\n    .bc-offerte .form-container { padding: 0; }\n    .bc-offerte .progress-bar { padding: 20px 16px 16px; border-radius: 0; }\n    .bc-offerte .form-panel { border-radius: 0; }\n    .bc-offerte .panel-content { padding: 24px 16px; }\n    .bc-offerte .form-nav { padding: 14px 16px; flex-wrap: nowrap; gap: 10px; border-radius: 0; }\n    \/* Verstuurknop altijd in beeld op de laatste stap (mobiel) *\/\n    .bc-offerte .form-nav.sticky-final {\n      position: sticky;\n      bottom: 0;\n      z-index: 20;\n      background: var(--bc-white);\n      box-shadow: 0 -10px 26px rgba(36, 36, 34, 0.14);\n      border-radius: 0;\n    }\n    .bc-offerte .section-header h2 { font-size: 23px; }\n    .bc-offerte .step-label { font-size: 10px; }\n    .bc-offerte .section-header-row { flex-direction: row; align-items: flex-start; gap: 12px; }\n    \/* Advies-pil naast de kop, alleen telefoon-icoon en nummer (Bram 9 sept) *\/\n    .bc-offerte .advies-inline {\n      align-self: flex-start;\n      width: auto;\n      flex-wrap: nowrap;\n      padding: 8px 12px;\n      gap: 8px;\n      margin-top: 2px;\n    }\n    .bc-offerte .advies-inline .advies-label,\n    .bc-offerte .advies-inline .advies-mail { display: none; }\n    .bc-offerte .advies-inline .advies-links {\n      flex-direction: row;\n      align-items: center;\n      gap: 12px;\n    }\n    .bc-offerte .advies-inline .advies-sep { display: none; }\n    \/* Knoppen compact zodat Vorige + verstuurknop op \u00e9\u00e9n regel passen (ook sticky) *\/\n    .bc-offerte .btn { padding: 12px 18px; font-size: 14px; white-space: nowrap; }\n    .bc-offerte .btn-primary { padding: 13px 22px; }\n    .bc-offerte .btn-ghost { padding: 12px 10px; }\n    .bc-offerte .form-nav.sticky-final { padding: 12px 16px; }\n  }\n  @media (max-width: 480px) {\n    \/* Telefoon: pil naast de kop knijpt de kop, dus hier onder de intro (compact, alleen nummer) *\/\n    .bc-offerte .section-header-row,\n    .bc-offerte.bc-offerte-embed .section-header-row { flex-direction: column; gap: 4px; }\n    .bc-offerte .advies-inline,\n    .bc-offerte.bc-offerte-embed .advies-inline { margin-top: 0; }\n    .bc-offerte .section-header-row .section-header { margin-bottom: 6px; }\n    \/* Navigatie: de primaire knop mag krimpen en afbreken, anders steekt \"Verder naar\n       contactgegevens\" naast Vorige buiten het formulier (gezien 9 sept, 390 px) *\/\n    .bc-offerte .form-nav { gap: 8px; }\n    \/* 1.10.0: zonder de oude negatieve marges is er minder breedte; Vorige smaller, zodat\n       \"Verstuur mijn aanvraag\" op 375-390 px op \u00e9\u00e9n regel blijft *\/\n    .bc-offerte .form-nav .btn-ghost { flex: 0 0 auto; padding-left: 2px; padding-right: 6px; }\n    .bc-offerte .form-nav .btn-primary { padding-left: 14px; padding-right: 14px; }\n    .bc-offerte .form-nav .btn-primary,\n    .bc-offerte.bc-offerte-embed .form-nav .btn-primary { flex: 1 1 auto; min-width: 0; white-space: normal; text-align: center; line-height: 1.25; justify-content: center; }\n    \/* 2 tegels naast elkaar (zoals stap 2): minder scrollen, kaarten compact *\/\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n    .bc-offerte .service-card .service-img { aspect-ratio: 4 \/ 3; }\n    .bc-offerte .service-name { font-size: 13px; }\n    .bc-offerte .service-body { padding: 9px 11px 11px; }\n    .bc-offerte .service-card .check-icon { width: 24px; height: 24px; top: 8px; right: 8px; }\n    .bc-offerte .extras-grid { grid-template-columns: repeat(2, 1fr); }\n    .bc-offerte .hero-copy h1 { font-size: 28px; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ELEMENTOR\/THEME OVERRIDES\n     TODO: verifi\u00ebren of barcompany.nl Elementor draait \u2014 zo niet, kan dit blok weg.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .bc-offerte {\n    font-family: var(--bc-sans) !important;\n    line-height: 1.6 !important;\n    color: var(--bc-text) !important;\n    -webkit-font-smoothing: antialiased !important;\n  }\n  .bc-offerte *, .bc-offerte *::before, .bc-offerte *::after {\n    box-sizing: border-box !important;\n  }\n  .bc-offerte .section-header h2,\n  .bc-offerte .hero-inner h1,\n  .bc-offerte .service-name,\n  .bc-offerte .upsell-section h3,\n  .bc-offerte .success-state h2 {\n    font-family: var(--bc-serif) !important;\n  }\n  .bc-offerte .script { font-family: var(--bc-script) !important; }\n  .bc-offerte .form-container { max-width: 1200px !important; }\n  .bc-offerte .form-container.narrow { max-width: 1000px !important; }\n  .bc-offerte .service-card .service-img,\n  .bc-offerte .extra-card img {\n    width: 100% !important;\n    object-fit: cover !important;\n  }\n  .bc-offerte .btn {\n    font-family: var(--bc-sans) !important;\n    border: none !important;\n    cursor: pointer !important;\n  }\n  .bc-offerte .btn-primary {\n    background: var(--bc-orange) !important;\n    color: white !important;\n  }\n  .bc-offerte .btn-primary:hover {\n    background: var(--bc-green) !important;\n  }\n  .bc-offerte .form-group input,\n  .bc-offerte .form-group select,\n  .bc-offerte .form-group textarea {\n    font-family: var(--bc-sans) !important;\n    background: white !important;\n  }\n  .bc-offerte .check-icon { z-index: 3 !important; }\n  .bc-offerte .selected .check-icon {\n    background: var(--bc-orange) !important;\n    border-color: var(--bc-orange) !important;\n  }\n  .bc-offerte .selected .check-icon svg { opacity: 1 !important; }\n  .bc-offerte .service-card { border: none !important; }\n  .bc-offerte .service-card img,\n  .bc-offerte .extra-card img { height: auto !important; }\n  .bc-offerte .event-type-card.selected {\n    border-color: var(--bc-orange) !important;\n    background: var(--bc-warm) !important;\n  }\n  @media (max-width: 768px) {\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr) !important; }\n  }\n  @media (max-width: 480px) {\n    \/* 2 tegels naast elkaar, ook door de theme-overrides heen *\/\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr) !important; }\n  }\n<\/style>\n\n<div class=\"bc-offerte bc-offerte-embed\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<main class=\"form-container\">\n  <div class=\"progress-bar\">\n    <div class=\"progress-steps\">\n      <div class=\"progress-line\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\n      <div class=\"step-item active\" data-step=\"1\">\n        <div class=\"step-circle\">1<\/div>\n        <span class=\"step-label\">Concept<\/span>\n      <\/div>\n      <div class=\"step-item\" data-step=\"2\">\n        <div class=\"step-circle\">2<\/div>\n        <span class=\"step-label\">Extra's<\/span>\n      <\/div>\n      <div class=\"step-item\" data-step=\"3\">\n        <div class=\"step-circle\">3<\/div>\n        <span class=\"step-label\">Event<\/span>\n      <\/div>\n      <div class=\"step-item\" data-step=\"4\">\n        <div class=\"step-circle\">4<\/div>\n        <span class=\"step-label\">Gegevens<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-panel\">\n   <div class=\"panel-body\">\n   <div class=\"panel-main\">\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n         STEP 1: Wat zoek je?\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"panel-content active\" id=\"step1\">\n      <div class=\"section-header-row\">\n        <div class=\"section-header\">\n          <!-- PREVIEW:STEP1HEAD:START -->\n                    <h2>Waar heb je <span class=\"script\">interesse<\/span> in?<\/h2>\n          <p>Kies wat je zoekt voor jouw event. Je kunt meerdere opties selecteren.<\/p>\n          <!-- PREVIEW:STEP1HEAD:END -->\n        <\/div>\n              <\/div>\n\n      <!-- Mobiel: kort concreet bewijs op de startstap (desktop toont het vertrouwensblok in de zijkolom) -->\n      <div class=\"mini-trust\">Sinds 2008 &middot; 9,3\/10 bij Feedback Company<\/div>\n\n            <!-- 1.8.0: stap 1 als categorietegels (Formulieren -> Kaarten -> Categorie\u00ebn). Desktop: tegels naast\n           elkaar, het paneel over de volle breedte onder de rij; mobiel: rijen die openklappen. Tegels en\n           vinkjes zijn div's met een role (net als de kaarten), want het live thema stijlt <button>. De\n           vinkjes lopen via toggleService(), dus state, zijkolom, validatie en dataLayer zijn gelijk. -->\n      <div class=\"bc-tegels\" id=\"bcTegels\">\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-c28zbs3\" data-tegel=\"c28zbs3\" onclick=\"toggleTegel(this)\">\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\n          <span class=\"bc-tegel-rij\">\n            <span class=\"bc-tegel-tekst\">\n              <span class=\"bc-tegel-titel\">Cocktails &amp; champagne<\/span>\n              <span class=\"bc-tegel-sub\">Cocktailbars, workshops &amp; champagnetorens<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\n            <\/span>\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-c28zbs3\" data-paneel=\"c28zbs3\" hidden>\n          <div class=\"bc-tegel-paneel-kop\">Cocktails &amp; champagne<\/div>\n          <div class=\"bc-tegel-opties\">\n                        <div class=\"tegel-optie\" data-service=\"cocktails\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Cocktailbar met bartender<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"champagnetoren\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Champagnetoren<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"cocktailworkshop\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Cocktailworkshop<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"oranje-aperol\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Oranje \/ Aperol cocktailbar<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                      <\/div>\n        <\/div>\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-crprp4l\" data-tegel=\"crprp4l\" onclick=\"toggleTegel(this)\">\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\n          <span class=\"bc-tegel-rij\">\n            <span class=\"bc-tegel-tekst\">\n              <span class=\"bc-tegel-titel\">Koffie &amp; matcha<\/span>\n              <span class=\"bc-tegel-sub\">Barista&#039;s, koffiemachines &amp; matcha<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\n            <\/span>\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-crprp4l\" data-paneel=\"crprp4l\" hidden>\n          <div class=\"bc-tegel-paneel-kop\">Koffie &amp; matcha<\/div>\n          <div class=\"bc-tegel-opties\">\n                        <div class=\"tegel-optie\" data-service=\"koffiebar-barista\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Koffiebar met barista<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"koffiemachine-huren\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Koffiemachine huren<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"matcha\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Matchabar<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                      <\/div>\n        <\/div>\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-co68dul\" data-tegel=\"co68dul\" onclick=\"toggleTegel(this)\">\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\n          <span class=\"bc-tegel-rij\">\n            <span class=\"bc-tegel-tekst\">\n              <span class=\"bc-tegel-titel\">Smoothies &amp; zuurstof<\/span>\n              <span class=\"bc-tegel-sub\">Smoothies, shakefiets en zuurstofbars<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\n            <\/span>\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-co68dul\" data-paneel=\"co68dul\" hidden>\n          <div class=\"bc-tegel-paneel-kop\">Smoothies &amp; zuurstof<\/div>\n          <div class=\"bc-tegel-opties\">\n                        <div class=\"tegel-optie\" data-service=\"juices-smoothies\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Smoothies<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"special--shakefiets\" data-kaart=\"eigen\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Shakefiets<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                        <div class=\"tegel-optie\" data-service=\"zuurstofbar\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\n              <span class=\"tegel-optie-naam\">Zuurstofbar<\/span>\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            <\/div>\n                      <\/div>\n        <\/div>\n              <\/div>\n      \n      <!-- \"Iets anders\"-blok met adviseur (Formulieren -> Kaarten -> modus \"Blok onder de kaarten\") -->\n      <!-- PREVIEW:ADVIESBLOK:START -->\n            <div class=\"bc-advies-blok\" id=\"serviceUnsure\">\n        <div class=\"bc-advies-persoon\">\n                      <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/rik.png\" alt=\"\" class=\"bc-advies-foto\" loading=\"lazy\">\n                  <\/div>\n        <div class=\"bc-advies-tekst\">\n                      <span class=\"bc-advies-kicker\">Rik &middot; Eventadviseur<\/span>\n                    <strong>Nog niet zeker wat het beste past?<\/strong>\n          <p>Rik denkt vrijblijvend met je mee.<\/p>\n          <!-- 1.10.0 (feedback Tim 1 okt): knop i.p.v. vinkje. Kiezen zet advies aan en gaat door naar\n               de volgende stap; nog een keer klikken (terug in stap 1) zet het weer uit. -->\n          <button type=\"button\" class=\"bc-advies-knop\" aria-pressed=\"false\" onclick=\"kiesAdvies(event)\">\n            <span class=\"cta-kies\">Help mij kiezen <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/span>\n            <span class=\"cta-gekozen\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Gekozen<\/span>\n          <\/button>\n                              <p class=\"bc-advies-contact\">Liever direct overleggen? Bel Rik op <a href=\"tel:0882035100\" class=\"bc-advies-tel\">088 20 35 100<\/a> of mail <a href=\"mailto:info@barcompany.nl\" class=\"bc-advies-mail\" aria-label=\"Mail ons\" title=\"info@barcompany.nl\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/a><\/p>\n                  <\/div>\n      <\/div>\n            <!-- PREVIEW:ADVIESBLOK:END -->\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n         STEP 2: Maak het af (conditionele upsells)\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"panel-content\" id=\"step2\">\n      <!-- PREVIEW:STEP2HEAD:START -->\n                  <div class=\"section-header\">\n        <span class=\"kicker\">Offerte matcha<\/span>\n        <h2>Wil je er <span class=\"script\">iets bij?<\/span><\/h2>\n        <p>Vink aan wat je interessant vindt, wij nemen het mee in het voorstel. Niets nodig? Klik gewoon op verder.<\/p>\n      <\/div>\n            <!-- PREVIEW:STEP2HEAD:END -->\n\n      <!-- TODO: upsell-mapping bevestigen met marketeer. Beheerbaar via Offertes \u2192 Instellingen \u2192 Upsells. -->\n      <!-- PREVIEW:UPSELLS:START -->\n            <div class=\"upsell-section\" data-for-service=\"cocktails\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Cocktails tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Cocktails<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"cocktails--welkomstdrankjes\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Cocktailshaker-Jelle-Small.jpg\" alt=\"Welkomstdrankjes\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Welkomstdrankjes\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Direct bij binnenkomst een feestelijk drankje voor al je gasten.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Welkomstdrankjes<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"cocktails--gin-tonic-bar\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/GinTonic-1.jpg\" alt=\"Gin Tonic bar\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gin Tonic bar\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Een aparte bar met verschillende gins, tonics en garnishes.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Gin Tonic bar<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"cocktails--thema-aankleding\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails-thema-aankleding.webp\" alt=\"Thema aankleding\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Thema aankleding\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">De bar en styling volledig in het thema van jouw event.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Thema aankleding<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"cocktails--eetbare-logos\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails-eetbare-logos.webp\" alt=\"Eetbare logo&#039;s\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare logo&#039;s\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Jouw logo als eetbare topper op de cocktails.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Eetbare logo&#039;s<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"cocktails--rokende-cocktails\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails-rokende-cocktails.webp\" alt=\"Rokende cocktails\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Rokende cocktails\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Spectaculaire cocktails met rook, een echte showstopper.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Rokende cocktails<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"cocktails--cocktails-sign\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails-cocktails-sign.webp\" alt=\"&#039;Cocktails&#039;-sign\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over &#039;Cocktails&#039;-sign\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Verlicht &#039;Cocktails&#039;-sign als eyecatcher boven de bar.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">&#039;Cocktails&#039;-sign<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <div class=\"upsell-section\" data-for-service=\"koffiebar-barista\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Koffiebar met barista tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Koffiebar met barista<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--matcha-bar\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-matcha.webp\" alt=\"Matcha bar\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Matcha bar\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Naast koffie ook verse matcha lattes voor je gasten.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Matcha bar<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--logo-op-de-bar-of-bekers\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-logo-op-de-bar-of-bekers.webp\" alt=\"Logo op de bar of bekers\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar of bekers\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">De bar en bekers gepersonaliseerd met jouw logo.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo op de bar of bekers<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--verse-brownies\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-verse-brownies.webp\" alt=\"Verse brownies\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Verse brownies\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Ambachtelijke brownies bij de koffie.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Verse brownies<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--logo-geprint-in-koffie\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-logo-geprint-in-koffie.webp\" alt=\"Logo geprint in koffie\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo geprint in koffie\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Jouw logo of tekst geprint in het melkschuim.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo geprint in koffie<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--eetbare-koffiebekers\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-eetbare-koffiebekers.webp\" alt=\"Eetbare koffiebekers\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare koffiebekers\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Duurzame bekers die je gewoon kunt opeten.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Eetbare koffiebekers<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--de-donutwall\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-de-donutwall.webp\" alt=\"De Donutwall\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over De Donutwall\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Een wand vol verse donuts naast de koffiebar.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">De Donutwall<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--ijskoffie-fruitwater\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-ijskoffie-fruitwater.webp\" alt=\"IJskoffie \/ fruitwater\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over IJskoffie \/ fruitwater\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Verfrissende ijskoffie of fruitwater, ideaal bij warm weer.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">IJskoffie \/ fruitwater<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <div class=\"upsell-section\" data-for-service=\"juices-smoothies\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Juices &amp; Smoothies tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Juices &amp; Smoothies<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--logo-op-de-bar-of-bekers\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies-logo-op-de-bar-of-bekers.webp\" alt=\"Logo op de bar of bekers\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar of bekers\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">De bar en bekers gepersonaliseerd met jouw logo.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo op de bar of bekers<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--logo-in-de-smoothies\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies-logo-in-de-smoothies.webp\" alt=\"Logo in de smoothies\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo in de smoothies\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Jouw logo als eetbare topper op de smoothies.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo in de smoothies<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--eetbare-smoothiebekers\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista-eetbare-koffiebekers.webp\" alt=\"Eetbare smoothiebekers\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare smoothiebekers\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Duurzame bekers die je gewoon kunt opeten.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Eetbare smoothiebekers<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--bakjes-vers-fruit\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies-bakjes-vers-fruit.webp\" alt=\"Bakjes vers fruit\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Bakjes vers fruit\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Bakjes vers fruit als gezonde snack erbij.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Bakjes vers fruit<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--de-shakefiets-trap-je-smoothie\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies-de-shakefiets-trap-je-smoothie.webp\" alt=\"De shakefiets (trap je smoothie)\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over De shakefiets (trap je smoothie)\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Gasten fietsen hun eigen smoothie bij elkaar. Gegarandeerd interactie!<\/span>\n            <\/button>\n                        <span class=\"extra-label\">De shakefiets (trap je smoothie)<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <div class=\"upsell-section\" data-for-service=\"champagnetoren\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Champagnetoren tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Champagnetoren<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--mijn-logo-op-de-toren\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-champagnetoren-mijn-logo-op-de-toren.webp\" alt=\"Mijn logo op de toren\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Mijn logo op de toren\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Jouw logo uitgelicht op de champagnetoren.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Mijn logo op de toren<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--gekleurde-bubbels\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-champagnetoren-gekleurde-bubbels.webp\" alt=\"Gekleurde bubbels\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gekleurde bubbels\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Bubbels in de kleur van jouw event of merk.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Gekleurde bubbels<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--andere-drank\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-champagnetoren-andere-drank.webp\" alt=\"Andere drank\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Andere drank\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Liever prosecco, cava of iets anders in de toren? Dat kan.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Andere drank<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <div class=\"upsell-section\" data-for-service=\"zuurstofbar\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Zuurstofbar tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Zuurstofbar<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--logo-op-de-bar\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-zuurstofbar-logo-op-de-bar.webp\" alt=\"Logo op de bar\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">De zuurstofbar gepersonaliseerd met jouw logo.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo op de bar<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--super-food-energy-shots\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-zuurstofbar-super-food-energy-shots.webp\" alt=\"Super food energy shots\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Super food energy shots\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Gezonde energy shots naast de zuurstofbar.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Super food energy shots<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--gepersonaliseerde-menukaart\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-zuurstofbar-gepersonaliseerde-menukaart.webp\" alt=\"Gepersonaliseerde menukaart\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gepersonaliseerde menukaart\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Menukaart in de stijl van jouw event.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Gepersonaliseerde menukaart<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <div class=\"upsell-section\" data-for-service=\"koffiemachine-huren\">\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Koffiemachine huren tonen of verbergen\">\n          <span class=\"upsell-head-text\">\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\n            <h3>Koffiemachine huren<\/h3>\n          <\/span>\n          <span class=\"upsell-count\"><\/span>\n          <svg class=\"upsell-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"upsell-body\">\n        <div class=\"extras-grid\">\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--logo-op-de-bekers\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiemachine-huren-logo-op-de-bekers.webp\" alt=\"Logo op de bekers\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bekers\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Bekers bedrukt met jouw logo.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo op de bekers<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--logo-in-display\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiemachine-huren-logo-in-display.webp\" alt=\"Logo in display\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo in display\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Jouw logo op het display van de machine.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Logo in display<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--chocolaatjes-met-logo\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/02\/large-e1739456893410.jpeg\" alt=\"Chocolaatjes met logo\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Chocolaatjes met logo\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Chocolaatjes met jouw logo bij de koffie.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Chocolaatjes met logo<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--watertap-met-mineraalwater\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiemachine-huren-watertap-met-mineraalwater.webp\" alt=\"Watertap met mineraalwater\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Watertap met mineraalwater\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Een watertap met gekoeld mineraalwater naast de machine.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Watertap met mineraalwater<\/span>\n          <\/div>\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--koffiebar-meubel\" onclick=\"toggleExtra(this)\">\n            <div class=\"extra-img-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiemachine-huren-koffiebar-meubel.webp\" alt=\"Koffiebar-meubel\" loading=\"lazy\">\n              <div class=\"check-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                          <\/div>\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Koffiebar-meubel\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span class=\"extra-tipbox\">Een stijlvol barmeubel om de machine op te plaatsen.<\/span>\n            <\/button>\n                        <span class=\"extra-label\">Koffiebar-meubel<\/span>\n          <\/div>\n                  <\/div>\n        <\/div><!-- \/.upsell-body -->\n      <\/div>\n            <!-- PREVIEW:UPSELLS:END -->\n\n      <!-- Fallback (normaal wordt stap 2 overgeslagen als geen gekozen service upsells heeft) -->\n      <div class=\"no-extras-note\" id=\"noExtrasNote\">\n        Voor jouw gekozen services zijn er geen extra opties.<br>\n        Klik op <strong>volgende<\/strong> om verder te gaan.\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n         STEP 3: Jouw event\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"panel-content\" id=\"step3\">\n      <div class=\"section-header\">\n        <span class=\"kicker\">Bijna klaar<\/span>\n        <h2>Vertel ons over je <span class=\"script\">event<\/span><\/h2>\n      <\/div>\n\n      <div class=\"form-row event-rij\">\n        <div class=\"form-group\">\n          <label for=\"eventDate\">Datum event (optioneel)<\/label>\n          <input type=\"date\" id=\"eventDate\" aria-describedby=\"eventDateHelp\">\n          <span class=\"helper\" id=\"eventDateHelp\">Nog geen datum? Laat dit veld leeg.<\/span>\n        <\/div>\n        <div class=\"form-group\">\n          <label>Dit is een: <span class=\"required\">*<\/span><\/label>\n          <div class=\"event-type-row\" id=\"eventTypeRow\">\n            <div class=\"event-type-card\" data-event-type=\"particulier\" onclick=\"selectEventType(this)\">\n              <span class=\"radio-dot\"><\/span>\n              Particulier event\n            <\/div>\n            <div class=\"event-type-card\" data-event-type=\"zakelijk\" onclick=\"selectEventType(this)\">\n              <span class=\"radio-dot\"><\/span>\n              Zakelijk event\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n            \n      <div class=\"form-group\" style=\"margin-top: 8px;\">\n        <label for=\"extraNotes\">Vertel kort over je event <span class=\"helper\">(optioneel)<\/span><\/label>\n        <textarea id=\"extraNotes\" maxlength=\"5000\" placeholder=\"Bijv. bedrijfsfeest voor 150 gasten, 17:00\u201321:00 uur, in Utrecht.\"><\/textarea>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n         STEP 4: Contact\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- 1.7.0: het contactformulier begint op stap 4, dus staat die hier al open (ook zonder JS). -->\n    <div class=\"panel-content\" id=\"step4\">\n      <div class=\"section-header\">\n                  <span class=\"kicker\">Laatste stap<\/span>\n          <h2>Vul je contactgegevens in<\/h2>\n          <p>Binnen 24 uur op werkdagen nemen we contact op.<\/p>\n              <\/div>\n\n      <!-- E\u00e9n grid: zakelijk = Naam, Bedrijf \/ E-mail, Telefoon; particulier = bedrijf weg en de\n           WhatsApp-vraag schuift naast Telefoon (Naam, E-mail \/ Telefoon, WhatsApp). -->\n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label for=\"contactName\">Naam <span class=\"required\">*<\/span><\/label>\n          <input type=\"text\" id=\"contactName\" maxlength=\"100\" placeholder=\"Je volledige naam\" autocomplete=\"name\" required>\n        <\/div>\n                <div class=\"form-group\" id=\"companyGroup\">\n          <label for=\"contactCompany\">Bedrijf (optioneel)<\/label>\n          <input type=\"text\" id=\"contactCompany\" maxlength=\"150\" placeholder=\"Bedrijfsnaam (optioneel)\" autocomplete=\"organization\">\n        <\/div>\n                <div class=\"form-group\">\n          <label for=\"contactEmail\">E-mail <span class=\"required\">*<\/span><\/label>\n          <input type=\"email\" id=\"contactEmail\" placeholder=\"naam@bedrijf.nl\" autocomplete=\"email\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"contactPhone\">Telefoonnummer <span class=\"required\">*<\/span><\/label>\n          <input type=\"tel\" id=\"contactPhone\" maxlength=\"30\" placeholder=\"06 - 12345678\" autocomplete=\"tel\" aria-describedby=\"contactPhoneHelp\" required>\n          <span class=\"helper\" id=\"contactPhoneHelp\">We gebruiken je nummer alleen om deze aanvraag snel met je af te stemmen.<\/span>\n        <\/div>\n                        <!-- WhatsApp opt-in: alleen bij particuliere events (teamfeedback), default uit (AVG) -->\n        <div class=\"form-group wa-group\" id=\"waGroup\" hidden>\n          <label aria-hidden=\"true\">&nbsp;<\/label>\n          <label class=\"wa-optin\">\n            <input type=\"checkbox\" id=\"waOptIn\">\n            <span>Je mag me over deze aanvraag ook via WhatsApp benaderen.<\/span>\n          <\/label>\n        <\/div>\n              <\/div>\n\n      <div style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\n        <input type=\"text\" name=\"bc_hp_field\" tabindex=\"-1\" autocomplete=\"off\">\n      <\/div>\n      <input type=\"hidden\" name=\"form_id\" value=\"30766\">\n\n            <div class=\"overview-card\" id=\"overviewCard\">\n        <h4>Jouw aanvraag<\/h4>\n        <div id=\"overviewSelection\"><\/div>\n        <div id=\"overviewData\"><\/div>\n      <\/div>\n      \n      <!-- Social proof op het beslismoment. 1.19.0 (feedback Tim 28 okt, keuze Bram): \u00e9\u00e9n regel met sterren\n           in plaats van de donkere strook; op de desktop-pagina staat de korte versie naast de verstuurknop\n           (.nav-reviews). Cijfers uit BC_Catalog::reviews(), links naar de reviewpagina's in een nieuw tabblad. -->\n      <div class=\"trust-regel\">\n        <span class=\"trust-sterren\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><\/span>\n        <span class=\"trust-links\">\n          <a href=\"https:\/\/www.feedbackcompany.com\/nl-nl\/reviews\/bar-company\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong data-no-translation>9,3\/10<\/strong> op Feedback Company <span class=\"trust-aantal\">(<span data-no-translation>709<\/span> reviews)<\/span><span class=\"sr-only\"> (opent in nieuw tabblad)<\/span><\/a>\n          <span class=\"trust-punt\" aria-hidden=\"true\">&middot;<\/span>\n          <a href=\"https:\/\/www.google.com\/search?q=Bar+Company+Reviews&#038;rflfq=1&#038;num=20&#038;rldimm=16739393789790485153&#038;hl=nl#lkt=LocalPoiReviews\" target=\"_blank\" rel=\"noopener noreferrer\"><strong data-no-translation>4,9\/5<\/strong> op Google <span class=\"trust-aantal\">(<span data-no-translation>789<\/span> reviews)<\/span><span class=\"sr-only\"> (opent in nieuw tabblad)<\/span><\/a>\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUCCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"panel-content\" id=\"stepSuccess\">\n      <div class=\"success-state\">\n        <div class=\"success-icon\">\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n                <h2>Offerte <span class=\"script\">aangevraagd!<\/span><\/h2>\n        <p>Bedankt voor je aanvraag. We nemen binnen 24 uur op werkdagen contact met je op.<\/p>\n              <\/div>\n    <\/div>\n\n   <\/div><!-- \/.panel-main -->\n\n   <!-- Zijkolom: bewerkbare samenvatting \"Jouw aanvraag\" (wijzigen\/verwijderen per\n        onderdeel) + compact vertrouwensblok met concrete bewijzen (teamfeedback Tim).\n        Alleen op desktop in de full-page variant; mobiel en embed gebruiken de\n        inline overzichten in stap 3\/4. -->\n   <aside class=\"form-rail\" id=\"formRail\">\n    <div class=\"rail-inner\">\n     <div class=\"rail-selection\" id=\"railSelection\" hidden>\n       <h4>Jouw aanvraag<\/h4>\n              <!-- 1.19.0: zonder de USP's op stap 1 en 2 (feedback Tim 28 okt) toont de zijkolom tot de eerste keuze dit -->\n       <p class=\"rail-leeg\" id=\"railLeeg\" hidden>Kies wat je zoekt, dan zie je hier je aanvraag groeien.<\/p>\n              <div class=\"rail-sec\" id=\"railSecConcept\" hidden>\n         <div class=\"rail-sec-head\"><span>Concept<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(1)\">Wijzigen<\/button><\/div>\n         <div id=\"railConceptLines\"><\/div>\n       <\/div>\n       <div class=\"rail-sec\" id=\"railSecExtras\" hidden>\n         <div class=\"rail-sec-head\"><span>Extra's<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(2)\">Wijzigen<\/button><\/div>\n         <div class=\"rail-chips\" id=\"railExtraChips\"><\/div>\n       <\/div>\n       <div class=\"rail-sec\" id=\"railSecEvent\" hidden>\n         <div class=\"rail-sec-head\"><span>Event<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(3)\">Wijzigen<\/button><\/div>\n         <div id=\"railData\"><\/div>\n       <\/div>\n     <\/div>\n     <!-- Alleen op de contactstap (1.19.0, feedback Tim 28 okt: op stap 1 en 2 geen USP's; op het offerteformulier\n          alleen \"Reactie binnen 24 uur\" en \"100% vrijblijvend\"; het contactformulier heeft geen zijkolom).\n          De reviewscore staat in de reviewregel bij de verstuurknop. -->\n     <div class=\"rail-trust\">\n       <ul class=\"rail-trust-contact\">\n         <li><span class=\"b-check\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"b-text\">Reactie binnen <strong>24 uur<\/strong> op werkdagen<\/span><\/li>\n         <li><span class=\"b-check\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"b-text\"><strong>100%<\/strong> vrijblijvend<\/span><\/li>\n       <\/ul>\n     <\/div>\n    <\/div><!-- \/.rail-inner -->\n   <\/aside>\n   <\/div><!-- \/.panel-body -->\n\n    <!-- Navigation -->\n    <div class=\"form-nav\" id=\"formNav\">\n      <button class=\"btn btn-ghost\" id=\"btnPrev\" onclick=\"prevStep()\" style=\"visibility:hidden;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n        Vorige\n      <\/button>\n      <div class=\"nav-reviews\">\n        <span class=\"trust-sterren\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"\/><\/svg><\/span>\n        <a href=\"https:\/\/www.feedbackcompany.com\/nl-nl\/reviews\/bar-company\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong data-no-translation>9,3\/10<\/strong> Feedback Company<span class=\"sr-only\"> (opent in nieuw tabblad)<\/span><\/a>\n        <span aria-hidden=\"true\">&middot;<\/span>\n        <a href=\"https:\/\/www.google.com\/search?q=Bar+Company+Reviews&#038;rflfq=1&#038;num=20&#038;rldimm=16739393789790485153&#038;hl=nl#lkt=LocalPoiReviews\" target=\"_blank\" rel=\"noopener noreferrer\"><strong data-no-translation>4,9\/5<\/strong> Google<span class=\"sr-only\"> (opent in nieuw tabblad)<\/span><\/a>\n      <\/div>\n      <button class=\"btn btn-primary\" id=\"btnNext\" onclick=\"nextStep()\">\n        Volgende\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/main>\n\n\n\n<\/div><!-- \/.bc-offerte -->\n<\/div><\/div><\/section>\n<section class=\"bc-review-spotlight bc-visible\" data-component=\"Reviews\" data-variant=\"white\" aria-labelledby=\"bc-reviews-uartid-kop\"><div class=\"bc-review-spotlight__heading\" data-bc-in=\"tekst\"><div><p class=\"bc-review-spotlight__eyebrow\">Beoordelingen<\/p><h2 id=\"bc-reviews-uartid-kop\">Wat zeggen onze klanten <span class=\"bc-script\">over ons<\/span><\/h2><\/div><a class=\"bc-review-spotlight__score\" href=\"https:\/\/www.feedbackcompany.com\/nl-nl\/reviews\/bar-company\" target=\"_blank\" rel=\"noopener\"><strong>9,3<small>\/10<\/small><\/strong><span><span class=\"bc-review-getal\" data-bc-review=\"fc-aantal\" data-no-translation=\"\">709<\/span> reviews<\/span><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/feedback-company.svg\" alt=\"Feedback Company\"><\/a><\/div><div class=\"bc-review-spotlight__viewport\" role=\"region\" aria-roledescription=\"carrousel\" aria-label=\"Ervaringen met de matcha bar\" tabindex=\"0\"><div class=\"bc-review-spotlight__track\"><article class=\"bc-review-spotlight__card\" data-review-index=\"0\" aria-label=\"Review van Elias Navarro\"><div class=\"bc-review-spotlight__top\"><span class=\"bc-review-spotlight__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"bc-review-spotlight__rating\">10<small>\/10<\/small><\/span><\/div><blockquote id=\"bc-reviews-uartid-q0\">Veel gasten waren nieuwsgierig naar de matcha bar en dat maakte het meteen een gespreksstarter. De matcha lattes zagen er prachtig uit en smaakten verrassend goed. Het gaf ons event een trendy en frisse uitstraling.<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-uartid-q0\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>Elias Navarro<\/strong><time datetime=\"2025-09-19\">19-09-2025<\/time><\/div><a class=\"bc-review-spotlight__source\" href=\"https:\/\/www.feedbackcompany.com\/nl-nl\/reviews\/bar-company\" target=\"_blank\" rel=\"noopener\">Feedback Company \u2197<\/a><\/article><article class=\"bc-review-spotlight__card\" data-review-index=\"1\" aria-label=\"Review van Luna Zilverberg\"><div class=\"bc-review-spotlight__top\"><span class=\"bc-review-spotlight__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"bc-review-spotlight__rating\">10<small>\/10<\/small><\/span><\/div><blockquote id=\"bc-reviews-uartid-q1\">Het matcha concept van BarCompany was echt bijzonder! De groene thee lattes vielen goed in de smaak en zagen er prachtig uit. Klein verbeterpunt: het mocht iets sneller geserveerd worden. Verder een top ervaring!<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-uartid-q1\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>Luna Zilverberg<\/strong><time datetime=\"2025-09-12\">12-09-2025<\/time><\/div><a class=\"bc-review-spotlight__source\" href=\"https:\/\/www.feedbackcompany.com\/nl-nl\/reviews\/bar-company\" target=\"_blank\" rel=\"noopener\">Feedback Company \u2197<\/a><\/article><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"2\" aria-label=\"Review van RAI Amsterdam\"><div class=\"bc-review-spotlight__top\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"RAI Amsterdam\" loading=\"lazy\"><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-uartid-q2\">Het is altijd fijn om te werken met professionals.<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-uartid-q2\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>RAI Amsterdam<\/strong><\/div><\/article><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"3\" aria-label=\"Review van ING\"><div class=\"bc-review-spotlight__top\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Logo-8-min.png\" alt=\"ING\" loading=\"lazy\"><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-uartid-q3\">De bars zijn mooi en de drankjes zijn heel goed. Maar wij blijven terugkomen bij BC vanwege de leuke mensen achter de bar.<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-uartid-q3\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>ING<\/strong><\/div><\/article><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"4\" aria-label=\"Review van Bol.com\"><div class=\"bc-review-spotlight__top\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Logo-5-min.png\" alt=\"Bol.com\" loading=\"lazy\"><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-uartid-q4\">Jullie waren de gangmakers op ons feest.<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-uartid-q4\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>Bol.com<\/strong><\/div><\/article><\/div><\/div><div class=\"bc-review-spotlight__controls\"><button type=\"button\" data-review-prev aria-label=\"Vorige review\">\u2190<\/button><span data-review-position aria-live=\"polite\" aria-atomic=\"true\">1 \/ 5<\/span><button type=\"button\" data-review-next aria-label=\"Volgende review\">\u2192<\/button><\/div><a class=\"bc-review-spotlight__all\" href=\"https:\/\/www.barcompany.nl\/referenties\/\">Meer referenties<\/a><\/section>\n<section class=\"bc-logo-marquee bc-visible\" data-component=\"ClientLogos\" aria-label=\"Een selectie klanten van Bar Company\" data-variant=\"tight\"><p class=\"bc-logo-marquee__kick\">Meer dan <strong>10.000<\/strong> tevreden klanten door heel Nederland:<\/p><div class=\"bc-logo-marquee__mask\"><div class=\"bc-logo-marquee__track\"><ul><li><span class=\"bc-logo-marquee__crop\" style=\"width:76px;height:45.82px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditRai1.png\" alt=\"RAI Amsterdam\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:88.116px;height:54.632px;left:-5.948px;top:-4.406px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:120px;height:21.512px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditVermaat1.png\" alt=\"Vermaat\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:120px;height:21.951px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:100px;height:45px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditAmsterdam1.png\" alt=\"Gemeente Amsterdam\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:100px;height:62px;left:0px;top:-8.5px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:30.972px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditDouweEgberts1.png\" alt=\"Douwe Egberts\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:125.758px;height:46.725px;left:-8.01px;top:-8.544px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:110px;height:29.58px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditNetflix1.png\" alt=\"Netflix\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:138.732px;height:58.235px;left:-14.328px;top:-14.328px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:27.711px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ing.png\" alt=\"ING\" loading=\"lazy\" style=\"width:115.464px;height:71.588px;left:-1.732px;top:-21.938px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:45.535px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-rabobank.png\" alt=\"Rabobank\" loading=\"lazy\" style=\"width:113.131px;height:70.141px;left:0px;top:-11.879px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:45px;height:47.119px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ah.svg\" alt=\"AH\" loading=\"lazy\" style=\"width:45px;height:47.119px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:52px;height:52px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-coolblue-logo.png\" alt=\"Coolblue\" loading=\"lazy\" style=\"width:52px;height:52px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:37.777px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-nike.svg\" alt=\"Nike\" loading=\"lazy\" style=\"width:106px;height:37.777px;left:0px;top:0px\"><\/span><\/li><\/ul><ul aria-hidden=\"true\"><li><span class=\"bc-logo-marquee__crop\" style=\"width:76px;height:45.82px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditRai1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:88.116px;height:54.632px;left:-5.948px;top:-4.406px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:120px;height:21.512px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditVermaat1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:120px;height:21.951px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:100px;height:45px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditAmsterdam1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:100px;height:62px;left:0px;top:-8.5px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:30.972px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditDouweEgberts1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:125.758px;height:46.725px;left:-8.01px;top:-8.544px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:110px;height:29.58px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditNetflix1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:138.732px;height:58.235px;left:-14.328px;top:-14.328px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:27.711px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ing.png\" alt=\"\" loading=\"lazy\" style=\"width:115.464px;height:71.588px;left:-1.732px;top:-21.938px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:45.535px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-rabobank.png\" alt=\"\" loading=\"lazy\" style=\"width:113.131px;height:70.141px;left:0px;top:-11.879px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:45px;height:47.119px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ah.svg\" alt=\"\" loading=\"lazy\" style=\"width:45px;height:47.119px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:52px;height:52px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-coolblue-logo.png\" alt=\"\" loading=\"lazy\" style=\"width:52px;height:52px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:37.777px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-nike.svg\" alt=\"\" loading=\"lazy\" style=\"width:106px;height:37.777px;left:0px;top:0px\"><\/span><\/li><\/ul><ul aria-hidden=\"true\"><li><span class=\"bc-logo-marquee__crop\" style=\"width:76px;height:45.82px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditRai1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:88.116px;height:54.632px;left:-5.948px;top:-4.406px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:120px;height:21.512px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditVermaat1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:120px;height:21.951px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:100px;height:45px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditAmsterdam1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:100px;height:62px;left:0px;top:-8.5px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:30.972px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditDouweEgberts1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:125.758px;height:46.725px;left:-8.01px;top:-8.544px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:110px;height:29.58px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgEditNetflix1.png\" alt=\"\" loading=\"lazy\" data-op-licht=\"omgekeerd\" style=\"width:138.732px;height:58.235px;left:-14.328px;top:-14.328px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:27.711px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ing.png\" alt=\"\" loading=\"lazy\" style=\"width:115.464px;height:71.588px;left:-1.732px;top:-21.938px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:112px;height:45.535px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-rabobank.png\" alt=\"\" loading=\"lazy\" style=\"width:113.131px;height:70.141px;left:0px;top:-11.879px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:45px;height:47.119px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-ah.svg\" alt=\"\" loading=\"lazy\" style=\"width:45px;height:47.119px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:52px;height:52px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-coolblue-logo.png\" alt=\"\" loading=\"lazy\" style=\"width:52px;height:52px;left:0px;top:0px\"><\/span><\/li><li><span class=\"bc-logo-marquee__crop\" style=\"width:106px;height:37.777px\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/client-nike.svg\" alt=\"\" loading=\"lazy\" style=\"width:106px;height:37.777px;left:0px;top:0px\"><\/span><\/li><\/ul><\/div><\/div><button type=\"button\" class=\"bc-logo-marquee__pauze\" data-bc-pauze><span data-bc-pauze-uit>Pauzeer<\/span><span data-bc-pauze-aan>Speel af<\/span><\/button><\/section>\n<section class=\"bc-profile bc-visible\" id=\"voor-wie\" data-variant=\"landscape flip\" data-bc-checkfill data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/Matcha-3-min-1920x2400.jpg\" alt=\"Matcha bar met verse matcha drinks\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><p class=\"bc-profile__eyebrow\">Voor wie?<\/p><h2 class=\"bc-profile__title\">Wie huren matcha bars op <span class=\"bc-script\">locatie?<\/span><\/h2><p>We hebben ondertussen <mark class=\"bc-mark\">meer dan 100 matcha opdrachten<\/mark> uitgevoerd en zien vooral veel aanvragen voor events met een jongere en bewuste doelgroep. Je kunt een Matcha bar perfect inzetten op:<\/p><ul class=\"bc-profile__list\"><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Bedrijfsevents<\/li><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Open dagen op scholen en universiteiten<\/li><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Recruitmentevents en carri\u00e8redagen<\/li><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Openingen van beauty salons en kledingwinkels<\/li><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Beurzen en congressen met een hip of duurzaam imago<\/li><li data-bc-check><span class=\"bc-profile__dot\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10.5l4.2 4L16 6\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>Bruiloften of festivals als originele toevoeging<\/li><\/ul><\/div><\/div><\/section>\n<section class=\"bc-profile bc-visible\" id=\"matcha-marketing\" data-variant=\"landscape\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/mactah-8-min-819x1024.jpg\" alt=\"Impressie: matcha bar met aardbei en mango varianten\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><p class=\"bc-profile__eyebrow\">Brand activation<\/p><h2 class=\"bc-profile__title\">Matcha is <span class=\"bc-script\">marketing<\/span><\/h2><p>Matcha is niet alleen een drankje, maar ook een beleving en een merkactivatie in \u00e9\u00e9n.<\/p><p>Je krijgt een unieke menukaart met hippe Matcha drankjes zoals je die niet overal zomaar krijgt. Wil je het nog persoonlijker? Dan zorgen we voor een bar in jouw branding of bekers met je logo. Ideaal voor productlanceringen, merkactivaties en beurzen.<\/p><div class=\"bc-profile__ctas\"><a class=\"bc-btn bc-btn--glow\" href=\"https:\/\/www.barcompany.nl\/offerte-aanvragen\/\">Offerte aanvragen<\/a><\/div><\/div><\/div><\/section>\n<\/div>\n<section class=\"bc-team-intro bc-visible\" aria-labelledby=\"bc-team-1kpyno\" data-component=\"TeamStory\"><div class=\"bc-team-intro__inner\"><div class=\"bc-team-intro__photo\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/team-confetti-1600.jpg\" alt=\"Het team van Bar Company samen achter de bar, met confetti\" loading=\"lazy\"><div class=\"bc-team-intro__heading\"><p class=\"bc-team-intro__eyebrow\">Kennismaken<\/p><h2 id=\"bc-team-1kpyno\">Wij zijn Bar Company,<br><span class=\"bc-script\">aangenaam<\/span><\/h2><\/div><img decoding=\"async\" class=\"bc-team-intro__badge\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/imgInGoodCompanyBatch011.svg\" alt=\"In Good Company\"><\/div><div class=\"bc-team-intro__story\" data-bc-in=\"tekst\"><div class=\"bc-team-intro__copy\"><p>Bar Company is de cocktail- en koffiespecialist voor events in Nederland: 16 jaar ervaring, meer dan 2.500 evenementen per jaar en een team van gangmakers dat weet hoe je een rij gasten vrolijk houdt. Met de matcha bar brengen we dat vakmanschap naar een nieuw drankje: vers geklopt, iced of warm, en elk glas een foto waard.<\/p><p>Van aanvraag tot de laatste latte regelen wij het: advies, opbouw op locatie, bediening en opruimen. Klanten geven ons een 9,3 en meer dan 10.000 tevreden klanten gingen je voor. Dat is geen marketing, dat is track record. Jij geniet, wij regelen de rest.<\/p><\/div><a class=\"bc-btn bc-btn--glow bc-team-intro__btn\" href=\"https:\/\/www.barcompany.nl\/over-team-bar-company\/\">Lees meer over Bar Company \u2192<\/a><\/div><span class=\"bc-team-intro__arc\" aria-hidden=\"true\"><\/span><\/div><\/section>\n<section class=\"bc-faq bc-faq--serif bc-visible\" id=\"vragen\" data-variant=\"plain band\" data-component=\"FAQ\"><div class=\"bc-faq-wrap\"><div class=\"bc-faq__head\" data-bc-in=\"tekst\"><p class=\"bc-faq__eyebrow\">Goed om te weten<\/p><h2>Veelgestelde <span class=\"bc-script\">vragen<\/span><\/h2><\/div><div class=\"bc-faq__list\"><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Wat is een matcha bar precies?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Een matcha bar is een mobiel drankstation waar onze barista\u2019s verse matcha drinks bereiden, warm of koud. Denk aan romige matcha lattes of verfrissende iced matcha\u2019s met smaken als aardbei en mango. Een echte eyecatcher op elk evenement.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Voor welke evenementen is de matcha bar geschikt?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Onze matcha bar is perfect voor beurzen, bedrijfsevenementen, festivals, open dagen en bruiloften. Het is een originele toevoeging aan je cateringconcept en past perfect bij duurzame, gezonde of trendy events.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoeveel matchadrankjes kunnen jullie per uur serveren?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Onze barista\u2019s bereiden gemiddeld 65 matcha\u2019s per uur per persoon. Voor grotere events kunnen we extra barista\u2019s inzetten.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoeveel ruimte heeft de matcha bar nodig?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">De bar is circa 1,65 meter lang en heeft alleen een standaard stopcontact nodig. Wij zorgen voor alle apparatuur, ingredi\u00ebnten en styling; jij hoeft alleen de locatie aan te geven.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Wat kost het huren van een matcha bar?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">De prijs hangt af van de duur van het evenement, het aantal gasten en de locatie. Matcha bar huren kan vanaf \u20ac750. Vraag een gratis offerte aan; je ontvangt binnen 24 uur een voorstel op maat.<\/div><\/div><\/div><\/details><div class=\"bc-faq__overflow\" id=\"bc-faq-overflow-8eb27681\"><div class=\"bc-faq__overflow-inner\"><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kunnen jullie de matcha bar in onze huisstijl aankleden?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Ja, absoluut. We kunnen de bar voorzien van jouw logo, kleuren of branding. Zo past de bar perfect bij de look-and-feel van jouw merk of evenement.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Worden er ook andere drankjes geserveerd?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Naast matcha bieden we ook verse koffie, iced coffee, <a href=\"https:\/\/www.barcompany.nl\/smoothies\/\">smoothies<\/a> en andere gezonde dranken aan. Ideaal als onderdeel van een compleet drankenconcept.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kan de matcha bar ook buiten worden geplaatst?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Ja, de bar is mobiel en kan zowel binnen als buiten worden ingezet. Bij buitenlocaties is een overkapping of tent handig om soepele service te garanderen.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoe snel kunnen jullie leveren?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">We zijn flexibel. Vaak kunnen we binnen enkele dagen leveren, afhankelijk van je planning. We raden wel aan om tijdig te boeken zodat je zeker bent van een plekje.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoe vraag ik een offerte aan?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Heel eenvoudig: vraag een offerte aan via onze website of bel ons direct op 088 20 35 100. We helpen je graag met een passend voorstel voor jouw evenement.<\/div><\/div><\/div><\/details><\/div><\/div><div class=\"bc-faq__more\"><button type=\"button\" class=\"bc-faq__more-btn\" aria-expanded=\"false\" aria-controls=\"bc-faq-overflow-8eb27681\" data-bc-faq-toggle><span class=\"bc-faq__more-label\"><span data-bc-faq-meer>Bekijk alle 10 vragen<\/span><span data-bc-faq-minder hidden>Toon minder<\/span><\/span><span class=\"bc-faq__more-ic\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><\/div><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Wat is een matcha bar precies?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Een matcha bar is een mobiel drankstation waar onze barista\u2019s verse matcha drinks bereiden, warm of koud. Denk aan romige matcha lattes of verfrissende iced matcha\u2019s met smaken als aardbei en mango. Een echte eyecatcher op elk evenement.\"}},{\"@type\":\"Question\",\"name\":\"Voor welke evenementen is de matcha bar geschikt?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Onze matcha bar is perfect voor beurzen, bedrijfsevenementen, festivals, open dagen en bruiloften. Het is een originele toevoeging aan je cateringconcept en past perfect bij duurzame, gezonde of trendy events.\"}},{\"@type\":\"Question\",\"name\":\"Hoeveel matchadrankjes kunnen jullie per uur serveren?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Onze barista\u2019s bereiden gemiddeld 65 matcha\u2019s per uur per persoon. Voor grotere events kunnen we extra barista\u2019s inzetten.\"}},{\"@type\":\"Question\",\"name\":\"Hoeveel ruimte heeft de matcha bar nodig?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De bar is circa 1,65 meter lang en heeft alleen een standaard stopcontact nodig. Wij zorgen voor alle apparatuur, ingredi\u00ebnten en styling; jij hoeft alleen de locatie aan te geven.\"}},{\"@type\":\"Question\",\"name\":\"Wat kost het huren van een matcha bar?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De prijs hangt af van de duur van het evenement, het aantal gasten en de locatie. Matcha bar huren kan vanaf \u20ac750. Vraag een gratis offerte aan; je ontvangt binnen 24 uur een voorstel op maat.\"}},{\"@type\":\"Question\",\"name\":\"Kunnen jullie de matcha bar in onze huisstijl aankleden?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, absoluut. We kunnen de bar voorzien van jouw logo, kleuren of branding. Zo past de bar perfect bij de look-and-feel van jouw merk of evenement.\"}},{\"@type\":\"Question\",\"name\":\"Worden er ook andere drankjes geserveerd?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Naast matcha bieden we ook verse koffie, iced coffee, smoothies en andere gezonde dranken aan. Ideaal als onderdeel van een compleet drankenconcept.\"}},{\"@type\":\"Question\",\"name\":\"Kan de matcha bar ook buiten worden geplaatst?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, de bar is mobiel en kan zowel binnen als buiten worden ingezet. Bij buitenlocaties is een overkapping of tent handig om soepele service te garanderen.\"}},{\"@type\":\"Question\",\"name\":\"Hoe snel kunnen jullie leveren?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We zijn flexibel. Vaak kunnen we binnen enkele dagen leveren, afhankelijk van je planning. We raden wel aan om tijdig te boeken zodat je zeker bent van een plekje.\"}},{\"@type\":\"Question\",\"name\":\"Hoe vraag ik een offerte aan?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Heel eenvoudig: vraag een offerte aan via onze website of bel ons direct op 088 20 35 100. We helpen je graag met een passend voorstel voor jouw evenement.\"}}]}<\/script><\/section>\n<div class=\"bc-band\">\n<section class=\"bc-concept-grid bc-visible\" id=\"inspiratie\" data-variant=\"photo-body\" data-component=\"ServiceGrid\"><div class=\"bc-concept-grid__wrap\"><h2 class=\"bc-concept-grid__title\" data-bc-in=\"tekst\">Lees ook<\/h2><div class=\"bc-concept-grid__grid\"><a class=\"bc-concept-grid__card\" href=\"https:\/\/www.barcompany.nl\/blog\/ube-matcha\/\" data-bc-in=\"beeld\"><div class=\"bc-concept-grid__photo\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-1024x683.jpg\" alt=\"Ube Matcha: onze nieuwe koffiespecial\" loading=\"lazy\"><\/div><div class=\"bc-concept-grid__body\"><h3>Ube Matcha: onze nieuwe koffiespecial<\/h3><p>Ube Matcha op je event: gelaagd in het glas, paars van de knol zelf.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card\" href=\"https:\/\/www.barcompany.nl\/inspiratie\/trends-in-event-catering-2026\/\" data-bc-in=\"beeld\"><div class=\"bc-concept-grid__photo\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-44-min1-1024x683.jpg\" alt=\"Trends in event catering 2026\" loading=\"lazy\"><\/div><div class=\"bc-concept-grid__body\"><h3>Trends in event catering 2026<\/h3><p>Ontdek de trends in event catering 2026.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card\" href=\"https:\/\/www.barcompany.nl\/inspiratie\/een-mocktail-workshop-op-locatie-is-gezellig-creatief-en-100-alcoholvrij\/\" data-bc-in=\"beeld\"><div class=\"bc-concept-grid__photo\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/04\/Sfeerfoto-bartender-1.jpeg\" alt=\"Een mocktail workshop op locatie is gezellig, creatief en 100% alcoholvrij\" loading=\"lazy\"><\/div><div class=\"bc-concept-grid__body\"><h3>Een mocktail workshop op locatie is gezellig, creatief en 100% alcoholvrij<\/h3><p>Een mocktail workshop op locatie is gezellig, creatief en 100% alcoholvrij.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card\" href=\"https:\/\/www.barcompany.nl\/inspiratie\/nieuwjaarsborrel-organiseren\/\" data-bc-in=\"beeld\"><div class=\"bc-concept-grid__photo\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/06\/Grand_Tower_Deluxe_1.jpg\" alt=\"Nieuwjaarsborrel organiseren: inspiratie en idee\u00ebn voor een sterke start van het jaar\" loading=\"lazy\"><\/div><div class=\"bc-concept-grid__body\"><h3>Nieuwjaarsborrel organiseren: inspiratie en idee\u00ebn voor een sterke start van het jaar<\/h3><p>Organiseer een onvergetelijke nieuwjaarsborrel met de unieke bars van Bar Company.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><\/div><\/div><\/section>\n<\/div>\n<section class=\"bc-collega-cta bc-visible\" data-component=\"ContactCTA\" data-variant=\"plain\"><div class=\"bc-collega-cta__wrap\"><div class=\"bc-collega-cta__card\" data-bc-in=\"beeld\"><div class=\"bc-collega-cta__copy\"><span class=\"bc-collega-cta__mark\" aria-hidden=\"true\">Cheers<\/span><h2>Boek jouw matcha bar<\/h2><p>Vraag vandaag nog een offerte aan voor jouw matcha bar. Wij maken van elk evenement een heerlijk feestje.<\/p><\/div><span class=\"bc-collega-cta__arc\" aria-hidden=\"true\"><\/span><img decoding=\"async\" class=\"bc-collega-cta__person\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/06\/Luna.png\" alt=\"Luna\" loading=\"lazy\"><div class=\"bc-collega-cta__acts\"><div class=\"bc-collega-cta__advisor\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/06\/Luna.png\" alt=\"\" loading=\"lazy\"><p>Vrijblijvend advies nodig?<br><strong><span data-bc-naam>Luna<\/span> helpt je verder.<\/strong><\/p><\/div><a class=\"bc-btn bc-btn--glow\" href=\"https:\/\/www.barcompany.nl\/offerte-aanvragen\/\">Offerte aanvragen<\/a><a class=\"bc-collega-cta__tel\" href=\"tel:0882035100\">088 20 35 100<\/a><\/div><\/div><\/div><\/section>\n\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Service\",\"@id\":\"https:\/\/www.barcompany.nl\/inspiratie\/matcha-bar-huren\/#service\",\"name\":\"Matcha bar huren voor je event? Hip, traditioneel en all inclusive\",\"provider\":{\"@id\":\"https:\/\/www.barcompany.nl\/#organization\"},\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.barcompany.nl\/inspiratie\/matcha-bar-huren\/#webpage\"},\"description\":\"Huur een matcha bar op jouw locatie! Incl. barista en traditionele bereiding | Alles is inbegrepen | Voor bedrijfsevenementen. Lees meer!\"}<\/script>\n<\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home Matcha bar huren Een Matcha bar huren voor jouw event? Huur onze mobiele matcha bar op jouw locatie Wil je het meest hippe drankje van dit moment live bereid hebben op je event? Dan wil je een matcha bar huren. Met onze mobiele matcha bar op jouw locatie serveer je deze felgroene theedrank op [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":28523,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_focus_keyword":"matcha bar huren","rank_math_title":"Matcha bar huren met barista | Bar Company","rank_math_description":"Een matcha bar met barista die de traditionele bereiding tot een beleving maakt, all-inclusive vanaf \u20ac750. Een verrassende extra voor je event.","rank_math_rich_snippet":"","rank_math_robots":["index"],"_bc_content_session_id":"matcha-20","_bc_content_content_hash":"","footnotes":""},"categories":[44],"tags":[45,50],"class_list":["post-28315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiratie","tag-cocktails","tag-mocktails"],"featured_image_urls_v2":{"full":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg",1710,2560,false],"thumbnail":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-150x150.jpg",150,150,true],"medium":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-200x300.jpg",200,300,true],"medium_large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-768x1150.jpg",768,1150,true],"large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-684x1024.jpg",684,1024,true],"1536x1536":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-1026x1536.jpg",1026,1536,true],"2048x2048":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-1368x2048.jpg",1368,2048,true],"trp-custom-language-flag":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg",8,12,false],"gform-image-choice-sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg",200,300,false],"gform-image-choice-md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg",267,400,false],"gform-image-choice-lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg",401,600,false],"awb_sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-500x749.jpg",500,749,true],"awb_md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-800x1198.jpg",800,1198,true],"awb_lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-1280x1916.jpg",1280,1916,true],"awb_xl":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-1920x2875.jpg",1920,2875,true]},"post_excerpt_stackable_v2":"<p>Home Matcha bar hurenEen Matcha bar huren voor jouw event? Huur onze mobiele matcha bar op jouw locatieWil je het meest hippe drankje van dit moment live bereid hebben op je event? Dan wil je een matcha bar huren. Met onze mobiele matcha bar op jouw locatie serveer je deze felgroene theedrank op een manier die zowel stijlvol als opvallend is. Het resultaat? Een unieke, Instagram-waardige eyecatcher die jouw event meteen naar een hoger niveau tilt.Offerte aanvragenMeer informatieAll-inclusive vanaf \u20ac750.65per uur per barista5matchadrankjes op de kaart1,65 mcompacte bar9,3klantwaardering Wat is matcha eigenlijk?Matcha is een felgroene, fijngemalen Japanse groene thee die&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/www.barcompany.nl\/es\/category\/inspiratie\/\" rel=\"category tag\">Inspiratie<\/a>","author_info_v2":{"name":"Hanneke","url":"https:\/\/www.barcompany.nl\/es\/author\/hanneke\/"},"comments_num_v2":"0 comments","acf":[],"_links":{"self":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/28315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/comments?post=28315"}],"version-history":[{"count":32,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/28315\/revisions"}],"predecessor-version":[{"id":31240,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/28315\/revisions\/31240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media\/28523"}],"wp:attachment":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media?parent=28315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/categories?post=28315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/tags?post=28315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}