{"id":30596,"date":"2026-08-13T16:51:08","date_gmt":"2026-08-13T14:51:08","guid":{"rendered":"https:\/\/www.barcompany.nl\/?p=30596"},"modified":"2026-09-07T14:23:11","modified_gmt":"2026-09-07T12:23:11","slug":"ube-matcha","status":"publish","type":"post","link":"https:\/\/www.barcompany.nl\/es\/blog\/ube-matcha\/","title":{"rendered":"Matcha de ube"},"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\">\n<section class=\"bc-page-hero\" data-variant=\"default\"><div class=\"bc-page-hero__wrap\"><div class=\"bc-page-hero__text\"><nav class=\"bc-page-hero__crumb\" aria-label=\"Kruimelpad\"><a href=\"\/\">Home<\/a> <i aria-hidden=\"true\">\u203a<\/i> <a href=\"\/blog\/\">Blog<\/a> <i aria-hidden=\"true\">\u203a<\/i> <span>Ube Matcha<\/span><\/nav><h1>Ube Matcha: onze nieuwe <span class=\"bc-script\">koffiespecial<\/span><\/h1><p class=\"bc-page-hero__lead\">De nieuwe trend uit Zuidoost-Azi\u00eb staat vanaf nu op onze kaart. Twee lagen in \u00e9\u00e9n glas, een 100% natuurlijke kleur. Op Nederlandse events is Ube nog een zeldzame verschijning. Juist daardoor trekt de combinatie met het paars de aandacht aan de bar.<\/p><div class=\"bc-page-hero__ctas\"><a class=\"bc-btn bc-btn--glow\" href=\"#offerte\">Ik wil Ube op mijn event<\/a><a class=\"bc-page-hero__alt\" href=\"\/inspiratie\/matcha-bar-huren\/\">Bekijk de matcha bar<\/a><\/div><\/div><div class=\"bc-page-hero__visual\"><div class=\"bc-page-hero__media\"><div class=\"bc-page-hero__arc\" aria-hidden=\"true\"><\/div><div class=\"bc-page-hero__arc2\" aria-hidden=\"true\"><\/div><img decoding=\"async\" class=\"bc-page-hero__photo\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/DSC06488.webp\" alt=\"Glas ube met paarse en witte lagen door elkaar gemarmerd, wit schuim met paars poeder en twee zwarte rietjes op een barmat\" loading=\"eager\" fetchpriority=\"high\"><\/div><\/div><\/div><\/section>\n<section class=\"bc-why-list bc-why-list--titled bc-why-list--smiley\" data-bc-checkfill data-bc-reveal><div class=\"bc-why-list__wrap\"><div class=\"bc-why-list__intro\"><p class=\"bc-why-list__eyebrow\">Nieuw op de kaart<\/p><h2 class=\"bc-why-list__title\">Waarom Ube?<\/h2><\/div><ul class=\"bc-why-list__list\"><li data-bc-check><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>100% natuurlijke kleur<\/strong> Het paars komt uit de knol zelf. Geen kleurstof uit een flesje.<\/span><\/li><li data-bc-check><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>Perfect met matcha<\/strong> Paars tegen groen in \u00e9\u00e9n glas en die lagen blijven staan tot de laatste slok.<\/span><\/li><li data-bc-check><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>Ook als Ube Latte<\/strong> Onder een shot espresso doet Ube precies hetzelfde. Je koffiedrinkers kunnen gewoon mee.<\/span><\/li><li data-bc-check><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>Gemaakt om gefotografeerd te worden<\/strong> De barista stylt de bovenlaag af met latte art. Daar komen de telefoons voor tevoorschijn.<\/span><\/li><\/ul><\/div><\/section>\n<section class=\"bc-impression\"><div class=\"bc-impression__track\" data-bc-imptrack><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04826-scaled.jpg\" alt=\"Barista van Bar Company achter de bar op een beursvloer, met cupcakes op houten etag\u00e8res naast zich\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg\" alt=\"Lachende bezoekster houdt een glas ube matcha vast waarin de paarse, romige en groene laag onder elkaar zichtbaar zijn\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/DSC06470.jpg\" alt=\"Barista schenkt paarse ube uit een kannetje in een hoog glas met melk en ijs op de bar\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04871-scaled.jpg\" alt=\"Barista schenkt opgeklopte matcha uit een keramische kom over de paarse ube-laag in twee glazen op de bar\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/Matcha-3-scaled.jpg\" alt=\"Barista klopt matcha met een bamboe garde in een groen gespikkelde kom, in schort van Bar Company\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/DSC06488.jpg\" alt=\"Glas ube met paarse en witte marmering onder wit schuim met paars poeder en twee zwarte rietjes\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04836-scaled.jpg\" alt=\"Bezoekers wachten bij de mosbegroeide bar van Bar Company terwijl de barista hun drankje maakt\" loading=\"lazy\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/08\/matcha-5-min-scaled.jpg\" alt=\"Barista schenkt verse matcha uit een chawan in twee gelaagde iced lattes op de bar\" loading=\"lazy\"><\/div><\/div><\/section>\n<section class=\"bc-prose\" data-variant=\"default\" data-bc-reveal><div class=\"bc-prose-inner\"><h2 class=\"bc-prose__heading\">Een knol uit Zuidoost-Azi\u00eb, geen kleurstof<\/h2><p>Ube is een paarse knol uit Zuidoost-Azi\u00eb. Daar zit hij al generaties in gebak, ijs en drankjes. Hier is die smaak net komen overwaaien: op Nederlandse events is Ube nog een zeldzame verschijning. Grote kans dus dat jouw gasten hem nog nooit gehad hebben.<\/p><p>Onze barista bouwt hem op in lagen, en die blijven staan. Paars tegen groen, of paars tegen koffiebruin, in een hoog glas. De bovenlaag stylen we af met latte art. Dat is het moment waarop de telefoons tevoorschijn komen.<\/p><\/div><\/section>\n<section class=\"bc-features\" data-variant=\"cols-3\" data-bc-reveal><div class=\"bc-features-inner\"><h2 class=\"bc-features__heading\">Ube past op iedere koffie- of matchabar<\/h2><ul class=\"bc-features__items\"><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Matcha-event?<\/h3><p class=\"bc-features__item-body\">Ube Matcha. Paars onder groen, ter plekke opgeklopt met de bamboe klopper.<\/p><\/li><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Koffie-event?<\/h3><p class=\"bc-features__item-body\">Ube Latte. Paars onder een shot espresso, met latte art erop.<\/p><\/li><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Zomerevent?<\/h3><p class=\"bc-features__item-body\">Iced Ube Matcha of Latte. Allebei over ijs, in een hoog glas met de lagen zichtbaar.<\/p><\/li><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Winterevent?<\/h3><p class=\"bc-features__item-body\">Warm geserveerd. Binnen en in het najaar blijven de lagen in het glas net zo goed zichtbaar.<\/p><\/li><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Business event?<\/h3><p class=\"bc-features__item-body\">Iedereen vraagt zich af waar dat paarse drankje vandaan komt. Ze melden zich vanzelf bij je stand.<\/p><\/li><li class=\"bc-features__item\"><h3 class=\"bc-features__item-heading\">Gewoon omdat het kan?<\/h3><p class=\"bc-features__item-body\">Ook goed. Paars in het glas heeft geen aanleiding nodig.<\/p><\/li><\/ul><\/div><\/section>\n<section class=\"bc-prose\" data-variant=\"default\" data-bc-reveal><div class=\"bc-prose-inner\"><h2 class=\"bc-prose__heading\">Live gemaakt onder het oog van je gasten<\/h2><p>Ube zit niet vast aan matcha. Onder een shot espresso doet hij precies hetzelfde en dan heet het een Ube Latte. Dat komt goed uit, want je gasten lopen uiteen. De koffiedrinkers die geen matcha hoeven, kunnen gewoon mee.<\/p><p>Elke matcha klopt onze barista ter plekke op. Dat proef je: romig in plaats van korrelig. De melk kies je zelf, kokos, haver of koemelk, en alles is alcoholvrij.<\/p><p>Wil je je merk erop? Dan transformeren we de bar in jouw huisstijl, bekers met je logo en de koffieprinter drukt je logo of een QR-code in het melkschuim.<\/p><\/div><\/section>\n<section class=\"bc-stats\" data-variant=\"inline-strip\">\n  <div class=\"bc-stats-inner\">\n    \n    <div class=\"bc-stats__items\">\n        <div class=\"bc-stats__item\">\n          <span class=\"bc-stats__num\" data-target=\"16\">\n            16\n          <\/span>\n          <p class=\"bc-stats__label\">jaar ervaring<\/p>\n        <\/div>\n        <div class=\"bc-stats__item\">\n          <span class=\"bc-stats__num\" data-target=\"2500\">\n            2.500<span class=\"bc-stats__plus\">+<\/span>\n          <\/span>\n          <p class=\"bc-stats__label\">events per jaar<\/p>\n        <\/div>\n        <div class=\"bc-stats__item\">\n          <span class=\"bc-stats__num\">\n            9,3\n          <\/span>\n          <p class=\"bc-stats__label\">klantbeoordeling<\/p>\n        <\/div>\n        <div class=\"bc-stats__item\">\n          <span class=\"bc-stats__num\" data-target=\"10000\">\n            10.000<span class=\"bc-stats__plus\">+<\/span>\n          <\/span>\n          <p class=\"bc-stats__label\">klanten gingen je voor<\/p>\n        <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"bc-faq bc-faq--serif bc-faq--white\" data-variant=\"serif\" data-bc-reveal><div class=\"bc-faq-wrap\"><div class=\"bc-faq__head\"><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 kost het?<\/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 beschikbaar vanaf \u20ac750. Vraag naar de mogelijkheden om Ube aan het menu toe te voegen.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Op welke bar kan Ube staan?<\/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\">Op alle drie. De Matcha bar is compact, circa 1,65 meter en de barista&#39;s zitten erbij. Een standaard 230V-stroompunt volstaat en een wateraansluiting heb je niet nodig. Op de mobiele koffiebar komt de Ube Latte naast espresso en cappuccino. De ijskoffiebar draait de iced versies.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kan mijn logo op het drankje?<\/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 koffieprinter drukt je logo of een QR-code in het melkschuim, in drie seconden per kop. De bar kan daarnaast in je huisstijl, met bekers met je logo erop.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Waar komt Ube vandaan?<\/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\">Uit Zuidoost-Azi\u00eb, waar de paarse knol al lang in gebak, ijs en drankjes gaat. Die smaak is komen overwaaien naar het westen, maar op Nederlandse events is Ube nog een zeldzame verschijning.<\/div><\/div><\/div><\/details><div class=\"bc-faq__overflow\" id=\"bc-faq-overflow-e90237d3\"><div class=\"bc-faq__overflow-inner\"><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kan Ube ook met koffie in plaats van matcha?<\/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. Onder een shot espresso werkt Ube net zo goed als onder matcha. Op de kaart heet dat een Ube Latte. Wij zetten meestal allebei de varianten erop, zodat je gasten zelf kiezen.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Wordt hij warm of koud 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\">Allebei kan. Warm binnen en in het najaar, iced op een zomerborrel of in een volle zaal. De lagen in het glas blijven in beide versies zichtbaar.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Waar smaakt een Ube Matcha naar?<\/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\">Naar matcha, maar ronder. De Ube haalt de rauwe, grasachtige kant van groene thee eraf. Gasten die matcha normaal te bitter vinden, drinken deze meestal wel uit.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kan het met plantaardige melk?<\/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. Kokosmelk en havermelk staan standaard achter de bar, naast koemelk. Je gast kiest bij het bestellen.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Zit er cafe\u00efne in?<\/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, uit de matcha. Matcha is fijngemalen groene thee waarvan je het hele blad drinkt. In de Ube zelf zit geen cafe\u00efne; bij de Ube Latte komt die uit de espresso.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoeveel drankjes maken jullie per uur?<\/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\">Ongeveer 65 per uur per barista, omdat elke matcha vers wordt opgeklopt. Bij grotere groepen zetten we extra barista&#39;s in, zodat de wachttijd kort blijft.<\/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-e90237d3\" data-bc-faq-toggle data-label-more=\"Bekijk alle 10 vragen\" data-label-less=\"Toon minder\"><span class=\"bc-faq__more-label\">Bekijk alle 10 vragen<\/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 kost het?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Onze Matcha bar is beschikbaar vanaf \u20ac750. Vraag naar de mogelijkheden om Ube aan het menu toe te voegen.\"}},{\"@type\":\"Question\",\"name\":\"Op welke bar kan Ube staan?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Op alle drie. De Matcha bar is compact, circa 1,65 meter en de barista's zitten erbij. Een standaard 230V-stroompunt volstaat en een wateraansluiting heb je niet nodig. Op de mobiele koffiebar komt de Ube Latte naast espresso en cappuccino. De ijskoffiebar draait de iced versies.\"}},{\"@type\":\"Question\",\"name\":\"Kan mijn logo op het drankje?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. De koffieprinter drukt je logo of een QR-code in het melkschuim, in drie seconden per kop. De bar kan daarnaast in je huisstijl, met bekers met je logo erop.\"}},{\"@type\":\"Question\",\"name\":\"Waar komt Ube vandaan?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Uit Zuidoost-Azi\u00eb, waar de paarse knol al lang in gebak, ijs en drankjes gaat. Die smaak is komen overwaaien naar het westen, maar op Nederlandse events is Ube nog een zeldzame verschijning.\"}},{\"@type\":\"Question\",\"name\":\"Kan Ube ook met koffie in plaats van matcha?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. Onder een shot espresso werkt Ube net zo goed als onder matcha. Op de kaart heet dat een Ube Latte. Wij zetten meestal allebei de varianten erop, zodat je gasten zelf kiezen.\"}},{\"@type\":\"Question\",\"name\":\"Wordt hij warm of koud geserveerd?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Allebei kan. Warm binnen en in het najaar, iced op een zomerborrel of in een volle zaal. De lagen in het glas blijven in beide versies zichtbaar.\"}},{\"@type\":\"Question\",\"name\":\"Waar smaakt een Ube Matcha naar?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Naar matcha, maar ronder. De Ube haalt de rauwe, grasachtige kant van groene thee eraf. Gasten die matcha normaal te bitter vinden, drinken deze meestal wel uit.\"}},{\"@type\":\"Question\",\"name\":\"Kan het met plantaardige melk?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. Kokosmelk en havermelk staan standaard achter de bar, naast koemelk. Je gast kiest bij het bestellen.\"}},{\"@type\":\"Question\",\"name\":\"Zit er cafe\u00efne in?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, uit de matcha. Matcha is fijngemalen groene thee waarvan je het hele blad drinkt. In de Ube zelf zit geen cafe\u00efne; bij de Ube Latte komt die uit de espresso.\"}},{\"@type\":\"Question\",\"name\":\"Hoeveel drankjes maken jullie per uur?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ongeveer 65 per uur per barista, omdat elke matcha vers wordt opgeklopt. Bij grotere groepen zetten we extra barista's in, zodat de wachttijd kort blijft.\"}}]}<\/script><\/section>\n<section class=\"bc-profile bc-profile--no-media bc-profile--compact-bottom\" id=\"offerte\" data-variant=\"no-media\" data-bc-reveal><div class=\"bc-profile__wrap\"><div class=\"bc-profile__text\"><h2 class=\"bc-profile__title\">Onze specials op jouw <span class=\"bc-script\">event?<\/span><\/h2><p>\u00a0<\/p><\/div><\/div><\/section>\n<section class=\"bc-prose bc-prose--wide\" data-variant=\"wide\" data-bc-reveal><div class=\"bc-prose-inner\">\r\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\">\r\n<style>\r\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\r\n     BC BRAND 2.0 TOKENS\r\n     Bron: bc-content-machine (homepage 2.0 + bc-design-system)\r\n     Script-font: 'Blakson Hustle' is custom (niet als webfont beschikbaar) \u2014 Damion is de offici\u00eble fallback.\r\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 *\/\r\n  \/* Tokens op .bc-offerte, niet op :root: cdn.barcompany.nl\/design-system\/bc.css zet dezelfde\r\n     --bc-* namen op :root (o.a. --bc-white #fff9f0, --bc-radius-sm 4px) en laadt later.\r\n     Gevangen op live, 9 sept 2026: hoeken 4px, paneel cr\u00e8me, adviesblok onzichtbaar. *\/\r\n  .bc-offerte {\r\n    --bc-orange: #EE7437;\r\n    --bc-green: #0F8069;\r\n    --bc-mustard: #DCA618;\r\n    --bc-offwhite: #FFEACA;\r\n    --bc-warm: #FFF9F0;\r\n    --bc-black: #242422;\r\n    --bc-text: #242422;\r\n    --bc-text-light: #555555;\r\n    --bc-text-muted: #999999;\r\n    --bc-gray-100: #F7F5F3;\r\n    --bc-gray-200: #E8E4E0;\r\n    --bc-gray-300: #C8C3BE;\r\n    --bc-white: #FFFFFF;\r\n    --bc-serif: 'Merriweather', Georgia, serif;\r\n    --bc-sans: 'Mulish', system-ui, sans-serif;\r\n    --bc-script: 'Blakson Hustle', 'Damion', cursive;\r\n    --bc-shadow-card: 0 20px 44px rgba(36,36,34,0.14);\r\n    --bc-shadow-card-hover: 0 34px 66px rgba(36,36,34,0.22);\r\n    --bc-shadow-soft: 0 16px 36px rgba(36,36,34,0.13);\r\n    --bc-radius: 18px;\r\n    --bc-radius-sm: 12px;\r\n    --bc-radius-full: 9999px;\r\n    --bc-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n  }\r\n\r\n  .bc-offerte {\r\n    font-family: var(--bc-sans);\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    color: var(--bc-text);\r\n    background: var(--bc-warm);\r\n  }\r\n\r\n  \/* Script-accent (oranje handschrift, licht gedraaid \u2014 zoals homepage) *\/\r\n  .bc-offerte .script {\r\n    font-family: var(--bc-script);\r\n    font-weight: 400;\r\n    color: var(--bc-orange);\r\n    font-size: 1.16em;\r\n    display: inline-block;\r\n    transform: rotate(-2deg);\r\n    padding: 0 0.06em;\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  \/* Kicker (oranje uppercase label boven headings) *\/\r\n  .bc-offerte .kicker {\r\n    display: block;\r\n    font: 800 11.5px\/1 var(--bc-sans);\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--bc-orange);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\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\r\n     HERO (2-kolom, zoals offerte-pagina barcompany.nl:\r\n     copy + beloftes links, teamfoto + patch rechts)\r\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 *\/\r\n  .bc-offerte .page-hero {\r\n    background: var(--bc-offwhite);\r\n    padding: 40px 24px 84px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .bc-offerte .hero-grid {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n  }\r\n  .bc-offerte .hero-copy h1 {\r\n    font-family: var(--bc-serif);\r\n    color: var(--bc-black);\r\n    font-size: 50px;\r\n    font-weight: 900;\r\n    margin: 0 0 18px;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.12;\r\n  }\r\n  .bc-offerte .hero-lead {\r\n    color: var(--bc-text);\r\n    font-size: 18px;\r\n    max-width: 480px;\r\n    margin: 0 0 10px;\r\n    line-height: 1.65;\r\n  }\r\n  .bc-offerte .hero-lead mark {\r\n    background: rgba(238, 116, 55, 0.16);\r\n    color: inherit;\r\n    padding: 0 0.14em;\r\n    border-radius: 4px;\r\n    -webkit-box-decoration-break: clone;\r\n    box-decoration-break: clone;\r\n  }\r\n  .bc-offerte .hero-note {\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    color: var(--bc-text-light);\r\n    margin: 0 0 26px;\r\n  }\r\n  \/* De Bar Company beloftes (oranje checks, zoals huidige offerte-pagina) *\/\r\n  .bc-offerte .beloftes-title {\r\n    font-family: var(--bc-serif);\r\n    font-weight: 900;\r\n    font-size: 19px;\r\n    color: var(--bc-black);\r\n    margin: 0 0 12px;\r\n  }\r\n  .bc-offerte .beloftes ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .bc-offerte .beloftes li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 6px 0;\r\n    font-size: 15px;\r\n    color: var(--bc-text);\r\n  }\r\n  .bc-offerte .beloftes li strong { font-weight: 800; }\r\n  .bc-offerte .b-check {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    border-radius: 50%;\r\n    border: 2px solid var(--bc-orange);\r\n    color: var(--bc-orange);\r\n  }\r\n  \/* Teamfoto + In Good Company patch *\/\r\n  .bc-offerte .hero-visual {\r\n    position: relative;\r\n    justify-self: end;\r\n    width: 100%;\r\n    max-width: 520px;\r\n  }\r\n  .bc-offerte .hero-photo {\r\n    width: 100%;\r\n    display: block;\r\n    border-radius: 28px 90px 28px 28px;\r\n    box-shadow: var(--bc-shadow-card);\r\n    object-fit: cover;\r\n    aspect-ratio: 4 \/ 3.1;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  \/* Offici\u00eble In Good Company patch (zelfde asset + plaatsing als het hero-blok in bc-content-machine) *\/\r\n  .bc-offerte .igc-patch {\r\n    position: absolute;\r\n    left: -33px;\r\n    bottom: -50px;\r\n    z-index: 2;\r\n    width: 150px;\r\n    height: 150px;\r\n    transform: rotate(-10deg);\r\n    filter: drop-shadow(0 12px 26px rgba(0,0,0,0.35));\r\n    pointer-events: none;\r\n  }\r\n  \/* Bar Company swoosh op de rand hero \u2192 formulier (zoals het statement-blok) *\/\r\n  \/* padding-bottom (i.p.v. margin op .form-container) zodat de ruimte onder het\r\n     formulier de warme achtergrond houdt \u2014 margin zou buiten .bc-offerte collapsen *\/\r\n  .bc-offerte { position: relative; overflow-x: clip; padding-bottom: 120px; }\r\n  \/* Hero zit in een eigen wrapper (page template) \u2014 onderruimte hoort bij de form-wrapper *\/\r\n  .bc-offerte-hero-wrap { padding-bottom: 0; }\r\n  \/* Embed via [bc_offerte]: geen hero om over te lappen, bescheiden onderruimte.\r\n     container-type laat het formulier reageren op de breedte van het blok waarin\r\n     het ge-embed is (bijv. een smalle zijkolom op een conceptpagina) i.p.v. de viewport. *\/\r\n  .bc-offerte-embed {\r\n    padding-bottom: 40px;\r\n    background: transparent;\r\n    container: bc-form \/ inline-size;\r\n  }\r\n  .bc-offerte-embed .form-container { margin-top: 0; }\r\n\r\n  \/* Compacte layout wanneer het embed-blok smal is (zijkolom), ongeacht schermbreedte *\/\r\n  @container bc-form (max-width: 720px) {\r\n    .bc-offerte.bc-offerte-embed .form-container { padding: 0; }\r\n    .bc-offerte.bc-offerte-embed .form-row { grid-template-columns: 1fr; }\r\n    \/* E\u00e9n kolom: de WhatsApp-vraag hoort direct onder Telefoon, spacer-label weg *\/\r\n    .bc-offerte.bc-offerte-embed .wa-group > label:first-child { display: none; }\r\n    .bc-offerte.bc-offerte-embed .wa-group { margin-top: -8px; }\r\n    .bc-offerte.bc-offerte-embed .event-type-row { grid-template-columns: 1fr; }\r\n    .bc-offerte.bc-offerte-embed .services-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n    \/* Specials: drie kaarten naast elkaar zolang het past (geen wees-kaart op de tweede rij) *\/\r\n    .bc-offerte.bc-offerte-embed .services-grid.specials-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n    .bc-offerte.bc-offerte-embed .extras-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n    .bc-offerte.bc-offerte-embed .panel-content { padding: 22px 18px; }\r\n    .bc-offerte.bc-offerte-embed .progress-bar { padding: 18px 14px 14px; }\r\n    .bc-offerte.bc-offerte-embed .form-nav { padding: 14px 16px; gap: 10px; }\r\n    .bc-offerte.bc-offerte-embed .btn { padding: 12px 18px; font-size: 14px; white-space: nowrap; }\r\n    .bc-offerte.bc-offerte-embed .btn-primary { padding: 13px 20px; }\r\n    .bc-offerte.bc-offerte-embed .btn-ghost { padding: 12px 8px; }\r\n    .bc-offerte.bc-offerte-embed .section-header h2 { font-size: 22px; }\r\n    \/* Advies-pil naast de kop, alleen telefoon-icoon en nummer: het adviesblok is er al (Bram 9 sept) *\/\r\n    .bc-offerte.bc-offerte-embed .section-header-row { flex-direction: row; align-items: flex-start; gap: 12px; }\r\n    .bc-offerte.bc-offerte-embed .advies-inline { width: auto; align-self: flex-start; padding: 8px 14px; margin-top: 2px; }\r\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-label,\r\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-sep,\r\n    .bc-offerte.bc-offerte-embed .advies-inline .advies-mail { display: none; }\r\n    .bc-offerte.bc-offerte-embed .step-label { font-size: 10px; }\r\n    .bc-offerte.bc-offerte-embed .trust-strip { grid-template-columns: 1fr; padding: 14px 16px 12px; }\r\n    .bc-offerte.bc-offerte-embed .trust-points { flex-direction: row; flex-wrap: wrap; gap: 8px 16px; border-left: 0; padding: 11px 0 0; border-top: 1px solid rgba(255,255,255,0.14); }\r\n    .bc-offerte.bc-offerte-embed .sel-thumb { width: 40px; height: 40px; min-width: 40px; }\r\n    .bc-offerte.bc-offerte-embed .ov-value { max-width: 50%; }\r\n    .bc-offerte.bc-offerte-embed .service-name { font-size: 14.5px; }\r\n    .bc-offerte.bc-offerte-embed .service-body { padding: 10px 12px 12px; }\r\n  }\r\n  @container bc-form (max-width: 460px) {\r\n    .bc-offerte.bc-offerte-embed .extras-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .bc-offerte.bc-offerte-embed .services-grid,\r\n    .bc-offerte.bc-offerte-embed .services-grid.specials-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n    .bc-offerte.bc-offerte-embed .service-card .service-img { aspect-ratio: 4 \/ 3; }\r\n    .bc-offerte.bc-offerte-embed .service-name { font-size: 13px; }\r\n    .bc-offerte.bc-offerte-embed .service-body { padding: 9px 11px 11px; }\r\n    .bc-offerte.bc-offerte-embed .service-card .check-icon { width: 24px; height: 24px; top: 8px; right: 8px; }\r\n  }\r\n  .bc-offerte .hero-swoosh-anchor {\r\n    position: relative;\r\n    height: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n  .bc-offerte .hero-swoosh {\r\n    position: absolute;\r\n    right: -225px;\r\n    bottom: -150px;\r\n    width: 600px;\r\n    height: auto;\r\n  }\r\n\r\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\r\n     MAIN CONTAINER\r\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 *\/\r\n  .bc-offerte .form-container {\r\n    max-width: 1200px;\r\n    margin: -44px auto 0;\r\n    padding: 0 24px;\r\n    position: relative;\r\n    transition: max-width 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n    z-index: 2;\r\n  }\r\n\r\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\r\n     PROGRESS BAR\r\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 *\/\r\n  .bc-offerte .progress-bar {\r\n    background: var(--bc-white);\r\n    border-radius: var(--bc-radius) var(--bc-radius) 0 0;\r\n    padding: 36px 48px 30px;\r\n    box-shadow: var(--bc-shadow-card);\r\n    border-bottom: 1px solid var(--bc-gray-200);\r\n  }\r\n  .bc-offerte .progress-steps {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    position: relative;\r\n  }\r\n  .bc-offerte .progress-line {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 40px;\r\n    right: 40px;\r\n    height: 3px;\r\n    background: var(--bc-gray-200);\r\n    border-radius: 2px;\r\n  }\r\n  .bc-offerte .progress-fill {\r\n    height: 100%;\r\n    background: var(--bc-green); \/* afgelegde pad groen, matcht de completed bolletjes *\/\r\n    border-radius: 2px;\r\n    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    width: 0%;\r\n  }\r\n  .bc-offerte .step-item {\r\n    display: flex;\r\n    min-width: 44px;\r\n    max-width: 25%;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    position: relative;\r\n    z-index: 1;\r\n    cursor: pointer;\r\n  }\r\n  .bc-offerte [role=\"checkbox\"]:focus-visible,\r\n  .bc-offerte [role=\"radio\"]:focus-visible,\r\n  .bc-offerte .step-item:focus-visible {\r\n    outline: 3px solid var(--bc-green);\r\n    outline-offset: 3px;\r\n    border-radius: var(--bc-radius-sm);\r\n  }\r\n  .bc-offerte .service-body:focus-visible { outline-offset: -3px; }\r\n  .bc-offerte .step-item[aria-disabled=\"true\"] { cursor: default; }\r\n  \/* De stapkop ontvangt leesfocus, geen knopfocus; voorkom een thema-kader. *\/\r\n  .bc-offerte .section-header h2[tabindex=\"-1\"]:focus { outline: none; }\r\n  .bc-offerte .step-circle {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: all var(--bc-transition);\r\n    background: var(--bc-white);\r\n    border: 2px solid var(--bc-gray-300);\r\n    color: var(--bc-text-muted);\r\n  }\r\n  .bc-offerte .step-item.active .step-circle {\r\n    background: var(--bc-orange);\r\n    border-color: var(--bc-orange);\r\n    color: var(--bc-white);\r\n    box-shadow: 0 4px 14px rgba(238, 116, 55, 0.35);\r\n  }\r\n  .bc-offerte .step-item.completed .step-circle {\r\n    background: var(--bc-green);\r\n    border-color: var(--bc-green);\r\n    color: var(--bc-white);\r\n  }\r\n  .bc-offerte .step-label {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--bc-text-light);\r\n    transition: color var(--bc-transition);\r\n    text-align: center;\r\n    max-width: 100%;\r\n    overflow-wrap: anywhere;\r\n  }\r\n  .bc-offerte .step-item.active .step-label,\r\n  .bc-offerte .step-item.completed .step-label {\r\n    color: var(--bc-black);\r\n    font-weight: 700;\r\n  }\r\n\r\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\r\n     FORM PANEL\r\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 *\/\r\n  .bc-offerte .form-panel {\r\n    background: var(--bc-white);\r\n    border-radius: 0 0 var(--bc-radius) var(--bc-radius);\r\n    box-shadow: var(--bc-shadow-card);\r\n    overflow: visible;\r\n  }\r\n  .bc-offerte .panel-content {\r\n    padding: 44px 48px;\r\n    display: none;\r\n    animation: fadeSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n  }\r\n  .panel-content.active { display: block; }\r\n\r\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\r\n     ZIJKOLOM (desktop, full-page): live selectie + beloftes\r\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 *\/\r\n  .bc-offerte .panel-body {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 292px;\r\n    align-items: stretch;\r\n  }\r\n  .bc-offerte .panel-main { min-width: 0; }\r\n  .bc-offerte .form-rail {\r\n    border-left: 1px solid var(--bc-gray-200);\r\n    background: #FFFDFA;\r\n    border-radius: 0 0 var(--bc-radius) 0;\r\n    padding: 32px 26px;\r\n  }\r\n  .bc-offerte .rail-inner {\r\n    position: sticky;\r\n    top: 110px;\r\n  }\r\n  .bc-offerte .rail-selection { margin-bottom: 26px; }\r\n  .bc-offerte .rail-selection h4 {\r\n    font-family: var(--bc-serif);\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: var(--bc-black);\r\n    margin: 0 0 12px;\r\n  }\r\n  \/* Samenvatting-secties: label + Wijzigen-link *\/\r\n  .bc-offerte .rail-sec { margin-bottom: 14px; }\r\n  .bc-offerte .rail-sec-head {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    margin-bottom: 6px;\r\n  }\r\n  .bc-offerte .rail-sec-head > span {\r\n    font: 800 11px\/1 var(--bc-sans);\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--bc-text-muted);\r\n  }\r\n  .bc-offerte .rail-edit {\r\n    background: none;\r\n    border: none;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    font: 700 12px\/1 var(--bc-sans);\r\n    color: var(--bc-orange);\r\n    text-decoration: underline;\r\n    text-underline-offset: 2px;\r\n  }\r\n  .bc-offerte .rail-edit:hover { color: var(--bc-green); }\r\n  .bc-offerte .rail-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 4px 0;\r\n    font: 700 13.5px\/1.35 var(--bc-sans);\r\n    color: var(--bc-black);\r\n  }\r\n  .bc-offerte .rail-item .sel-thumb { width: 30px; height: 30px; min-width: 30px; }\r\n  .bc-offerte .rail-chips { display: flex; flex-wrap: wrap; gap: 6px; }\r\n  .bc-offerte .rail-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    background: var(--bc-warm);\r\n    border: 1px solid rgba(238, 116, 55, 0.35);\r\n    color: var(--bc-text);\r\n    font: 600 12px\/1.2 var(--bc-sans);\r\n    padding: 5px 7px 5px 10px;\r\n    border-radius: 999px;\r\n  }\r\n  .bc-offerte .rail-chip button {\r\n    background: none;\r\n    border: none;\r\n    padding: 0 2px;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    color: var(--bc-text-muted);\r\n  }\r\n  .bc-offerte .rail-chip button:hover { color: var(--bc-orange); }\r\n  \/* Compact vertrouwensblok: concrete bewijzen i.p.v. algemene beloftes *\/\r\n  .bc-offerte .rail-trust { border-top: 1px dashed var(--bc-gray-200); padding-top: 16px; }\r\n  .bc-offerte .rail-selection[hidden] + .rail-trust { border-top: none; padding-top: 0; }\r\n  .bc-offerte .rail-trust ul { list-style: none; margin: 0; padding: 0; }\r\n  .bc-offerte .rail-trust li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 5px 0;\r\n    font-size: 13.5px;\r\n    color: var(--bc-text);\r\n  }\r\n  .bc-offerte .rail-trust .b-check { width: 20px; height: 20px; min-width: 20px; }\r\n  \/* Embed met voorgeselecteerd concept: afgevinkte startkeuze boven het formulier *\/\r\n  .bc-offerte .preset-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(15, 128, 105, 0.09);\r\n    border: 1px solid rgba(15, 128, 105, 0.3);\r\n    color: var(--bc-green);\r\n    font: 700 13px\/1 var(--bc-sans);\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    margin-bottom: 18px;\r\n  }\r\n  \/* Embed heeft geen zijkolom (smalle kolommen); inline overzichten blijven daar *\/\r\n  .bc-offerte-embed .panel-body { display: block; }\r\n  .bc-offerte-embed .form-rail { display: none; }\r\n  \/* Mobiel\/tablet: geen zijkolom, inline overzichten nemen het over *\/\r\n  @media (max-width: 960px) {\r\n    .bc-offerte-page .panel-body { display: block; }\r\n    .bc-offerte-page .form-rail { display: none; }\r\n  }\r\n  \/* Desktop full-page: zijkolom toont selectie + event-details, dus de inline\r\n     \"Jouw selectie\"\/\"Jouw aanvraag\" blokken in stap 3\/4 zijn daar dubbel *\/\r\n  @media (min-width: 961px) {\r\n    .bc-offerte-page .selection-summary,\r\n    .bc-offerte-page .overview-card { display: none; }\r\n  }\r\n\r\n  @keyframes fadeSlideIn {\r\n    from { opacity: 0; transform: translateY(16px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .bc-offerte .section-header {\r\n    margin-bottom: 18px;\r\n  }\r\n  .bc-offerte .section-header h2 {\r\n    font-family: var(--bc-serif);\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    line-height: 1.12;\r\n    color: var(--bc-black);\r\n    margin: 0 0 8px; \/* thema-marge boven de kop weg: kop lijnt uit met de advies-pil (Bram 9 sept) *\/\r\n    letter-spacing: -0.3px;\r\n  }\r\n  .bc-offerte .section-header p {\r\n    color: var(--bc-text-light);\r\n    font-size: 15px;\r\n    max-width: 560px;\r\n    margin: 0;\r\n  }\r\n\r\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\r\n     SERVICE CARDS (Step 1) \u2014 rustig webshop-productgrid (teamfeedback Tim):\r\n     witte kaart, foto in vast kader, titel eronder. Rustiger en luxer dan\r\n     tekst-op-foto tegels.\r\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 *\/\r\n  .bc-offerte .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n    margin-bottom: 24px;\r\n  }\r\n  .bc-offerte .service-card {\r\n    position: relative;\r\n    background: var(--bc-white);\r\n    border: 1px solid var(--bc-gray-200);\r\n    border-radius: 14px;\r\n    \/* overflow blijft zichtbaar: de tooltip-bubble klapt buiten de kaart open.\r\n       De ronde hoeken van de foto komen daarom van .service-img zelf. *\/\r\n    overflow: visible;\r\n    cursor: pointer;\r\n    display: block;\r\n    box-shadow: var(--bc-shadow-soft);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n  .bc-offerte .service-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: var(--bc-shadow-card);\r\n    \/* De hover-transform maakt een eigen stapelcontext; zonder z-index zou de\r\n       tooltip onder de volgende kaart in het grid verdwijnen. *\/\r\n    z-index: 5;\r\n  }\r\n  \/* Foto-wrapper: anker voor de Populair-badge (linksonder in de foto, zoals in stap 2),\r\n     zodat de badge niet t.o.v. de hele kaart onderin over de naam landt. Geen overflow:hidden\r\n     (tooltip), de ronde hoeken zitten op de img zelf. *\/\r\n  .bc-offerte .service-card .service-img-wrap {\r\n    position: relative;\r\n  }\r\n  .bc-offerte .service-card .service-img {\r\n    width: 100%;\r\n    object-fit: cover;\r\n    aspect-ratio: 4 \/ 3;\r\n    display: block;\r\n    border-radius: 13px 13px 0 0;\r\n  }\r\n  .bc-offerte .service-card.selected {\r\n    box-shadow: 0 0 0 3px var(--bc-orange), var(--bc-shadow-soft);\r\n    border-color: var(--bc-orange);\r\n  }\r\n  .bc-offerte .service-body {\r\n    padding: 11px 14px 13px;\r\n  }\r\n  .bc-offerte .service-name {\r\n    font-family: var(--bc-serif);\r\n    font-weight: 900;\r\n    font-size: 15.5px;\r\n    line-height: 1.3;\r\n    color: var(--bc-black);\r\n    margin-bottom: 0;\r\n  }\r\n  \/* Subtitels verborgen na teamfeedback (tegels te druk); markup + data blijven\r\n     zodat dit per A\/B-test terug aan kan. *\/\r\n  .bc-offerte .service-subtitle { display: none; }\r\n  \/* Multi-select: herkenbare checkbox (afgerond vierkant), geen radio-cirkel *\/\r\n  .bc-offerte .check-icon {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 7px;\r\n    border: 2px solid rgba(255,249,240,0.9);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n    background: rgba(24,23,22,0.28);\r\n    z-index: 3;\r\n  }\r\n  .bc-offerte .selected .check-icon {\r\n    background: var(--bc-orange);\r\n    border-color: var(--bc-orange);\r\n    box-shadow: 0 2px 10px rgba(238, 116, 55, 0.4);\r\n    transform: scale(1.05);\r\n  }\r\n  .check-icon svg { opacity: 0; transition: all 0.25s ease; transform: scale(0.5); }\r\n  .selected .check-icon svg { opacity: 1; transform: scale(1); }\r\n  \/* \"Ik zoek iets anders\" als volwaardige kaart in het grid *\/\r\n  .bc-offerte .unsure-card .unsure-visual {\r\n    aspect-ratio: 4 \/ 3;\r\n    display: grid;\r\n    place-items: center;\r\n    background: var(--bc-warm);\r\n    border-radius: 13px 13px 0 0;\r\n  }\r\n  .bc-offerte .unsure-card .unsure-visual svg { opacity: 0.85; }\r\n\r\n  \/* \"Iets anders\"-blok met adviseur, onder het grid (modus \"blok\"; alternatief voor de unsure-card) *\/\r\n  .bc-offerte .bc-advies-blok {\r\n    display: flex; align-items: flex-end; gap: 14px; position: relative;\r\n    margin-top: 44px; padding: 12px 16px 12px 14px; min-height: 84px; box-sizing: border-box;\r\n    background: var(--bc-warm); border: 2px solid var(--bc-gray-200); border-radius: 14px;\r\n    cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease;\r\n  }\r\n  .bc-offerte .bc-advies-blok:hover { border-color: rgba(238,116,55,.45); }\r\n  .bc-offerte .bc-advies-blok.selected { border-color: var(--bc-orange); box-shadow: 0 4px 16px rgba(238,116,55,.18); }\r\n  \/* Persoon: teamcutout (transparante PNG, hoofd tot ellebogen) staat met de ellebogen op de\r\n     onderrand en steekt met het hoofd boven het blok uit (optie A, Bram 9 sept). Zonder foto\r\n     blijft het ronde vraagteken staan. Naam en functie staan als oranje regel boven de kop. *\/\r\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; }\r\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)); }\r\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; }\r\n  .bc-offerte .bc-advies-tekst { flex: 1 1 auto; padding: 4px 46px 4px 0; align-self: center; }\r\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; }\r\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); }\r\n  .bc-offerte .bc-advies-tekst p { margin: 0; font-size: 12.5px; color: var(--bc-text-light); line-height: 1.45; }\r\n  \/* Mobiel: knop in het blok in plaats van een los vinkje (zie media query hieronder) *\/\r\n  .bc-offerte .bc-advies-cta { display: none; }\r\n  \/* .check-icon (basisregel hierboven) is absoluut gepositioneerd t.o.v. het dichtstbijzijnde\r\n     position-element; .bc-advies-blok heeft zelf position:relative dus dit werkt zonder extra\r\n     wrapper, maar top\/right van de basisregel (10px) past niet op dit bredere blok -> override.\r\n     De basisregel is ontworpen om op een foto te staan (bijna-wit randje, donkere vulling);\r\n     op het cr\u00e8me paneel van dit blok verdwijnt die rand en de vulling oogt als \"uitgevinkt\".\r\n     Eigen onselecteerde look hier: wit vlak + rand in de tekstkleur op lage dekking, zodat het\r\n     als lege checkbox leest. :not(.selected) houdt dit weg bij een geselecteerd blok, want\r\n     .selected .check-icon (basisregel) heeft dezelfde specificiteit en staat hierboven -> zonder\r\n     deze guard zou de latere regel hieronder de oranje geselecteerde staat overschrijven. *\/\r\n  .bc-offerte .bc-advies-blok .check-icon { position: absolute; top: 14px; right: 14px; }\r\n  .bc-offerte .bc-advies-blok:not(.selected) .check-icon { background: #fff; border-color: rgba(36,36,34,0.15); }\r\n  @media (max-width: 600px) {\r\n    \/* Optie B: cutout groot rechts, tekst links, geen los vinkje maar een knop in het blok (Bram 9 sept) *\/\r\n    .bc-offerte .bc-advies-blok { gap: 6px; padding: 14px 4px 12px 14px; min-height: 96px; }\r\n    .bc-offerte .bc-advies-persoon { order: 2; width: 96px; }\r\n    .bc-offerte .bc-advies-foto { height: 128px; max-width: 96px; margin: -44px 0 -12px; }\r\n    .bc-offerte .bc-advies-foto-leeg { margin-bottom: 0; }\r\n    .bc-offerte .bc-advies-tekst { order: 1; padding: 0; align-self: center; }\r\n    .bc-offerte .bc-advies-blok .check-icon { display: none; }\r\n    .bc-offerte .bc-advies-cta {\r\n      display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;\r\n      padding: 7px 12px; border-radius: var(--bc-radius-full);\r\n      border: 1.5px solid var(--bc-orange); color: var(--bc-orange);\r\n      font: 800 12px\/1 var(--bc-sans); letter-spacing: .02em;\r\n      transition: background .18s ease, color .18s ease;\r\n    }\r\n    .bc-offerte .bc-advies-cta svg { width: 11px; height: 11px; }\r\n    .bc-offerte .bc-advies-cta .cta-gekozen { display: none; }\r\n    .bc-offerte .bc-advies-blok.selected .bc-advies-cta { background: var(--bc-orange); color: #fff; }\r\n    .bc-offerte .bc-advies-blok.selected .bc-advies-cta .cta-kies { display: none; }\r\n    .bc-offerte .bc-advies-blok.selected .bc-advies-cta .cta-gekozen { display: inline-flex; align-items: center; gap: 6px; }\r\n  }\r\n\r\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\r\n     STEP 2: UPSELL GROEPEN (foto-cards)\r\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 *\/\r\n  .bc-offerte .upsell-section {\r\n    margin-top: 38px;\r\n    padding-top: 30px;\r\n    border-top: 1px solid var(--bc-gray-200);\r\n    display: none;\r\n  }\r\n  .bc-offerte .upsell-section.visible { display: block; }\r\n  .bc-offerte .upsell-section.first-visible {\r\n    margin-top: 0;\r\n    padding-top: 0;\r\n    border-top: none;\r\n  }\r\n  \/* E\u00e9n groep: geen groepskop, sectie altijd open (JS zet .single-group op #step2) *\/\r\n  .bc-offerte #step2.single-group .upsell-head { display: none; }\r\n  .bc-offerte #step2.single-group .upsell-body { display: block; padding-top: 0; }\r\n  .bc-offerte .upsell-section .group-kicker {\r\n    display: block;\r\n    font: 800 12px\/1 var(--bc-sans);\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--bc-orange);\r\n    margin-bottom: 8px;\r\n  }\r\n  .bc-offerte .upsell-section h3 {\r\n    font-family: var(--bc-serif);\r\n    font-size: 23px;\r\n    font-weight: 900;\r\n    margin-bottom: 0;\r\n    color: var(--bc-black);\r\n  }\r\n  \/* Accordion-kop: hele regel klikbaar, teller + chevron rechts *\/\r\n  .bc-offerte .upsell-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    width: 100%;\r\n    background: none;\r\n    border: none;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    font: inherit;\r\n    color: inherit;\r\n  }\r\n  .bc-offerte .upsell-head-text { flex: 1; min-width: 0; }\r\n  .bc-offerte .upsell-count {\r\n    font: 700 13px\/1.2 var(--bc-sans);\r\n    color: var(--bc-text-muted);\r\n    white-space: nowrap;\r\n  }\r\n  .bc-offerte .upsell-count.has-chosen { color: var(--bc-green); }\r\n  .bc-offerte .upsell-chevron {\r\n    color: var(--bc-text-muted);\r\n    transition: transform 0.3s ease;\r\n    flex-shrink: 0;\r\n  }\r\n  .bc-offerte .upsell-section.open .upsell-chevron { transform: rotate(180deg); }\r\n  .bc-offerte .upsell-body { display: none; padding-top: 18px; }\r\n  .bc-offerte .upsell-section.open .upsell-body { display: block; }\r\n  \/* Populair-badge (beheerbaar via settings: 4e kolom \"populair\") *\/\r\n  .bc-offerte .pop-badge {\r\n    position: absolute;\r\n    left: 10px;\r\n    bottom: 10px;\r\n    background: var(--bc-orange);\r\n    color: var(--bc-white);\r\n    font: 800 10.5px\/1 var(--bc-sans);\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    padding: 5px 9px;\r\n    border-radius: 999px;\r\n    z-index: 3;\r\n    box-shadow: 0 2px 8px rgba(36,36,34,0.2);\r\n  }\r\n  .bc-offerte .extras-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\r\n    gap: 16px;\r\n  }\r\n  .bc-offerte .extra-card {\r\n    position: relative;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .bc-offerte .extra-card:hover { z-index: 5; }\r\n  \/* Info-icoon + tooltip (alleen als er backend-info is ingevuld) *\/\r\n  .bc-offerte .extra-info {\r\n    position: absolute;\r\n    top: 1px;\r\n    left: 1px;\r\n    z-index: 4;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    padding: 9px;\r\n    cursor: help;\r\n    background-color: rgba(24,23,22,0.55);\r\n    background-clip: content-box;\r\n    color: #FFF9F0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.2s ease;\r\n  }\r\n  .bc-offerte .extra-info:hover,\r\n  .bc-offerte .extra-info:focus-visible,\r\n  .bc-offerte .extra-info.open { background-color: var(--bc-orange); }\r\n  .bc-offerte .form-nav .btn,\r\n  .bc-offerte .rail-edit,\r\n  \/* Tikgebied 44px, maar negatieve marges zodat de pil zelf compact blijft *\/\r\n  .bc-offerte .rail-chip button { position: relative; min-width: 44px; min-height: 44px; margin: -15px -7px -15px -14px; }\r\n  .bc-offerte .advies-inline .advies-links a {\r\n    min-height: 44px;\r\n    padding-top: 12px;\r\n    padding-bottom: 12px;\r\n    margin-top: -12px;\r\n    margin-bottom: -12px;\r\n  }\r\n  .bc-offerte .extra-tipbox {\r\n    position: absolute;\r\n    left: -6px;\r\n    bottom: calc(100% + 10px);\r\n    width: 210px;\r\n    background: var(--bc-black);\r\n    color: var(--bc-warm);\r\n    font: 600 12.5px\/1.45 var(--bc-sans);\r\n    text-align: left;\r\n    padding: 10px 12px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 10px 24px rgba(36,36,34,0.25);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(4px);\r\n    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\r\n    pointer-events: none;\r\n    z-index: 6;\r\n  }\r\n  .bc-offerte .extra-tipbox::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 14px;\r\n    border: 6px solid transparent;\r\n    border-top-color: var(--bc-black);\r\n  }\r\n  \/* Bubble tegen de rechterrand van het scherm: naar links uitklappen (JS zet .tip-flip) *\/\r\n  .bc-offerte .extra-info.tip-flip .extra-tipbox {\r\n    left: auto;\r\n    right: -8px;\r\n  }\r\n  .bc-offerte .extra-info.tip-flip .extra-tipbox::after {\r\n    left: auto;\r\n    right: 16px;\r\n  }\r\n  .bc-offerte .extra-info:hover .extra-tipbox,\r\n  .bc-offerte .extra-info:focus-visible .extra-tipbox,\r\n  .bc-offerte .extra-info.open .extra-tipbox {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n  .bc-offerte .extra-card:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n  \/* Uniforme set: alle kaarten dezelfde verhouding en strakke hoeken,\r\n     zachte schaduw, geen kader (cr\u00e8me rand oogde rommelig \u2014 feedback Bram). *\/\r\n  .bc-offerte .extra-card .extra-img-wrap {\r\n    position: relative;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: var(--bc-shadow-soft);\r\n    transition: box-shadow 0.3s ease;\r\n  }\r\n  .bc-offerte .extra-card.selected .extra-img-wrap {\r\n    box-shadow: 0 0 0 3px var(--bc-orange), var(--bc-shadow-soft);\r\n  }\r\n  .bc-offerte .extra-card img {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .bc-offerte .extra-card .check-icon {\r\n    top: 10px;\r\n    right: 10px;\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n  .bc-offerte .extra-label {\r\n    display: block;\r\n    margin-top: 10px;\r\n    font: 700 14px\/1.35 var(--bc-sans);\r\n    color: var(--bc-black);\r\n  }\r\n  .bc-offerte .extra-card.selected .extra-label {\r\n    color: var(--bc-orange);\r\n  }\r\n  .bc-offerte .no-extras-note {\r\n    display: none;\r\n    background: rgba(255, 234, 202, 0.45);\r\n    border: 1px dashed var(--bc-gray-300);\r\n    border-radius: var(--bc-radius);\r\n    padding: 28px;\r\n    text-align: center;\r\n    color: var(--bc-text-light);\r\n    font-size: 15px;\r\n  }\r\n  .bc-offerte .no-extras-note.visible { display: block; }\r\n\r\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\r\n     STEP 3: JOUW EVENT\r\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 *\/\r\n  .bc-offerte .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n  .bc-offerte .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n  }\r\n  .form-group.full { grid-column: 1 \/ -1; }\r\n  .bc-offerte .form-group label {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: var(--bc-black);\r\n  }\r\n  .form-group label .required { color: var(--bc-orange); }\r\n  .bc-offerte .form-group input,\r\n  .bc-offerte .form-group select,\r\n  .bc-offerte .form-group textarea {\r\n    padding: 12px 16px;\r\n    border: 2px solid var(--bc-gray-200);\r\n    border-radius: var(--bc-radius-sm);\r\n    font-family: var(--bc-sans);\r\n    font-size: 16px;\r\n    transition: border-color var(--bc-transition), box-shadow var(--bc-transition);\r\n    background: var(--bc-white);\r\n    color: var(--bc-black);\r\n    outline: none;\r\n  }\r\n  .bc-offerte .form-group input:focus,\r\n  .bc-offerte .form-group select:focus,\r\n  .bc-offerte .form-group textarea:focus {\r\n    border-color: var(--bc-orange);\r\n    box-shadow: 0 0 0 3px rgba(238, 116, 55, 0.12);\r\n  }\r\n  .bc-offerte .form-group textarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n  }\r\n  \/* 1.6.0: euroteken staat in het veld, het invoerveld schuift ernaast *\/\r\n  .bc-offerte .euro-veld { position: relative; }\r\n  .bc-offerte .euro-veld .euro-teken { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--bc-text-muted); pointer-events: none; }\r\n  \/* width + border-box: het veld zit in een wrapper, dus het rekt niet vanzelf mee zoals de\r\n     directe flex-kinderen van .form-group (select ernaast) *\/\r\n  .bc-offerte .euro-veld input { padding-left: 32px; width: 100%; box-sizing: border-box; }\r\n  .bc-offerte .form-group .helper {\r\n    font-size: 12px;\r\n    color: var(--bc-text-light);\r\n  }\r\n  .bc-offerte .bc-field-error {\r\n    color: var(--bc-text);\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n  .bc-offerte .form-group [aria-invalid=\"true\"] { border-color: var(--bc-orange); }\r\n  \/* WhatsApp opt-in (alleen particulier, stap 4).\r\n     [hidden] expliciet: de display:flex hieronder zou anders het hidden-attribuut\r\n     overrulen en de checkbox ook bij zakelijk tonen (gevangen in E2E 2026-09-04). *\/\r\n  .bc-offerte .form-group[hidden] { display: none; }\r\n  .bc-offerte .wa-group { justify-content: flex-start; }\r\n  .bc-offerte .wa-optin {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 9px;\r\n    margin-top: 6px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    color: var(--bc-text);\r\n  }\r\n  .bc-offerte .wa-optin input {\r\n    margin: 2px 0 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    min-width: 16px;\r\n    accent-color: var(--bc-green);\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Event type radio cards *\/\r\n  .bc-offerte .event-type-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    border-radius: var(--bc-radius-sm);\r\n  }\r\n  .bc-offerte .event-type-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 11px 16px; \/* zelfde hoogte als een invoerveld (Bram 9 sept) *\/\r\n    border: 2px solid var(--bc-gray-200);\r\n    border-radius: var(--bc-radius-sm);\r\n    cursor: pointer;\r\n    transition: all var(--bc-transition);\r\n    background: var(--bc-white);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--bc-text-light);\r\n  }\r\n  .bc-offerte .event-type-card:hover {\r\n    border-color: var(--bc-orange);\r\n    background: var(--bc-warm);\r\n  }\r\n  .bc-offerte .event-type-card.selected {\r\n    border-color: var(--bc-orange);\r\n    background: var(--bc-warm);\r\n    color: var(--bc-black);\r\n  }\r\n  .bc-offerte .event-type-card .radio-dot {\r\n    width: 20px;\r\n    height: 20px;\r\n    min-width: 20px;\r\n    border-radius: 50%;\r\n    border: 2px solid var(--bc-gray-300);\r\n    background: var(--bc-white);\r\n    position: relative;\r\n    transition: all var(--bc-transition);\r\n  }\r\n  .bc-offerte .event-type-card.selected .radio-dot {\r\n    border-color: var(--bc-orange);\r\n  }\r\n  .bc-offerte .event-type-card.selected .radio-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 3px;\r\n    border-radius: 50%;\r\n    background: var(--bc-orange);\r\n  }\r\n\r\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\r\n     JOUW SELECTIE \/ JOUW AANVRAAG (stap 3 + 4)\r\n     Witte kaart met service-thumbs, upsell-chips en icoon-rijen\r\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 *\/\r\n  .bc-offerte .selection-summary,\r\n  .bc-offerte .overview-card {\r\n    background: var(--bc-white);\r\n    border: 1px solid var(--bc-gray-200);\r\n    border-radius: var(--bc-radius-sm);\r\n    padding: 20px 22px;\r\n    box-shadow: 0 8px 24px rgba(36, 36, 34, 0.06);\r\n  }\r\n  .bc-offerte .selection-summary { margin-top: 32px; }\r\n  .bc-offerte .overview-card { margin-top: 8px; margin-bottom: 16px; }\r\n  .bc-offerte .selection-summary h4,\r\n  .bc-offerte .overview-card h4 {\r\n    font: 800 13px\/1 var(--bc-sans);\r\n    color: var(--bc-orange);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    margin-bottom: 6px;\r\n  }\r\n  .bc-offerte .sel-service {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 12px 0;\r\n  }\r\n  .bc-offerte .sel-service + .sel-service { border-top: 1px dashed var(--bc-gray-200); }\r\n  .bc-offerte .sel-thumb {\r\n    width: 46px;\r\n    height: 46px;\r\n    min-width: 46px;\r\n    border-radius: 12px;\r\n    object-fit: cover;\r\n    display: block;\r\n    box-shadow: 0 4px 12px rgba(36, 36, 34, 0.14);\r\n  }\r\n  .bc-offerte .sel-thumb-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    background: var(--bc-offwhite);\r\n    color: var(--bc-orange);\r\n    font: 900 20px\/1 var(--bc-serif);\r\n    box-shadow: none;\r\n  }\r\n  .bc-offerte .sel-service-body { flex: 1; min-width: 0; }\r\n  .bc-offerte .sel-name {\r\n    display: block;\r\n    font-weight: 800;\r\n    font-size: 15px;\r\n    color: var(--bc-black);\r\n  }\r\n  .bc-offerte .sel-chips {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin-top: 7px;\r\n  }\r\n  .bc-offerte .sel-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    background: rgba(255, 234, 202, 0.6);\r\n    border: 1px solid rgba(238, 116, 55, 0.28);\r\n    color: var(--bc-text);\r\n    font: 700 12px\/1.3 var(--bc-sans);\r\n    padding: 4px 11px;\r\n    border-radius: var(--bc-radius-full);\r\n  }\r\n  .bc-offerte .sel-chip .sub-plus {\r\n    color: var(--bc-orange);\r\n    font-weight: 800;\r\n    margin-right: 4px;\r\n  }\r\n  .bc-offerte .sel-service .sel-check {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    border-radius: 50%;\r\n    background: var(--bc-green);\r\n    color: var(--bc-white);\r\n    margin-left: auto;\r\n  }\r\n  .bc-offerte .sel-empty {\r\n    padding: 10px 0;\r\n    font-size: 14px;\r\n    color: var(--bc-text-muted);\r\n  }\r\n  \/* Event-gegevens als icoon-rijen onder de selectie *\/\r\n  .bc-offerte .ov-data {\r\n    margin-top: 10px;\r\n    padding-top: 6px;\r\n    border-top: 1px dashed var(--bc-gray-200);\r\n  }\r\n  .bc-offerte .ov-row {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 10px;\r\n    padding: 7px 0;\r\n    font-size: 14px;\r\n  }\r\n  .bc-offerte .ov-icon {\r\n    color: var(--bc-orange);\r\n    display: inline-flex;\r\n    align-self: center;\r\n  }\r\n  .bc-offerte .ov-label { color: var(--bc-text-light); }\r\n  .bc-offerte .ov-value {\r\n    font-weight: 700;\r\n    color: var(--bc-black);\r\n    margin-left: auto;\r\n    text-align: right;\r\n    max-width: 60%;\r\n  }\r\n\r\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\r\n     TRUST STRIP (social proof bij de verstuurknop)\r\n     Het reviewsblok uit de footer van barcompany.nl: donker vlak, label, groot cijfer met\r\n     schaal, aantal, scheidingslijn, wit logo. Beloftes als kolom rechts (optie B, Bram 9 sept).\r\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 *\/\r\n  .bc-offerte .trust-strip {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 0 26px;\r\n    margin-top: 24px;\r\n    padding: 16px 22px 14px;\r\n    background: linear-gradient(180deg, #232321, #1B1B19);\r\n    border-radius: 12px;\r\n    color: #FFFFFF;\r\n  }\r\n  .bc-offerte .trust-review {\r\n    display: grid;\r\n    grid-template-columns: 78px auto auto auto;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 12px 0;\r\n  }\r\n  .bc-offerte .trust-review + .trust-review { border-top: 1px solid rgba(255,255,255,0.14); }\r\n  .bc-offerte .trust-num {\r\n    font-family: var(--bc-serif);\r\n    font-weight: 900;\r\n    font-size: 32px;\r\n    line-height: 1;\r\n    color: #FFFFFF;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  .bc-offerte .trust-num span {\r\n    font-family: var(--bc-sans);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.55);\r\n    margin-left: 2px;\r\n  }\r\n  .bc-offerte .trust-count {\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.7);\r\n    white-space: nowrap;\r\n  }\r\n  .bc-offerte .trust-sep { width: 1px; height: 26px; background: rgba(255,255,255,0.22); }\r\n  .bc-offerte .trust-logo { display: block; height: 22px; width: auto; }\r\n  .bc-offerte .trust-logo-fc { height: 24px; }\r\n  .bc-offerte .trust-points {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    border-left: 1px solid rgba(255,255,255,0.14);\r\n    padding-left: 26px;\r\n  }\r\n  .bc-offerte .trust-points span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 12.5px;\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.85);\r\n    white-space: nowrap;\r\n  }\r\n  .bc-offerte .trust-points svg { color: var(--bc-orange); }\r\n  \/* Mini-trust op stap 1: alleen mobiel (trust gespreid over de stappen i.p.v. gestapeld op stap 4) *\/\r\n  .bc-offerte .mini-trust { display: none; }\r\n  @media (max-width: 960px) {\r\n    .bc-offerte-page .mini-trust {\r\n      display: block;\r\n      margin: 10px 0 16px; \/* valt samen met de 8px marge van de kopregel: 10px onder de contactpil *\/\r\n      font: 700 12.5px\/1.4 var(--bc-sans);\r\n      color: var(--bc-text-muted);\r\n    }\r\n  }\r\n\r\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\r\n     NAVIGATION (BC pill buttons, oranje \u2192 groen hover)\r\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 *\/\r\n  .bc-offerte .form-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 26px 48px;\r\n    border-top: 1px solid var(--bc-gray-200);\r\n    background: var(--bc-warm);\r\n    border-radius: 0 0 var(--bc-radius) var(--bc-radius);\r\n  }\r\n  .bc-offerte .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 32px;\r\n    border-radius: var(--bc-radius-full);\r\n    font-family: var(--bc-sans);\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\r\n    border: none;\r\n    text-decoration: none;\r\n  }\r\n  .bc-offerte .btn-primary {\r\n    background: var(--bc-orange);\r\n    color: var(--bc-white);\r\n    box-shadow: 0 6px 18px rgba(238, 116, 55, 0.3);\r\n    letter-spacing: 0.01em;\r\n    padding: 16px 36px;\r\n  }\r\n  .bc-offerte .btn-primary:hover {\r\n    background: var(--bc-green);\r\n    box-shadow: 0 8px 20px rgba(15, 128, 105, 0.3);\r\n    transform: translateY(-2px);\r\n  }\r\n  .bc-offerte .btn-primary:active {\r\n    transform: translateY(0);\r\n  }\r\n  .bc-offerte .btn-ghost {\r\n    background: none;\r\n    color: var(--bc-text-muted);\r\n    padding: 14px 16px;\r\n  }\r\n  .btn-ghost:hover { color: var(--bc-black); }\r\n\r\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\r\n     ADVIES STRIP\r\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 *\/\r\n  .bc-offerte .advies-inline {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--bc-warm);\r\n    border-radius: var(--bc-radius-full);\r\n    padding: 10px 18px;\r\n    border: 1px solid var(--bc-gray-200);\r\n    flex-shrink: 0;\r\n  }\r\n  .bc-offerte .advies-inline .advies-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n  }\r\n  .bc-offerte .advies-inline .advies-links a {\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    transition: color var(--bc-transition);\r\n  }\r\n  .bc-offerte .advies-inline .advies-links a.advies-call { color: var(--bc-orange); }\r\n  .bc-offerte .advies-inline .advies-links a.advies-call:hover { color: var(--bc-green); }\r\n  .bc-offerte .advies-inline .advies-links a.advies-mail { color: var(--bc-text-muted); }\r\n  .bc-offerte .advies-inline .advies-links a.advies-mail:hover { color: var(--bc-orange); }\r\n  .bc-offerte .advies-inline .advies-label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--bc-text-light);\r\n    white-space: nowrap;\r\n  }\r\n  .bc-offerte .advies-inline .advies-sep {\r\n    color: var(--bc-gray-300);\r\n    font-weight: 400;\r\n  }\r\n  .bc-offerte .section-header-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\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\r\n     SUCCESS\r\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 *\/\r\n  .bc-offerte .success-state {\r\n    text-align: center;\r\n    padding: 60px 40px;\r\n  }\r\n  .bc-offerte .success-icon {\r\n    width: 84px;\r\n    height: 84px;\r\n    border-radius: 50%;\r\n    background: var(--bc-green);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 24px;\r\n    box-shadow: 0 10px 30px rgba(15, 128, 105, 0.3);\r\n  }\r\n  .bc-offerte .success-state h2 {\r\n    font-family: var(--bc-serif);\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    margin-bottom: 12px;\r\n    color: var(--bc-black);\r\n  }\r\n  .bc-offerte .success-state p {\r\n    color: var(--bc-text-light);\r\n    font-size: 16px;\r\n    max-width: 400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\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\r\n     RESPONSIVE\r\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 *\/\r\n  @media (max-width: 1024px) {\r\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 768px) {\r\n    .bc-offerte .services-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 14px;\r\n    }\r\n    .bc-offerte .service-card .service-img { aspect-ratio: 4 \/ 3; }\r\n    .bc-offerte .service-name { font-size: 14px; }\r\n    .bc-offerte .service-body { padding: 10px 12px 12px; }\r\n    .bc-offerte .extras-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n    .bc-offerte .form-row { grid-template-columns: 1fr; }\r\n    \/* E\u00e9n kolom: de WhatsApp-vraag hoort direct onder Telefoon, spacer-label weg *\/\r\n    .bc-offerte .wa-group > label:first-child { display: none; }\r\n    .bc-offerte .wa-group { margin-top: -8px; }\r\n    .bc-offerte .event-type-row { grid-template-columns: 1fr; }\r\n    .bc-offerte .hero-grid { grid-template-columns: 1fr; gap: 32px; }\r\n    .bc-offerte .hero-copy h1 { font-size: 32px; }\r\n    .bc-offerte .hero-lead { font-size: 16px; }\r\n    \/* Teamfoto verbergen op mobiel: korte scroll naar het formulier *\/\r\n    .bc-offerte .hero-visual { display: none; }\r\n    .bc-offerte .hero-swoosh { width: 320px; right: -120px; bottom: -80px; }\r\n    .bc-offerte .page-hero { padding: 36px 20px 66px; }\r\n    \/* Formulier edge-to-edge voor maximale ruimte *\/\r\n    .bc-offerte .form-container { padding: 0; }\r\n    .bc-offerte .progress-bar { padding: 20px 16px 16px; border-radius: 0; }\r\n    .bc-offerte .form-panel { border-radius: 0; }\r\n    .bc-offerte .panel-content { padding: 24px 16px; }\r\n    .bc-offerte .form-nav { padding: 14px 16px; flex-wrap: nowrap; gap: 10px; border-radius: 0; }\r\n    \/* Verstuurknop altijd in beeld op de laatste stap (mobiel) *\/\r\n    .bc-offerte .form-nav.sticky-final {\r\n      position: sticky;\r\n      bottom: 0;\r\n      z-index: 20;\r\n      background: var(--bc-white);\r\n      box-shadow: 0 -10px 26px rgba(36, 36, 34, 0.14);\r\n      border-radius: 0;\r\n    }\r\n    .bc-offerte .trust-strip { grid-template-columns: 1fr; padding: 14px 16px 12px; }\r\n    .bc-offerte .trust-review { grid-template-columns: 66px auto 1fr; gap: 10px; }\r\n    .bc-offerte .trust-sep { display: none; }\r\n    .bc-offerte .trust-logo { justify-self: end; height: 18px; }\r\n    .bc-offerte .trust-logo-fc { height: 20px; }\r\n    .bc-offerte .trust-num { font-size: 28px; }\r\n    .bc-offerte .trust-points { flex-direction: row; flex-wrap: wrap; gap: 8px 16px; border-left: 0; padding: 11px 0 0; border-top: 1px solid rgba(255,255,255,0.14); }\r\n    .bc-offerte .section-header h2 { font-size: 23px; }\r\n    .bc-offerte .step-label { font-size: 10px; }\r\n    .bc-offerte .section-header-row { flex-direction: row; align-items: flex-start; gap: 12px; }\r\n    \/* Advies-pil naast de kop, alleen telefoon-icoon en nummer (Bram 9 sept) *\/\r\n    .bc-offerte .advies-inline {\r\n      align-self: flex-start;\r\n      width: auto;\r\n      flex-wrap: nowrap;\r\n      padding: 8px 12px;\r\n      gap: 8px;\r\n      margin-top: 2px;\r\n    }\r\n    .bc-offerte .advies-inline .advies-label,\r\n    .bc-offerte .advies-inline .advies-mail { display: none; }\r\n    .bc-offerte .advies-inline .advies-links {\r\n      flex-direction: row;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n    .bc-offerte .advies-inline .advies-sep { display: none; }\r\n    \/* Knoppen compact zodat Vorige + verstuurknop op \u00e9\u00e9n regel passen (ook sticky) *\/\r\n    .bc-offerte .btn { padding: 12px 18px; font-size: 14px; white-space: nowrap; }\r\n    .bc-offerte .btn-primary { padding: 13px 22px; }\r\n    .bc-offerte .btn-ghost { padding: 12px 10px; }\r\n    .bc-offerte .form-nav.sticky-final { padding: 12px 16px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    \/* Telefoon: pil naast de kop knijpt de kop, dus hier onder de intro (compact, alleen nummer) *\/\r\n    .bc-offerte .section-header-row,\r\n    .bc-offerte.bc-offerte-embed .section-header-row { flex-direction: column; gap: 4px; }\r\n    .bc-offerte .advies-inline,\r\n    .bc-offerte.bc-offerte-embed .advies-inline { margin-top: 0; }\r\n    .bc-offerte .section-header-row .section-header { margin-bottom: 6px; }\r\n    \/* Navigatie: de primaire knop mag krimpen en afbreken, anders steekt \"Verder naar\r\n       contactgegevens\" naast Vorige buiten het formulier (gezien 9 sept, 390 px) *\/\r\n    .bc-offerte .form-nav { gap: 10px; }\r\n    .bc-offerte .form-nav .btn-ghost { flex: 0 0 auto; }\r\n    .bc-offerte .form-nav .btn-primary,\r\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; }\r\n    \/* 2 tegels naast elkaar (zoals stap 2): minder scrollen, kaarten compact *\/\r\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n    .bc-offerte .service-card .service-img { aspect-ratio: 4 \/ 3; }\r\n    .bc-offerte .service-name { font-size: 13px; }\r\n    .bc-offerte .service-body { padding: 9px 11px 11px; }\r\n    .bc-offerte .service-card .check-icon { width: 24px; height: 24px; top: 8px; right: 8px; }\r\n    .bc-offerte .extras-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .bc-offerte .hero-copy h1 { font-size: 28px; }\r\n  }\r\n\r\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\r\n     ELEMENTOR\/THEME OVERRIDES\r\n     TODO: verifi\u00ebren of barcompany.nl Elementor draait \u2014 zo niet, kan dit blok weg.\r\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 *\/\r\n  .bc-offerte {\r\n    font-family: var(--bc-sans) !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--bc-text) !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n  }\r\n  .bc-offerte *, .bc-offerte *::before, .bc-offerte *::after {\r\n    box-sizing: border-box !important;\r\n  }\r\n  .bc-offerte .section-header h2,\r\n  .bc-offerte .hero-inner h1,\r\n  .bc-offerte .service-name,\r\n  .bc-offerte .upsell-section h3,\r\n  .bc-offerte .success-state h2 {\r\n    font-family: var(--bc-serif) !important;\r\n  }\r\n  .bc-offerte .script { font-family: var(--bc-script) !important; }\r\n  .bc-offerte .form-container { max-width: 1200px !important; }\r\n  .bc-offerte .form-container.narrow { max-width: 1000px !important; }\r\n  .bc-offerte .service-card .service-img,\r\n  .bc-offerte .extra-card img {\r\n    width: 100% !important;\r\n    object-fit: cover !important;\r\n  }\r\n  .bc-offerte .btn {\r\n    font-family: var(--bc-sans) !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n  }\r\n  .bc-offerte .btn-primary {\r\n    background: var(--bc-orange) !important;\r\n    color: white !important;\r\n  }\r\n  .bc-offerte .btn-primary:hover {\r\n    background: var(--bc-green) !important;\r\n  }\r\n  .bc-offerte .form-group input,\r\n  .bc-offerte .form-group select,\r\n  .bc-offerte .form-group textarea {\r\n    font-family: var(--bc-sans) !important;\r\n    background: white !important;\r\n  }\r\n  .bc-offerte .check-icon { z-index: 3 !important; }\r\n  .bc-offerte .selected .check-icon {\r\n    background: var(--bc-orange) !important;\r\n    border-color: var(--bc-orange) !important;\r\n  }\r\n  .bc-offerte .selected .check-icon svg { opacity: 1 !important; }\r\n  .bc-offerte .service-card { border: none !important; }\r\n  .bc-offerte .service-card img,\r\n  .bc-offerte .extra-card img { height: auto !important; }\r\n  .bc-offerte .event-type-card.selected {\r\n    border-color: var(--bc-orange) !important;\r\n    background: var(--bc-warm) !important;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    \/* 2 tegels naast elkaar, ook door de theme-overrides heen *\/\r\n    .bc-offerte .services-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bc-offerte bc-offerte-embed\">\r\n\r\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\r\n     FORM\r\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 -->\r\n<main class=\"form-container\">\r\n  <div class=\"progress-bar\">\r\n    <div class=\"progress-steps\">\r\n      <div class=\"progress-line\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n      <div class=\"step-item active\" data-step=\"1\">\r\n        <div class=\"step-circle\">1<\/div>\r\n        <span class=\"step-label\">Specials<\/span>\r\n      <\/div>\r\n      <div class=\"step-item\" data-step=\"2\">\r\n        <div class=\"step-circle\">2<\/div>\r\n        <span class=\"step-label\">Extra's<\/span>\r\n      <\/div>\r\n      <div class=\"step-item\" data-step=\"3\">\r\n        <div class=\"step-circle\">3<\/div>\r\n        <span class=\"step-label\">Event<\/span>\r\n      <\/div>\r\n      <div class=\"step-item\" data-step=\"4\">\r\n        <div class=\"step-circle\">4<\/div>\r\n        <span class=\"step-label\">Gegevens<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"form-panel\">\r\n   <div class=\"panel-body\">\r\n   <div class=\"panel-main\">\r\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\r\n         STEP 1: Wat zoek je?\r\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 -->\r\n    <div class=\"panel-content active\" id=\"step1\">\r\n      <div class=\"section-header-row\">\r\n        <div class=\"section-header\">\r\n          <!-- PREVIEW:STEP1HEAD:START -->\r\n          <span class=\"kicker\">Specials uit de nieuwsbrief<\/span>          <h2>Waar heb je <span class=\"script\">interesse<\/span> in?<\/h2>\r\n          <p>Kies \u00e9\u00e9n of meer specials. Binnen 1 minuut aangevraagd.<\/p>\r\n          <!-- PREVIEW:STEP1HEAD:END -->\r\n        <\/div>\r\n        <div class=\"advies-inline\">\r\n          <span class=\"advies-label\">Advies nodig?<\/span>\r\n          <div class=\"advies-links\">\r\n            <a href=\"tel:0882035100\" class=\"advies-call\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n              088 20 35 100            <\/a>\r\n            <span class=\"advies-sep\">|<\/span>\r\n            <a href=\"mailto:info@barcompany.nl\" class=\"advies-mail\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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>\r\n              E-mail\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Mobiel: kort concreet bewijs op de startstap (desktop toont het vertrouwensblok in de zijkolom) -->\r\n      <div class=\"mini-trust\">Sinds 2008 &middot; 9.3\/10 bij Feedback Company<\/div>\r\n\r\n      <div class=\"services-grid specials-grid\">\r\n        <!-- PREVIEW:SERVICES:START -->\r\n                <div class=\"service-card\" data-service=\"special--flash-paper\" data-kaart=\"eigen\" onclick=\"toggleService(this, event)\">\r\n          <div class=\"service-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/DSC06271.webp\" alt=\"Flash paper\" class=\"service-img\" loading=\"lazy\">\r\n                      <\/div>\r\n          <div class=\"check-icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n                    <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Flash paper\">\r\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>\r\n            <span class=\"extra-tipbox\">Een vlammende opening van je cocktail: flash paper gaat in \u00e9\u00e9n flits op.<\/span>\r\n          <\/button>\r\n                    <div class=\"service-body\">\r\n            <div class=\"service-name\">Flash paper<\/div>\r\n            <p class=\"service-subtitle\"><\/p>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"service-card\" data-service=\"special--ube\" data-kaart=\"eigen\" onclick=\"toggleService(this, event)\">\r\n          <div class=\"service-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/DSC06488.webp\" alt=\"Ube\" class=\"service-img\" loading=\"lazy\">\r\n                      <\/div>\r\n          <div class=\"check-icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n                    <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Ube\">\r\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>\r\n            <span class=\"extra-tipbox\">De paarse yam uit de Filipijnen als smaakmaker en eyecatcher in het glas.<\/span>\r\n          <\/button>\r\n                    <div class=\"service-body\">\r\n            <div class=\"service-name\">Ube<\/div>\r\n            <p class=\"service-subtitle\"><\/p>\r\n          <\/div>\r\n        <\/div>\r\n                <div class=\"service-card\" data-service=\"special--custom-ijsblokken\" data-kaart=\"eigen\" onclick=\"toggleService(this, event)\">\r\n          <div class=\"service-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-03-at-14.55.50.jpeg\" alt=\"Custom ijsblokken\" class=\"service-img\" loading=\"lazy\">\r\n                      <\/div>\r\n          <div class=\"check-icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n                    <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Custom ijsblokken\">\r\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>\r\n            <span class=\"extra-tipbox\">Kristalhelder ijs met jouw logo, tekst of bloemen erin.<\/span>\r\n          <\/button>\r\n                    <div class=\"service-body\">\r\n            <div class=\"service-name\">Custom ijsblokken<\/div>\r\n            <p class=\"service-subtitle\"><\/p>\r\n          <\/div>\r\n        <\/div>\r\n                <!-- PREVIEW:SERVICES:END -->\r\n\r\n        <!-- \"Iets anders\" als volwaardige kaart in het grid (teamfeedback); niet bij de specials-variant -->\r\n        <!-- PREVIEW:ADVICE:START -->\r\n                <!-- PREVIEW:ADVICE:END -->\r\n      <\/div>\r\n\r\n      <!-- \"Iets anders\"-blok met adviseur (Formulieren -> Kaarten -> modus \"Blok onder de kaarten\") -->\r\n      <!-- PREVIEW:ADVIESBLOK:START -->\r\n            <div class=\"bc-advies-blok\" id=\"serviceUnsure\" onclick=\"toggleAdvice(this)\">\r\n        <div class=\"bc-advies-persoon\">\r\n                      <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/sam.png\" alt=\"\" class=\"bc-advies-foto\" loading=\"lazy\">\r\n                  <\/div>\r\n        <div class=\"bc-advies-tekst\">\r\n                      <span class=\"bc-advies-kicker\">Sam &middot; Eventadviseur<\/span>\r\n                    <strong>Iets anders in gedachten?<\/strong>\r\n          <p>Onze adviseur denkt met je mee over wat past bij je event.<\/p>\r\n          <span class=\"bc-advies-cta\" aria-hidden=\"true\">\r\n            <span class=\"cta-kies\">Ja, denk met me mee <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/span>\r\n            <span class=\"cta-gekozen\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Gekozen<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"check-icon\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n            <!-- PREVIEW:ADVIESBLOK:END -->\r\n    <\/div>\r\n\r\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\r\n         STEP 2: Maak het af (conditionele upsells)\r\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 -->\r\n    <div class=\"panel-content\" id=\"step2\">\r\n      <!-- PREVIEW:STEP2HEAD:START -->\r\n                  <div class=\"section-header\">\r\n        <span class=\"kicker\">Maak het af<\/span>\r\n        <h2>Kies je <span class=\"script\">extra's<\/span><\/h2>\r\n        <p>Vink aan waar je meer over wilt weten, dan nemen wij het mee in het voorstel.<\/p>\r\n      <\/div>\r\n            <!-- PREVIEW:STEP2HEAD:END -->\r\n\r\n      <!-- TODO: upsell-mapping bevestigen met marketeer. Beheerbaar via Offertes \u2192 Instellingen \u2192 Upsells. -->\r\n      <!-- PREVIEW:UPSELLS:START -->\r\n            <div class=\"upsell-section\" data-for-service=\"cocktails\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Cocktails tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Cocktails<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--welkomstdrankjes\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails-welkomstdrankjes.webp\" alt=\"Welkomstdrankjes\" loading=\"lazy\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Welkomstdrankjes\">\r\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>\r\n              <span class=\"extra-tipbox\">Direct bij binnenkomst een feestelijk drankje voor al je gasten.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Welkomstdrankjes<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--gin-tonic-bar\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/GinTonic-1.jpg\" alt=\"Gin Tonic bar\" loading=\"lazy\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gin Tonic bar\">\r\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>\r\n              <span class=\"extra-tipbox\">Een aparte bar met verschillende gins, tonics en garnishes.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Gin Tonic bar<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--thema-aankleding\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Thema aankleding\">\r\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>\r\n              <span class=\"extra-tipbox\">De bar en styling volledig in het thema van jouw event.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Thema aankleding<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--eetbare-logos\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare logo&#039;s\">\r\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>\r\n              <span class=\"extra-tipbox\">Jouw logo als eetbare topper op de cocktails.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Eetbare logo&#039;s<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--rokende-cocktails\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Rokende cocktails\">\r\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>\r\n              <span class=\"extra-tipbox\">Spectaculaire cocktails met rook, een echte showstopper.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Rokende cocktails<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"cocktails--cocktails-sign\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over &#039;Cocktails&#039;-sign\">\r\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>\r\n              <span class=\"extra-tipbox\">Verlicht &#039;Cocktails&#039;-sign als eyecatcher boven de bar.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">&#039;Cocktails&#039;-sign<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <div class=\"upsell-section\" data-for-service=\"koffiebar-barista\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Koffiebar met barista tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Koffiebar met barista<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--matcha-bar\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Matcha bar\">\r\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>\r\n              <span class=\"extra-tipbox\">Naast koffie ook verse matcha lattes voor je gasten.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Matcha bar<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--logo-op-de-bar-of-bekers\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar of bekers\">\r\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>\r\n              <span class=\"extra-tipbox\">De bar en bekers gepersonaliseerd met jouw logo.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo op de bar of bekers<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--verse-brownies\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Verse brownies\">\r\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>\r\n              <span class=\"extra-tipbox\">Ambachtelijke brownies bij de koffie.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Verse brownies<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--logo-geprint-in-koffie\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo geprint in koffie\">\r\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>\r\n              <span class=\"extra-tipbox\">Jouw logo of tekst geprint in het melkschuim.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo geprint in koffie<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--eetbare-koffiebekers\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare koffiebekers\">\r\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>\r\n              <span class=\"extra-tipbox\">Duurzame bekers die je gewoon kunt opeten.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Eetbare koffiebekers<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--de-donutwall\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over De Donutwall\">\r\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>\r\n              <span class=\"extra-tipbox\">Een wand vol verse donuts naast de koffiebar.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">De Donutwall<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiebar-barista--ijskoffie-fruitwater\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over IJskoffie \/ fruitwater\">\r\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>\r\n              <span class=\"extra-tipbox\">Verfrissende ijskoffie of fruitwater, ideaal bij warm weer.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">IJskoffie \/ fruitwater<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <div class=\"upsell-section\" data-for-service=\"juices-smoothies\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Juices &amp; Smoothies tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Juices &amp; Smoothies<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--logo-op-de-bar-of-bekers\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar of bekers\">\r\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>\r\n              <span class=\"extra-tipbox\">De bar en bekers gepersonaliseerd met jouw logo.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo op de bar of bekers<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--logo-in-de-smoothies\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo in de smoothies\">\r\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>\r\n              <span class=\"extra-tipbox\">Jouw logo als eetbare topper op de smoothies.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo in de smoothies<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--eetbare-smoothiebekers\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Eetbare smoothiebekers\">\r\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>\r\n              <span class=\"extra-tipbox\">Duurzame bekers die je gewoon kunt opeten.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Eetbare smoothiebekers<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--bakjes-vers-fruit\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Bakjes vers fruit\">\r\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>\r\n              <span class=\"extra-tipbox\">Bakjes vers fruit als gezonde snack erbij.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Bakjes vers fruit<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"juices-smoothies--de-shakefiets-trap-je-smoothie\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over De shakefiets (trap je smoothie)\">\r\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>\r\n              <span class=\"extra-tipbox\">Gasten fietsen hun eigen smoothie bij elkaar. Gegarandeerd interactie!<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">De shakefiets (trap je smoothie)<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <div class=\"upsell-section\" data-for-service=\"champagnetoren\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Champagnetoren tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Champagnetoren<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--mijn-logo-op-de-toren\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Mijn logo op de toren\">\r\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>\r\n              <span class=\"extra-tipbox\">Jouw logo uitgelicht op de champagnetoren.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Mijn logo op de toren<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--gekleurde-bubbels\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gekleurde bubbels\">\r\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>\r\n              <span class=\"extra-tipbox\">Bubbels in de kleur van jouw event of merk.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Gekleurde bubbels<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"champagnetoren--andere-drank\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Andere drank\">\r\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>\r\n              <span class=\"extra-tipbox\">Liever prosecco, cava of iets anders in de toren? Dat kan.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Andere drank<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <div class=\"upsell-section\" data-for-service=\"zuurstofbar\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Zuurstofbar tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Zuurstofbar<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--logo-op-de-bar\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bar\">\r\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>\r\n              <span class=\"extra-tipbox\">De zuurstofbar gepersonaliseerd met jouw logo.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo op de bar<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--super-food-energy-shots\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Super food energy shots\">\r\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>\r\n              <span class=\"extra-tipbox\">Gezonde energy shots naast de zuurstofbar.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Super food energy shots<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"zuurstofbar--gepersonaliseerde-menukaart\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Gepersonaliseerde menukaart\">\r\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>\r\n              <span class=\"extra-tipbox\">Menukaart in de stijl van jouw event.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Gepersonaliseerde menukaart<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <div class=\"upsell-section\" data-for-service=\"koffiemachine-huren\">\r\n        <button type=\"button\" class=\"upsell-head\" onclick=\"toggleUpsellSection(this)\" aria-label=\"Extra's voor Koffiemachine huren tonen of verbergen\">\r\n          <span class=\"upsell-head-text\">\r\n            <span class=\"group-kicker\">Vertel me ook meer over<\/span>\r\n            <h3>Koffiemachine huren<\/h3>\r\n          <\/span>\r\n          <span class=\"upsell-count\"><\/span>\r\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>\r\n        <\/button>\r\n        <div class=\"upsell-body\">\r\n        <div class=\"extras-grid\">\r\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--logo-op-de-bekers\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n              <span class=\"pop-badge\">Populair<\/span>            <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo op de bekers\">\r\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>\r\n              <span class=\"extra-tipbox\">Bekers bedrukt met jouw logo.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo op de bekers<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--logo-in-display\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Logo in display\">\r\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>\r\n              <span class=\"extra-tipbox\">Jouw logo op het display van de machine.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Logo in display<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--chocolaatjes-met-logo\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/02\/large-e1739456893410.jpeg\" alt=\"Chocolaatjes met logo\" loading=\"lazy\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Chocolaatjes met logo\">\r\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>\r\n              <span class=\"extra-tipbox\">Chocolaatjes met jouw logo bij de koffie.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Chocolaatjes met logo<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--watertap-met-mineraalwater\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Watertap met mineraalwater\">\r\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>\r\n              <span class=\"extra-tipbox\">Een watertap met gekoeld mineraalwater naast de machine.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Watertap met mineraalwater<\/span>\r\n          <\/div>\r\n                    <div class=\"extra-card\" data-extra=\"koffiemachine-huren--koffiebar-meubel\" onclick=\"toggleExtra(this)\">\r\n            <div class=\"extra-img-wrap\">\r\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\">\r\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>\r\n                          <\/div>\r\n                        <button type=\"button\" class=\"extra-info\" onclick=\"toggleTip(this, event)\" aria-label=\"Meer informatie over Koffiebar-meubel\">\r\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>\r\n              <span class=\"extra-tipbox\">Een stijlvol barmeubel om de machine op te plaatsen.<\/span>\r\n            <\/button>\r\n                        <span class=\"extra-label\">Koffiebar-meubel<\/span>\r\n          <\/div>\r\n                  <\/div>\r\n        <\/div><!-- \/.upsell-body -->\r\n      <\/div>\r\n            <!-- PREVIEW:UPSELLS:END -->\r\n\r\n      <!-- Fallback (normaal wordt stap 2 overgeslagen als geen gekozen service upsells heeft) -->\r\n      <div class=\"no-extras-note\" id=\"noExtrasNote\">\r\n        Voor jouw gekozen services zijn er geen extra opties.<br>\r\n        Klik op <strong>volgende<\/strong> om verder te gaan.\r\n      <\/div>\r\n    <\/div>\r\n\r\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\r\n         STEP 3: Jouw event\r\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 -->\r\n    <div class=\"panel-content\" id=\"step3\">\r\n      <div class=\"section-header\">\r\n        <span class=\"kicker\">Bijna klaar<\/span>\r\n        <h2>Vertel ons over je <span class=\"script\">event<\/span><\/h2>\r\n        <p>Met deze info sturen we binnen \u00e9\u00e9n werkdag een passende offerte.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label for=\"eventDate\">Datum feest \/ evenement (optioneel)<\/label>\r\n          <input type=\"date\" id=\"eventDate\" aria-describedby=\"eventDateHelp\">\r\n          <span class=\"helper\" id=\"eventDateHelp\">Nog geen datum? Laat dit veld leeg.<\/span>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Ik organiseer een: <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"event-type-row\" id=\"eventTypeRow\">\r\n            <div class=\"event-type-card\" data-event-type=\"particulier\" onclick=\"selectEventType(this)\">\r\n              <span class=\"radio-dot\"><\/span>\r\n              Particulier\r\n            <\/div>\r\n            <div class=\"event-type-card\" data-event-type=\"zakelijk\" onclick=\"selectEventType(this)\">\r\n              <span class=\"radio-dot\"><\/span>\r\n              Zakelijk\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n            \r\n      <div class=\"form-group\" style=\"margin-top: 8px;\">\r\n        <label for=\"extraNotes\">Vragen of opmerkingen <span class=\"helper\">(optioneel)<\/span><\/label>\r\n        <textarea id=\"extraNotes\" placeholder=\"Soort evenement, aantal gasten, tijden en bijzonderheden.\"><\/textarea>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\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\r\n         STEP 4: Contact\r\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 -->\r\n    <!-- 1.7.0: het contactformulier begint op stap 4, dus staat die hier al open (ook zonder JS). -->\r\n    <div class=\"panel-content\" id=\"step4\">\r\n      <div class=\"section-header\">\r\n                  <span class=\"kicker\">Laatste stap<\/span>\r\n          <h2>Vul je contactgegevens <span class=\"script\">in<\/span><\/h2>\r\n          <p>Binnen \u00e9\u00e9n werkdag ontvang je een vrijblijvende offerte voor jouw event.<\/p>\r\n              <\/div>\r\n\r\n      <!-- E\u00e9n grid: zakelijk = Naam, Bedrijf \/ E-mail, Telefoon; particulier = bedrijf weg en de\r\n           WhatsApp-vraag schuift naast Telefoon (Naam, E-mail \/ Telefoon, WhatsApp). -->\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label for=\"contactName\">Naam <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"text\" id=\"contactName\" placeholder=\"Je volledige naam\" autocomplete=\"name\" required>\r\n        <\/div>\r\n                <div class=\"form-group\" id=\"companyGroup\">\r\n          <label for=\"contactCompany\">Bedrijf (optioneel)<\/label>\r\n          <input type=\"text\" id=\"contactCompany\" placeholder=\"Bedrijfsnaam (optioneel)\" autocomplete=\"organization\">\r\n        <\/div>\r\n                <div class=\"form-group\">\r\n          <label for=\"contactEmail\">E-mail <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"email\" id=\"contactEmail\" placeholder=\"naam@bedrijf.nl\" autocomplete=\"email\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label for=\"contactPhone\">Telefoonnummer <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"tel\" id=\"contactPhone\" placeholder=\"06 - 12345678\" autocomplete=\"tel\" aria-describedby=\"contactPhoneHelp\" required>\r\n          <span class=\"helper\" id=\"contactPhoneHelp\">We gebruiken je nummer alleen om deze aanvraag snel met je af te stemmen.<\/span>\r\n        <\/div>\r\n                        <!-- WhatsApp opt-in: alleen bij particuliere events (teamfeedback), default uit (AVG) -->\r\n        <div class=\"form-group wa-group\" id=\"waGroup\" hidden>\r\n          <label aria-hidden=\"true\">&nbsp;<\/label>\r\n          <label class=\"wa-optin\">\r\n            <input type=\"checkbox\" id=\"waOptIn\">\r\n            <span>Ja, Bar Company mag mij via WhatsApp benaderen over deze aanvraag.<\/span>\r\n          <\/label>\r\n        <\/div>\r\n              <\/div>\r\n\r\n      <div style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\r\n        <input type=\"text\" name=\"bc_hp_field\" tabindex=\"-1\" autocomplete=\"off\">\r\n      <\/div>\r\n      <input type=\"hidden\" name=\"form_id\" value=\"30767\">\r\n\r\n            <div class=\"overview-card\" id=\"overviewCard\">\r\n        <h4>Jouw aanvraag<\/h4>\r\n        <div id=\"overviewSelection\"><\/div>\r\n        <div id=\"overviewData\"><\/div>\r\n      <\/div>\r\n      \r\n      <!-- Social proof op het beslismoment, zelfde opzet als het reviews-blok in de footer van barcompany.nl.\r\n           Scores beheerbaar via Offertes \u2192 Instellingen \u2192 Reviewscores. -->\r\n      <div class=\"trust-strip\">\r\n        <div class=\"trust-reviews\">\r\n          <div class=\"trust-review\">\r\n            <strong class=\"trust-num\">9.3<span>\/10<\/span><\/strong>\r\n            <span class=\"trust-count\">693 reviews<\/span>\r\n            <span class=\"trust-sep\" aria-hidden=\"true\"><\/span>\r\n            <img decoding=\"async\" class=\"trust-logo trust-logo-fc\" src=\"https:\/\/www.barcompany.nl\/wp-content\/plugins\/bc-offerte-plugin\/assets\/feedback-company.png\" alt=\"Feedback Company\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"trust-review\">\r\n            <strong class=\"trust-num\">4.9<span>\/5<\/span><\/strong>\r\n            <span class=\"trust-count\">560 reviews<\/span>\r\n            <span class=\"trust-sep\" aria-hidden=\"true\"><\/span>\r\n            <img decoding=\"async\" class=\"trust-logo trust-logo-g\" src=\"https:\/\/www.barcompany.nl\/wp-content\/plugins\/bc-offerte-plugin\/assets\/google.png\" alt=\"Google\" loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"trust-points\">\r\n          <span><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>100% vrijblijvend<\/span>\r\n          <span><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Binnen \u00e9\u00e9n werkdag reactie<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUCCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"panel-content\" id=\"stepSuccess\">\r\n      <div class=\"success-state\">\r\n        <div class=\"success-icon\">\r\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>\r\n        <\/div>\r\n                <h2>Offerte <span class=\"script\">aangevraagd!<\/span><\/h2>\r\n        <p>Bedankt voor je aanvraag. We nemen binnen \u00e9\u00e9n werkdag contact met je op.<\/p>\r\n              <\/div>\r\n    <\/div>\r\n\r\n   <\/div><!-- \/.panel-main -->\r\n\r\n   <!-- Zijkolom: bewerkbare samenvatting \"Jouw aanvraag\" (wijzigen\/verwijderen per\r\n        onderdeel) + compact vertrouwensblok met concrete bewijzen (teamfeedback Tim).\r\n        Alleen op desktop in de full-page variant; mobiel en embed gebruiken de\r\n        inline overzichten in stap 3\/4. -->\r\n   <aside class=\"form-rail\" id=\"formRail\">\r\n    <div class=\"rail-inner\">\r\n     <div class=\"rail-selection\" id=\"railSelection\" hidden>\r\n       <h4>Jouw aanvraag<\/h4>\r\n       <div class=\"rail-sec\" id=\"railSecConcept\" hidden>\r\n         <div class=\"rail-sec-head\"><span>Specials<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(1)\">Wijzigen<\/button><\/div>\r\n         <div id=\"railConceptLines\"><\/div>\r\n       <\/div>\r\n       <div class=\"rail-sec\" id=\"railSecExtras\" hidden>\r\n         <div class=\"rail-sec-head\"><span>Extra's<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(2)\">Wijzigen<\/button><\/div>\r\n         <div class=\"rail-chips\" id=\"railExtraChips\"><\/div>\r\n       <\/div>\r\n       <div class=\"rail-sec\" id=\"railSecEvent\" hidden>\r\n         <div class=\"rail-sec-head\"><span>Event<\/span><button type=\"button\" class=\"rail-edit\" onclick=\"goToStep(3)\">Wijzigen<\/button><\/div>\r\n         <div id=\"railData\"><\/div>\r\n       <\/div>\r\n     <\/div>\r\n     <div class=\"rail-trust\">\r\n       <ul>\r\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>9.3\/10<\/strong> bij Feedback Company<\/span><\/li>\r\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>4.9\/5<\/strong> op Google<\/span><\/li>\r\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\">Sinds <strong>2008<\/strong><\/span><\/li>\r\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\">Binnen <strong>\u00e9\u00e9n werkdag<\/strong> reactie<\/span><\/li>\r\n       <\/ul>\r\n     <\/div>\r\n    <\/div><!-- \/.rail-inner -->\r\n   <\/aside>\r\n   <\/div><!-- \/.panel-body -->\r\n\r\n    <!-- Navigation -->\r\n    <div class=\"form-nav\" id=\"formNav\">\r\n      <button class=\"btn btn-ghost\" id=\"btnPrev\" onclick=\"prevStep()\" style=\"visibility:hidden;\">\r\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>\r\n        Vorige\r\n      <\/button>\r\n      <button class=\"btn btn-primary\" id=\"btnNext\" onclick=\"nextStep()\">\r\n        Volgende\r\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>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n\r\n\r\n<\/div><!-- \/.bc-offerte -->\r\n<\/div><\/section>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Ube matcha\",\"description\":\"Ube Matcha op je event: gelaagd in het glas, paars van de knol zelf. Ook als Ube Latte, warm of iced. Live gemaakt door onze barista op locatie.\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Bar Company\",\"url\":\"https:\/\/www.barcompany.nl\"}}<\/script>\n<\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home \u203a Blog \u203a Ube Matcha Ube Matcha: onze nieuwe koffiespecial De nieuwe trend uit Zuidoost-Azi\u00eb staat vanaf nu op onze kaart. Twee lagen in \u00e9\u00e9n glas, een 100% natuurlijke kleur. Op Nederlandse events is Ube nog een zeldzame verschijning. Juist daardoor trekt de combinatie met het paars de aandacht aan de bar. Ik wil [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":30594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_focus_keyword":"ube matcha","rank_math_title":"Ube Matcha: onze nieuwe koffiespecial | Bar Company","rank_math_description":"Ube Matcha op je event: gelaagd in het glas, paars van de knol zelf. Ook als Ube Latte, warm of iced. Live gemaakt door onze barista op locatie.","rank_math_rich_snippet":"","rank_math_robots":[],"_bc_content_session_id":"ube-matcha-2","_bc_content_content_hash":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-30596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"blocksy_meta":{"has_hero_section":"disabled","disable_featured_image":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"featured_image_urls_v2":{"full":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg",2560,1707,false],"thumbnail":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-150x150.jpg",150,150,true],"medium":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-300x200.jpg",300,200,true],"medium_large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-768x512.jpg",768,512,true],"large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-1536x1024.jpg",1536,1024,true],"2048x2048":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-2048x1365.jpg",2048,1365,true],"trp-custom-language-flag":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg",18,12,false],"gform-image-choice-sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg",300,200,false],"gform-image-choice-md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg",400,267,false],"gform-image-choice-lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-scaled.jpg",600,400,false],"awb_sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-500x333.jpg",500,333,true],"awb_md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-800x533.jpg",800,533,true],"awb_lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-1280x853.jpg",1280,853,true],"awb_xl":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/08\/DSC04911-1920x1280.jpg",1920,1280,true]},"post_excerpt_stackable_v2":"<p>Home \u203a Blog \u203a Ube MatchaUbe Matcha: onze nieuwe koffiespecialDe nieuwe trend uit Zuidoost-Azi\u00eb staat vanaf nu op onze kaart. Twee lagen in \u00e9\u00e9n glas, een 100% natuurlijke kleur. Op Nederlandse events is Ube nog een zeldzame verschijning. Juist daardoor trekt de combinatie met het paars de aandacht aan de bar.Ik wil Ube op mijn eventBekijk de matcha bar Nieuw op de kaartWaarom Ube?100% natuurlijke kleur Het paars komt uit de knol zelf. Geen kleurstof uit een flesje.Perfect met matcha Paars tegen groen in \u00e9\u00e9n glas en die lagen blijven staan tot de laatste slok.Ook als Ube Latte Onder een&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/www.barcompany.nl\/es\/category\/blog\/\" rel=\"category tag\">Blog<\/a>","author_info_v2":{"name":"Bram van Roosmalen","url":"https:\/\/www.barcompany.nl\/es\/author\/bc-content-engine\/"},"comments_num_v2":"0 comments","acf":[],"_links":{"self":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/30596","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=30596"}],"version-history":[{"count":27,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/30596\/revisions"}],"predecessor-version":[{"id":30806,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/posts\/30596\/revisions\/30806"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media\/30594"}],"wp:attachment":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media?parent=30596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/categories?post=30596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/tags?post=30596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}