{"id":30397,"date":"2026-06-26T14:07:30","date_gmt":"2026-06-26T12:07:30","guid":{"rendered":"https:\/\/www.barcompany.nl\/?page_id=30397"},"modified":"2026-10-16T09:38:26","modified_gmt":"2026-10-16T07:38:26","slug":"cocktail-catering-bedrijfsfeest","status":"publish","type":"page","link":"https:\/\/www.barcompany.nl\/es\/cocktails\/cocktail-catering\/cocktail-catering-bedrijfsfeest\/","title":{"rendered":"Servicio de catering con c\u00f3cteles para fiestas de empresa | Bar Company"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\n<div class=\"bc-cm bc30\">\n<section class=\"bc-hero bc-page-hero bc-visible\" data-bc-alias=\"hero\" data-variant=\"photo\" data-component=\"Hero\"><div class=\"bc-page-hero__art\" data-focus=\"onder\" data-bc-in=\"zak\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg\" alt=\"Donkerbruine cocktail in kristallen glas met munt en limoen op een Bar Company onderzetter\" loading=\"eager\" fetchpriority=\"high\"><\/div><div class=\"bc-page-hero__wrap\"><div class=\"bc-page-hero__text\"><nav class=\"bc-page-hero__crumb\" aria-label=\"Kruimelpad\" data-kruimel-lang><a href=\"\/\">Home<\/a><span class=\"bc-page-hero__crumb-kort\" hidden> <i class=\"bc-page-hero__crumb-sep\" aria-hidden=\"true\"><\/i> <button type=\"button\" class=\"bc-page-hero__crumb-meer\" aria-expanded=\"false\" aria-label=\"Toon het hele kruimelpad\">\u2026<\/button><\/span><span class=\"bc-page-hero__crumb-mid\"> <i class=\"bc-page-hero__crumb-sep\" aria-hidden=\"true\"><\/i> <a href=\"\/cocktails\/\">Cocktails<\/a><\/span> <i class=\"bc-page-hero__crumb-sep\" aria-hidden=\"true\"><\/i> <a class=\"bc-page-hero__crumb-ouder\" href=\"\/cocktails\/cocktail-catering\/\">Cocktail catering<\/a><span class=\"bc-page-hero__crumb-eind\"> <i class=\"bc-page-hero__crumb-sep\" aria-hidden=\"true\"><\/i> <span>Cocktail catering bedrijfsfeest<\/span><\/span><\/nav><h1 data-bc-in=\"hero\">Cocktail catering voor je <span class=\"bc-script\">bedrijfsfeest<\/span><\/h1><p class=\"bc-page-hero__lead\" data-bc-in=\"hero\">Cocktail catering voor je bedrijfsfeest regel je bij Bar Company van A tot Z: live geshakete cocktails op locatie, vanaf 1.075 EUR excl. btw, door heel Nederland en onderbouwd met 2.500+ events per jaar. Benieuwd wat bij jouw feest past?<\/p><div class=\"bc-page-hero__ctas\" data-bc-in=\"hero\"><a class=\"bc-btn bc-btn--glow\" href=\"\/offerte-aanvragen\/\">Vraag offerte aan<\/a><a class=\"bc-btn bc-btn--dark\" href=\"#bc-hero-next\">Lees verder<\/a><\/div><\/div><\/div><section class=\"bc-stats bc-stats--serif-band bc-visible\" data-variant=\"serif-band\" data-component=\"Stats\"><div class=\"bc-stats-inner\"><div class=\"bc-stats__items\"><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">16<\/span><p class=\"bc-stats__label\">jaar ervaring<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">2.500+<\/span><p class=\"bc-stats__label\">events per jaar<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">9,3<\/span><p class=\"bc-stats__label\">klanttevredenheid<\/p><\/div><div class=\"bc-stats__item\"><span class=\"bc-stats__num\">100<\/span><p class=\"bc-stats__label\">% landelijke dekking<\/p><\/div><\/div><\/div><\/section><\/section><span id=\"bc-hero-next\" aria-hidden=\"true\"><\/span>\n<section class=\"bc-logo-marquee bc-logo-strip bc-visible\" data-component=\"ClientLogos\" data-bc-alias=\"logo-strip\"><p class=\"bc-logo-marquee__kick\">Vertrouwd door<\/p><div class=\"bc-logo-marquee__mask\"><div class=\"bc-logo-marquee__track\"><ul><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-19.png\" alt=\"Klanten van Bar Company: A12\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"Klanten van Bar Company: RAI Amsterdam\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-16.png\" alt=\"Klanten van Bar Company: OceanDiva\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-15.png\" alt=\"Klanten van Bar Company: NBC\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-14.png\" alt=\"Klanten van Bar Company: WSK\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-13.png\" alt=\"Klanten van Bar Company: Spant!\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-12.png\" alt=\"Klanten van Bar Company: De kromhout\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-11.png\" alt=\"Klanten van Bar Company: Inspyrium\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-10.png\" alt=\"Klanten van Bar Company: Rijtuigenloods\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-9.png\" alt=\"Klanten van Bar Company: Hart van Holland\" loading=\"lazy\"><\/li><\/ul><ul aria-hidden=\"true\"><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-19.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-16.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-15.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-14.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-13.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-12.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-11.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-10.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-9.png\" alt=\"\" loading=\"lazy\"><\/li><\/ul><ul aria-hidden=\"true\"><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-19.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-16.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-15.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-14.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-13.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-12.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-11.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-10.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-9.png\" alt=\"\" loading=\"lazy\"><\/li><\/ul><\/div><\/div><button type=\"button\" class=\"bc-logo-marquee__pauze\" data-bc-pauze><span data-bc-pauze-uit>Pauzeer<\/span><span data-bc-pauze-aan>Speel af<\/span><\/button><\/section>\n<div class=\"bc-band\">\n<section class=\"bc-profile bc-text-image bc-visible\" data-variant=\"landscape\" data-mobiel=\"inklappen\" data-bc-alias=\"text-image\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/04\/Sfeerfoto-bartender-1.jpeg\" alt=\"sfeer bartender 2025\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" id=\"bc-tekst-wat-cocktail-catering-voor-een-bedrijfsf-1g2ja\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Wat cocktail catering voor een bedrijfsfeest inhoudt<\/h2><p>Cocktail catering voor een bedrijfsfeest betekent dat wij de complete cocktailbar naar je locatie brengen en alles eromheen regelen. Niet alleen de bar, maar ook het glaswerk, het ijs, de verse ingredienten, de bartools en de volledige op- en afbouw. Jij wijst een plek aan, wij doen de rest.<\/p><p>Dat is het verschil met alleen een <a href=\"\/cocktails\/cocktailbar-huren\/cocktailbar-huren-voor-feest\/cocktailbar-bedrijfsfeest\/\">cocktailbar huren voor je bedrijfsfeest<\/a>: bij catering nemen we de hele keten uit handen, van het eerste advies tot de laatste afwas. Onze gangmakers shaken elke cocktail live op locatie, vers en in het bijbehorende glas, met onze eigen huisgemaakte siropen. Geen voorgemixte flessen, geen halffabrikaat.<\/p><p> We weten precies wat een zakelijk gezelschap nodig heeft: een vlotte doorstroom, een menu dat klopt en een bar die het kloppende middelpunt van het feest wordt. Een complete opstelling bevat minimaal zeven cocktails en mocktails, op maat samengesteld en wisselend per seizoen, met minimaal vijf populaire cocktails en twee alcoholvrije erbij. Zo komt ieder gezelschap aan zijn trekken.<\/p><figure class=\"bc-profile__pq\" data-bc-in=\"tekst\"><blockquote><p><mark class=\"bc-mark\">Al 16 jaar is de mobiele cocktailbar het vlaggenschip van Bar Company.<\/mark><\/p><\/blockquote><\/figure><p>Cocktail catering zakelijk inzetten betekent ook dat je met een vast aanspreekpunt werkt. Je eventadviseur stemt vooraf het menu, het aantal bars en de tijden af, en op de avond zelf staat er een team dat het feest draaiende houdt. Voor een loods, een kantoortuin of een buitenlocatie met tent: de bars passen door een standaard deuropening en zijn koppelbaar tot een opstelling van vijftien meter breed.<\/p><p>Deze pagina valt onder onze bredere <a href=\"\/cocktails\/cocktail-catering\/\">cocktail catering<\/a>, waar je het volledige aanbod vindt. Organiseer je geen bedrijfsfeest maar een trouwdag? Dan verzorgen we dezelfde live cocktails ook als <a href=\"\/cocktails\/cocktail-catering\/cocktail-catering-bruiloft\/\">cocktail catering voor een bruiloft<\/a>.<\/p><button type=\"button\" class=\"bc-profile__fold\" data-bc-fold aria-expanded=\"false\" aria-controls=\"bc-tekst-wat-cocktail-catering-voor-een-bedrijfsf-1g2ja\"><span data-bc-fold-meer>Lees verder<\/span><span data-bc-fold-minder hidden>Minder tonen<\/span><\/button><\/div><\/div><\/section>\n<aside class=\"bc-callout bc-callout--accent bc-visible\" data-component=\"Callout\">\n    <div class=\"bc-callout-wrap\" data-bc-in=\"tekst\">\n      <p class=\"bc-callout__line\"><mark class=\"bc-mark\">Catering is meer dan een bar in de hoek: het is het hele plaatje, van advies tot afwas, in vakkundige handen.<\/mark><\/p>\n    <\/div>\n  <\/aside>\n<section class=\"bc-profile bc-text-image bc-visible\" data-variant=\"portrait flip\" data-bc-alias=\"text-image\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/09\/DP_-_Cocktail_Workshop_-_64-min1-scaled.jpg\" alt=\"DP_-_Cocktail_Workshop_-_64-min1-scaled\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Waarom cocktail catering je bedrijfsfeest laat slagen<\/h2><p>Je organiseert het bedrijfsfeest waarschijnlijk maar een keer per jaar. Het moet in een keer raak zijn, want je collega&#39;s onthouden precies hoe de avond voelde. Niets is zo ongemakkelijk als een zaal waarin iedereen wat stijfjes langs de kant blijft hangen, een dansvloer die leeg blijft en een rij wachtenden die met een plastic bekertje staan tot er eindelijk iets te drinken is.<\/p><p>Daar zit precies de kracht van cocktails op een bedrijfsfeest. Een cocktail is geen alledaags drankje, het is een drankje dat hoort bij iets vieren. Zodra de eerste shaker rinkelt en er een rokende cocktail of een geflambeerde ananas over de bar gaat, ontstaat er reuring. Mensen lopen naar de bar, raken aan de praat en de avond komt vanzelf op gang. De cocktailbar wordt het centrale ontmoetingspunt waar het feest begint en waar gesprekken tussen afdelingen loskomen.<\/p><p>En dan is er nog het gedoe dat je jezelf bespaart. Geen inkoop van flessen, geen geregel met glaswerk en ijs, geen losse mensen die je tijdens je eigen feest moet aansturen. Met meer dan 2.500 events per jaar weten we wat er op een feest van 80 of 250 collega&#39;s nodig is om de boel soepel te laten lopen. Er is geen tweede kans om het goed te doen, en die zekerheid is precies wat we leveren.<\/p><p>Wil je zien hoe dit op een personeelsfeest uitpakt? Bekijk dan <a href=\"\/cocktails\/cocktails-op-locatie\/cocktails-op-personeelsfeest\/\">cocktails op je personeelsfeest<\/a> voor een vergelijkbare opzet.<\/p><\/div><\/div><\/section>\n<section class=\"bc-profile bc-text-image bc-visible\" data-variant=\"landscape\" data-bc-alias=\"text-image\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/04\/By-kimdas-928_websize.jpg\" alt=\"By-kimdas-928_websize\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Zo verzorgen we je bedrijfsfeest van opbouw tot afbouw<\/h2><p>Een geslaagd feest begint ruim voor de eerste cocktail. Zo pakken we het aan:<\/p><p>1. <strong>Advies vooraf<\/strong> je eventadviseur denkt mee over het menu, het aantal bars en de bezetting die bij je gezelschap passen.\n2. <strong>Opbouw op locatie<\/strong> onze gangmakers rijden in eigen busjes naar je feest en bouwen de bar binnen een uur op.\n3. <strong>Live shaken tijdens het feest<\/strong> de bartenders schenken de hele avond vers geshakete cocktails, met oog voor doorstroom en sfeer.\n4. <strong>Afbouw na afloop<\/strong> wij ruimen alles weer netjes op, jij hoeft nergens naar om te kijken.<\/p><p>Voor de capaciteit reken je op ongeveer 50 cocktails per uur per cocktailshaker en een bartender per 50 tot 75 gasten. Per persoon houd je twee tot drie cocktails aan. Verwacht je 150 collega&#39;s of meer, dan zetten we meerdere bars of extra shakers in, zodat er nergens een wachtrij ontstaat en iedereen snel aan de beurt is. Is de ruimte krap, dan kan een wendbare cocktail trolley rondlopen door de zaal, zodat de drankjes naar je gasten toe komen in plaats van andersom.<\/p><\/div><\/div><\/section>\n<aside class=\"bc-callout bc-callout--accent bc-visible\" data-component=\"Callout\">\n    <div class=\"bc-callout-wrap\" data-bc-in=\"tekst\">\n      <p class=\"bc-callout__line\"><mark class=\"bc-mark\">Met 2.500 events per jaar weten we precies hoeveel bars en bartenders jouw aantal gasten vraagt.<\/mark><\/p>\n    <\/div>\n  <\/aside>\n<section class=\"bc-profile bc-text-image bc-visible\" data-variant=\"portrait flip\" data-bc-alias=\"text-image\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2024\/04\/2023-Bar-Company-Amsterdam-47-Large-min-e1713782941660.jpg\" alt=\"group event setting\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Branding op de bar<\/h2><h3 class=\"bc-profile__sub\">Alcoholvrij volwaardig meegenomen<\/h3><p>Een bedrijfsfeest is ook een moment om je merk te laten zien. Je logo zetten we kosteloos op de menukaarten, en we geven cocktails graag de naam van je bedrijf, bijvoorbeeld een huis-Mojito met je bedrijfsnaam erop. Wil je verder gaan, dan ontwerpen we een signature cocktail op maat, compleet met custom ijsblokken met je logo erin. Zo wordt de bar een natuurlijk gespreksonderwerp tussen je gasten.<\/p><p>Niet iedereen drinkt alcohol, en daar houden we rekening mee. Naast de cocktails staat er altijd een volwaardig mocktailmenu, met eigen recepten in plaats van een cocktail waar de alcohol uit weggelaten is. Geschikt voor de BOB, zwangere gasten en iedereen die liever fris drinkt. Kijk voor de smaken bij onze <a href=\"\/cocktails\/cocktail-catering\/alcoholvrije-cocktails\/\">alcoholvrije cocktails<\/a>.<\/p><p>Serveer je liever ook koffie naast de cocktails, bijvoorbeeld voor het zakelijke deel van de dag? Dan kun je net zo goed <a href=\"\/koffie\/barista-inhuren\/barista-inhuren-voor-bedrijf\/\">een barista inhuren voor je bedrijf<\/a> en beide concepten combineren.<\/p><\/div><\/div><\/section>\n<section class=\"bc-profile bc-text-image bc-visible\" data-variant=\"landscape\" data-bc-alias=\"text-image\" data-component=\"TextImage\"><div class=\"bc-profile__wrap\"><div class=\"bc-profile__media\"><div class=\"bc-profile__img-frame\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Cocktails-op-je-bruiloft-Bar-Company.jpg\" alt=\"legacy hero bruiloft\" loading=\"lazy\"><\/div><\/div><div class=\"bc-profile__text\" data-bc-in=\"tekst\"><h2 class=\"bc-profile__title\">Bedrijven die hun feest al aan ons toevertrouwden<\/h2><p>Waarom durven we zekerheid te beloven? Omdat het track record er is. Bar Company draait al 16 jaar, met meer dan 2.500 events per jaar en een reviewscore van 9,3 over inmiddels meer dan 10.000 tevreden klanten. Onze bars stonden onder andere bij RAI, Vermaat, Netflix en Douwe Egberts. Dat is geen marketing, dat is track record. Voor jou betekent het dat je collega&#39;s terechtkomen op een feest dat in vakkundige handen is, van het eerste glas tot het laatste rondje.<\/p><\/div><\/div><\/section>\n<\/div>\n<section class=\"bc-impression bc-gallery bc-visible\" data-component=\"Gallery\" aria-label=\"Foto&#39;s van Bar Company\" data-bc-alias=\"gallery\"><div class=\"bc-impression__track\" data-bc-galerij role=\"group\" tabindex=\"0\" id=\"bc-fotos-1r8nlw\" aria-label=\"Foto&#39;s, blader met de pijltjestoetsen of veeg\"><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/BC-Cocktailshaker-1024x683.jpg\" alt=\"Cocktailshakers\" loading=\"lazy\" data-no-lazy=\"1\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Oxygenbar-for-fire-Bar-Company-1.jpg\" alt=\"Kleurrijke cocktailingredi\u00ebnten in glazen flesjes en maatbekers op een professionele bar opstelling.\" loading=\"lazy\" data-no-lazy=\"1\"><\/div><div class=\"bc-impression__card\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2022\/11\/BC-Cocktaillaboratorium-1-1024x683.jpeg\" alt=\"Cocktail laboratorium\" loading=\"lazy\" data-no-lazy=\"1\"><\/div><\/div><div class=\"bc-impression__controls\"><output aria-live=\"off\" aria-label=\"Zichtbare fotopositie\">1 \/ 3<\/output><button type=\"button\" data-gallery-prev aria-controls=\"bc-fotos-1r8nlw\" aria-label=\"Vorige foto\">\u2190<\/button><button type=\"button\" data-gallery-next aria-controls=\"bc-fotos-1r8nlw\" aria-label=\"Volgende foto\">\u2192<\/button><\/div><span class=\"bc-impression__hint\" id=\"bc-fotos-1r8nlw-hint\" hidden>Foto vergroten<\/span><dialog class=\"bc-lightbox bc-impression__lichtbak\" aria-label=\"Foto bekijken\"><button class=\"bc-lightbox__close\" type=\"button\" aria-label=\"Sluiten\">\u00d7<\/button><button class=\"bc-lightbox__nav bc-lightbox__nav--prev\" type=\"button\" aria-label=\"Vorige foto\"><svg viewBox=\"0 0 17 8\" width=\"28\" height=\"13\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"#fff\" d=\"m8.66663,8c-3.86378,0 -7.2322,-2.97987 -8,-7.08725l4.13622,-0.91275c0.37152,1.98658 2.00619,3.43624 3.88854,3.43624c1.85761,0 3.46751,-1.42282 3.86381,-3.3557l4.1114,0.99329c-0.8173,4 -4.1857,6.92617 -7.99997,6.92617z\"><\/path><\/svg><\/button><figure class=\"bc-impression__lichtbak-beeld\"><figcaption class=\"bc-impression__lichtbak-bijschrift\" hidden><\/figcaption><\/figure><button class=\"bc-lightbox__nav bc-lightbox__nav--next\" type=\"button\" aria-label=\"Volgende foto\"><svg viewBox=\"0 0 17 8\" width=\"28\" height=\"13\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"#fff\" d=\"m8.66663,8c-3.86378,0 -7.2322,-2.97987 -8,-7.08725l4.13622,-0.91275c0.37152,1.98658 2.00619,3.43624 3.88854,3.43624c1.85761,0 3.46751,-1.42282 3.86381,-3.3557l4.1114,0.99329c-0.8173,4 -4.1857,6.92617 -7.99997,6.92617z\"><\/path><\/svg><\/button><output class=\"bc-impression__lichtbak-positie\" aria-live=\"polite\"><\/output><\/dialog><\/section>\n<section class=\"bc-review-spotlight bc-reviews bc-visible\" data-component=\"Reviews\" aria-labelledby=\"bc-reviews-b8gh0-kop\" data-bc-alias=\"reviews\"><div class=\"bc-review-spotlight__heading\" data-bc-in=\"tekst\"><div><h2 id=\"bc-reviews-b8gh0-kop\">Wat klanten over Bar Company zeggen<\/h2><p class=\"bc-review-spotlight__lead\">Onze klanten geven ons een 9,3 op basis van 1.244 reviews. Hieronder een greep uit wat zij over onze service zeggen.<\/p><\/div><div class=\"bc-review-spotlight__score\"><strong>9,3<small>\/10<\/small><\/strong><span>Gemiddelde reviewscore<span class=\"bc-review-spotlight__score-sub\">Google + Feedback Company \u00b7 1.244 reviews<\/span><\/span><img decoding=\"async\" src=\"https:\/\/cdn.barcompany.nl\/design-system\/latest\/assets\/feedback-company.svg\" alt=\"Feedback Company\"><\/div><\/div><div class=\"bc-review-spotlight__viewport\" role=\"region\" aria-roledescription=\"carrousel\" aria-label=\"Reviews van klanten\" tabindex=\"0\"><div class=\"bc-review-spotlight__track\"><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"0\" aria-label=\"Review van Sophie - Innovate Solutions\"><div class=\"bc-review-spotlight__top\"><span class=\"bc-review-spotlight__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-b8gh0-q0\">Wij hebben een cocktailbar gehuurd voor ons bedrijfsfeest en het was een enorme hit! Het team was super professioneel en zorgde voor heerlijke cocktails en een gezellige sfeer. De bar was een geweldige toevoeging aan ons evenement, en de gasten waren erg te spreken over de service en de creativiteit van de cocktails. Zeker een aanrader voor iedereen die op zoek is naar een unieke ervaring voor hun bedrijfsfeest!<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-b8gh0-q0\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>Sophie &#8211; Innovate Solutions<\/strong><\/div><\/article><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"1\" aria-label=\"Review van Hans van Nimwegen\"><div class=\"bc-review-spotlight__top\"><span class=\"bc-review-spotlight__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-b8gh0-q1\">Goede partij met een hoge standaard, ons bedrijfsfeest was mede door de samenwerking met Bar Company een hit. Bedankt voor de goede koffie \u00e9n cocktails, echt een toevoeging!<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-b8gh0-q1\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>Hans van Nimwegen<\/strong><\/div><\/article><article class=\"bc-review-spotlight__card\" data-variant=\"source\" data-review-index=\"2\" aria-label=\"Review van RHH Rotterdam Harbour Holding B.V.\"><div class=\"bc-review-spotlight__top\"><span class=\"bc-review-spotlight__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"bc-review-spotlight__stars\" role=\"img\" aria-label=\"5 van 5 sterren\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><\/span><\/div><blockquote id=\"bc-reviews-b8gh0-q2\">De Bar Company heeft voor ons bedrijfsfeest o.a. de cocktails verzorgd. Goed georganiseerd en kan werkelijk niets negatiefs vinden. Kortom alleen maar complimenten en absolute aanbeveling. Jean-Paul van Munster<\/blockquote><button type=\"button\" class=\"bc-review-spotlight__more\" aria-expanded=\"false\" aria-controls=\"bc-reviews-b8gh0-q2\"><span data-bc-meer>Meer lezen<\/span><span data-bc-minder hidden>Minder lezen<\/span><\/button><div class=\"bc-review-spotlight__author\"><strong>RHH Rotterdam Harbour Holding B.V.<\/strong><\/div><\/article><\/div><\/div><div class=\"bc-review-spotlight__controls\"><button type=\"button\" data-review-prev aria-label=\"Vorige review\">\u2190<\/button><span data-review-position aria-live=\"polite\" aria-atomic=\"true\">1 \/ 3<\/span><button type=\"button\" data-review-next aria-label=\"Volgende review\">\u2192<\/button><\/div><a class=\"bc-review-spotlight__all\" href=\"\/referenties\/\">Bekijk alle reviews<\/a><\/section><section class=\"bc-logo-marquee bc-visible\" data-component=\"ClientLogos\" data-bc-hoort-bij=\"reviews\"><p class=\"bc-logo-marquee__kick\">Meer dan 10.000 tevreden klanten gingen je voor<\/p><div class=\"bc-logo-marquee__mask\"><div class=\"bc-logo-marquee__track\"><ul><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/04\/Netflix_Logo_PMS.png\" alt=\"Netflix\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/brand-logo-douwe-egberts-e1700121170735.png\" alt=\"Douwe Egberts\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Logo-12-min.png\" alt=\"Gemeente Amsterdam\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"RAI Amsterdam\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/idN5odxn8N.png\" alt=\"Vermaat\" loading=\"lazy\"><\/li><\/ul><ul aria-hidden=\"true\"><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/04\/Netflix_Logo_PMS.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/brand-logo-douwe-egberts-e1700121170735.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Logo-12-min.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/idN5odxn8N.png\" alt=\"\" loading=\"lazy\"><\/li><\/ul><ul aria-hidden=\"true\"><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/04\/Netflix_Logo_PMS.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/brand-logo-douwe-egberts-e1700121170735.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Logo-12-min.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Evenementenlocaties-17.png\" alt=\"\" loading=\"lazy\"><\/li><li><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2023\/11\/idN5odxn8N.png\" alt=\"\" loading=\"lazy\"><\/li><\/ul><\/div><\/div><button type=\"button\" class=\"bc-logo-marquee__pauze\" data-bc-pauze><span data-bc-pauze-uit>Pauzeer<\/span><span data-bc-pauze-aan>Speel af<\/span><\/button><\/section>\n<div class=\"bc-band\">\n<section class=\"bc-price-cards bc-visible\" data-variant=\"kaart\" data-mobiel=\"inklappen\" data-component=\"Pricing\"><div class=\"bc-price-cards__wrap\"><div class=\"bc-price-cards__podium\" data-fotos=\"3\"><div class=\"bc-price-cards__hoofd\" data-bc-in=\"beeld\"><img class=\"bc-price-cards__foto\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/09\/DP_-_Cocktail_Workshop_-_64-min1-scaled.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><div class=\"bc-price-cards__over\"><h2>Kosten van cocktail catering voor een <span class=\"bc-script\">bedrijfsfeest<\/span><\/h2><p class=\"bc-price-cards__bedrag bc-price-cards__bedrag--woord\"><strong>Op aanvraag<\/strong><\/p><p class=\"bc-price-cards__vink\">Op maat samengesteld per event<\/p><a class=\"bc-btn bc-btn--glow\" href=\"#prijs-formulier\">Vraag offerte aan<\/a><\/div><\/div><div class=\"bc-price-cards__stapel\" aria-hidden=\"true\"><img class=\"bc-price-cards__stapel-foto\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/BC-Cocktailshaker-1024x683.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" data-bc-in=\"beeld\"><img class=\"bc-price-cards__stapel-foto\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2022\/11\/BC-Cocktaillaboratorium-1-1024x683.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\" data-bc-in=\"beeld\"><\/div><\/div><div class=\"bc-price-cards__onder\"><div class=\"bc-price-cards__uitleg\" id=\"bc-prijs-8fuab-uitleg\" data-bc-in=\"tekst\"><p>Wat kost cocktail catering voor een bedrijfsfeest? We werken met twee vanaf-ankers, zodat je weet waar je aan toe bent. Wil je alleen losse bediening, dan huur je een bartender voor je bedrijfsfeest vanaf 37,50 EUR per uur excl. btw. Kies je voor de volledig verzorgde cocktailbar, dan start die vanaf 1.075 EUR excl. btw.<\/p><p>In dat pakket zit standaard het volgende:<\/p><ul class=\"bc-price-cards__vinkjes\"><li><strong>Barmeubel naar keuze<\/strong> uit circa 40 stijlen, van neutraal en chic tot industrieel<\/li><li><strong>Professionele cocktailshaker(s)<\/strong> bediend door getrainde gangmakers<\/li><li><strong>Minimaal zeven cocktails en mocktails<\/strong> vers geshaket op locatie<\/li><li><strong>Glaswerk, ijs en verse garneringen<\/strong> voor elke cocktail in het bijbehorende glas<\/li><li><strong>Aankleding, signing en vervoer<\/strong> plus volledige op- en afbouw<\/li><li><strong>Je logo op de menukaarten<\/strong> zonder meerprijs<\/li><\/ul><p>De eindprijs hangt af van de datum, de locatie, het aantal gasten, de duur en de branding die je kiest. Het is een vast tarief dat je vooraf helder krijgt, dus je komt achteraf nooit voor verrassingen te staan. Wil je sneller serveren bij een grote groep, dan zet je tegen meerprijs een extra shaker of een extra bar in.<\/p><blockquote class=\"bc-price-cards__citaat-tekst\"><p>Vast tarief, vooraf helder: je weet wat je betaalt voordat de eerste cocktail geschud wordt.<\/p><\/blockquote><p>We concurreren niet op prijs, maar op zekerheid. Wat je betaalt, is een feest dat klopt: een bar die het middelpunt wordt, gangmakers die de sfeer dragen en een team dat alles van opbouw tot afbouw regelt. Benieuwd naar de volledige opbouw van het tarief? Bekijk de <a href=\"\/cocktails\/cocktailbar-huren\/cocktailbar-kosten-en-tarieven\/\">tarieven en prijzen van een cocktailbar<\/a>.<\/p><button type=\"button\" class=\"bc-price-cards__fold\" data-bc-fold aria-expanded=\"false\" aria-controls=\"bc-prijs-8fuab-uitleg\"><span data-bc-fold-meer>Lees verder<\/span><span data-bc-fold-minder hidden>Minder tonen<\/span><\/button><\/div><\/div><h3 class=\"bc-price-cards__form-title\" id=\"prijs-formulier\">Direct een offerte aanvragen<\/h3><div class=\"bc-price-cards__formulier\" data-formulier=\"offerte\">\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  \/* 1.10.0: .bc-offerte erbij, anders wint de latere .bc-offerte .form-container (zelfde specificiteit)\r\n     en schuift de ingebedde kaart 44 px omhoog over wat erboven staat. *\/\r\n  .bc-offerte.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 { padding: 6px 14px; }\r\n    .bc-offerte.bc-offerte-embed .trust-reviews { flex-direction: column; align-items: stretch; }\r\n    .bc-offerte.bc-offerte-embed .trust-review { padding: 6px 0; }\r\n    .bc-offerte.bc-offerte-embed .trust-review + .trust-review { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.14); }\r\n    .bc-offerte.bc-offerte-embed .trust-sep { display: none; }\r\n    .bc-offerte.bc-offerte-embed .trust-logo { margin-left: auto; }\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  \/* 1.10.0: smalle embed-kolom op een breed scherm: geen ruimte voor cutout en knop naast elkaar *\/\r\n  @container bc-form (max-width: 380px) {\r\n    .bc-offerte.bc-offerte-embed .bc-advies-persoon { display: none; }\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: 10px;\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  \/* 1.10.0 (B7): 40 px met symboolfoto (look-check Voorstel B, Bram 2 okt) *\/\r\n  .bc-offerte .rail-item .sel-thumb { width: 40px; height: 40px; min-width: 40px; }\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  \/* 1.7.2: stap 1-3 en de contactstap hebben elk een eigen lijst; JS zet .is-contact-step op de zijkolom *\/\r\n  .bc-offerte .rail-trust ul.rail-trust-contact { display: none; }\r\n  .bc-offerte .form-rail.is-contact-step .rail-trust ul.rail-trust-flow { display: none; }\r\n  .bc-offerte .form-rail.is-contact-step .rail-trust ul.rail-trust-contact { display: block; }\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  \/* 1.8.0: stap 1 als categorietegels. Desktop: tegels naast elkaar, het paneel over de volle breedte\r\n     onder de rij (order). Mobiel (<= 600px): rijen met een kleine foto, het paneel direct onder zijn rij. *\/\r\n  .bc-offerte .bc-tegels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 52px; }\r\n  .bc-offerte .bc-tegel {\r\n    order: 1;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--bc-white);\r\n    border: 2px solid transparent;\r\n    border-radius: 16px;\r\n    box-shadow: var(--bc-shadow-soft);\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    text-align: left;\r\n    transition: border-color 0.2s ease, transform 0.2s ease;\r\n  }\r\n  .bc-offerte .bc-tegel:hover { transform: translateY(-2px); }\r\n  .bc-offerte .bc-tegel.open { border-color: var(--bc-orange); }\r\n  .bc-offerte .bc-tegel:focus-visible,\r\n  .bc-offerte .tegel-optie:focus-visible { outline: 3px solid rgba(238,116,55,0.45); outline-offset: 2px; }\r\n  .bc-offerte .bc-tegel-foto { position: relative; display: block; flex: none; aspect-ratio: 4 \/ 3; overflow: hidden; }\r\n  .bc-offerte .bc-tegel-foto img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; }\r\n  .bc-offerte .bc-tegel-badge { position: absolute; top: 10px; left: 10px; background: var(--bc-orange); color: #fff; font-size: 11.5px; font-weight: 800; border-radius: 999px; padding: 3px 9px; }\r\n  .bc-offerte .bc-tegel-badge[hidden],\r\n  .bc-offerte .bc-tegel-gekozen[hidden],\r\n  .bc-offerte .bc-tegel-paneel[hidden] { display: none !important; }\r\n  .bc-offerte .bc-tegel-rij { flex: 1; display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px 14px; }\r\n  .bc-offerte .bc-tegel-tekst { flex: 1; min-width: 0; display: block; }\r\n  .bc-offerte .bc-tegel-titel { display: block; font-family: var(--bc-serif); font-weight: 900; font-size: 16px; line-height: 1.25; min-height: 2.5em; color: var(--bc-text); }\r\n  .bc-offerte .bc-tegel-sub { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.4; color: var(--bc-text); }\r\n  .bc-offerte .bc-tegel-gekozen { display: none; }\r\n  .bc-offerte .bc-tegel-pijl { width: 30px; height: 30px; min-width: 30px; border-radius: 50%; background: var(--bc-gray-100); color: var(--bc-text); display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; }\r\n  .bc-offerte .bc-tegel.open .bc-tegel-pijl { transform: rotate(180deg); background: var(--bc-offwhite); }\r\n  .bc-offerte .bc-tegel-paneel { order: 2; grid-column: 1 \/ -1; background: var(--bc-warm); border: 1.5px solid var(--bc-offwhite); border-radius: 16px; padding: 16px; }\r\n  .bc-offerte .bc-tegel-paneel-kop { margin: 0 0 12px; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--bc-orange); }\r\n  .bc-offerte .bc-tegel-opties { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n  .bc-offerte .tegel-optie { display: flex; align-items: center; gap: 12px; background: var(--bc-white); border: 1.5px solid var(--bc-gray-200); border-radius: 12px; padding: 10px 14px 10px 16px; min-height: 54px; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; }\r\n  .bc-offerte .tegel-optie:hover { border-color: rgba(238,116,55,0.5); }\r\n  .bc-offerte .tegel-optie.selected { border-color: var(--bc-orange); box-shadow: 0 4px 14px rgba(238,116,55,0.16); }\r\n  .bc-offerte .tegel-optie-naam { flex: 1; font-weight: 700; font-size: 14.5px; color: var(--bc-text); }\r\n  .bc-offerte .tegel-optie-vink { width: 22px; height: 22px; min-width: 22px; border-radius: 6px; border: 2px solid var(--bc-gray-300); background: var(--bc-white); color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }\r\n  .bc-offerte .tegel-optie-vink svg { opacity: 0; }\r\n  .bc-offerte .tegel-optie.selected .tegel-optie-vink { background: var(--bc-orange); border-color: var(--bc-orange); }\r\n  .bc-offerte .tegel-optie.selected .tegel-optie-vink svg { opacity: 1; }\r\n  @media (max-width: 600px) {\r\n    .bc-offerte .bc-tegels { grid-template-columns: 1fr; gap: 10px; margin-bottom: 24px; }\r\n    .bc-offerte .bc-tegel,\r\n    .bc-offerte .bc-tegel-paneel { order: 0; }\r\n    .bc-offerte .bc-tegel { flex-direction: row; align-items: center; border: 1.5px solid var(--bc-gray-200); box-shadow: 0 6px 18px rgba(36,36,34,0.06); }\r\n    .bc-offerte .bc-tegel:hover { transform: none; }\r\n    .bc-offerte .bc-tegel.open { border-color: var(--bc-orange); border-bottom-width: 0; border-radius: 16px 16px 0 0; }\r\n    .bc-offerte .bc-tegel-foto { width: 84px; height: 66px; aspect-ratio: auto; margin: 10px 0 10px 10px; border-radius: 11px; }\r\n    .bc-offerte .bc-tegel-rij { align-items: center; padding: 10px 12px; }\r\n    .bc-offerte .bc-tegel-titel { min-height: 0; font-size: 15.5px; }\r\n    .bc-offerte .bc-tegel-badge { display: none !important; }\r\n    .bc-offerte .bc-tegel.heeft-keuze:not(.open) .bc-tegel-sub { display: none; }\r\n    .bc-offerte .bc-tegel.heeft-keuze:not(.open) .bc-tegel-gekozen:not([hidden]) { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 800; color: var(--bc-orange); }\r\n    .bc-offerte .bc-tegel.open + .bc-tegel-paneel { margin-top: -10px; }\r\n    .bc-offerte .bc-tegel-paneel { background: var(--bc-white); border: 1.5px solid var(--bc-orange); border-top: 1px dashed var(--bc-gray-200); border-radius: 0 0 16px 16px; padding: 12px; }\r\n    .bc-offerte .bc-tegel-paneel-kop { display: none; }\r\n    .bc-offerte .bc-tegel-opties { grid-template-columns: 1fr; gap: 8px; }\r\n  }\r\n  \/* 1.8.0: smalle telefoons (iPhone SE, 320 px): kleinere foto en krappere marges, anders past\r\n     \"Cocktails & bubbels\" niet naast foto en pijltje (gemeten 26 sept: rij stak 17 px buiten het\r\n     formulier). De rij mag altijd krimpen; een extreem lange titel uit de admin breekt af. *\/\r\n  .bc-offerte .bc-tegel-rij { min-width: 0; }\r\n  .bc-offerte .bc-tegel-titel { overflow-wrap: break-word; }\r\n  @media (max-width: 360px) {\r\n    .bc-offerte .bc-tegel-foto { width: 64px; height: 56px; margin: 8px 0 8px 8px; border-radius: 9px; }\r\n    .bc-offerte .bc-tegel-rij { gap: 8px; padding: 8px 10px; }\r\n    .bc-offerte .bc-tegel-titel { font-size: 15px; }\r\n    .bc-offerte .bc-tegel-pijl { width: 28px; height: 28px; min-width: 28px; }\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    transition: border-color .18s ease, box-shadow .18s ease;\r\n  }\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 16px 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  \/* 1.10.0: knop \"Help mij kiezen\" op alle breedtes (feedback Tim 1 okt), geen vinkje meer in het blok *\/\r\n  .bc-offerte .bc-advies-knop {\r\n    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; white-space: nowrap;\r\n    padding: 9px 14px; min-height: 40px; border-radius: var(--bc-radius-full); cursor: pointer;\r\n    border: 1.5px solid var(--bc-orange); background: #fff; color: var(--bc-orange);\r\n    font: 800 13px\/1 var(--bc-sans); letter-spacing: .02em;\r\n    transition: background .18s ease, color .18s ease;\r\n  }\r\n  .bc-offerte .bc-advies-knop:hover { background: var(--bc-orange); color: #fff; }\r\n  .bc-offerte .bc-advies-knop:focus-visible { outline: 3px solid rgba(238,116,55,.45); outline-offset: 2px; }\r\n  .bc-offerte .bc-advies-knop svg { width: 12px; height: 12px; flex: none; }\r\n  .bc-offerte .bc-advies-knop .cta-kies, .bc-offerte .bc-advies-knop .cta-gekozen { display: inline-flex; align-items: center; gap: 6px; }\r\n  .bc-offerte .bc-advies-knop .cta-gekozen { display: none; }\r\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop { background: var(--bc-orange); color: #fff; }\r\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop .cta-kies { display: none; }\r\n  .bc-offerte .bc-advies-blok.selected .bc-advies-knop .cta-gekozen { display: inline-flex; }\r\n  \/* .bc-advies-tekst erbij: anders wint .bc-advies-tekst p (0,2,1) en wordt de regel grijs zonder ruimte *\/\r\n  .bc-offerte .bc-advies-tekst .bc-advies-contact { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--bc-text); }\r\n  .bc-offerte .bc-advies-contact a { color: var(--bc-orange); font-weight: 800; text-decoration: none; white-space: nowrap; }\r\n  .bc-offerte .bc-advies-contact a:hover { text-decoration: underline; }\r\n  .bc-offerte .bc-advies-contact .bc-advies-mail { display: inline-flex; vertical-align: -3px; padding: 2px; }\r\n  @media (max-width: 600px) {\r\n    \/* Optie B: cutout groot rechts, tekst links (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  }\r\n  @media (max-width: 370px) {\r\n    \/* 1.10.0: 360 px (veel Android): \"Verstuur mijn aanvraag\" op \u00e9\u00e9n regel naast Vorige *\/\r\n    .bc-offerte .form-nav .btn { font-size: 13px; }\r\n    .bc-offerte .form-nav .btn-primary { padding-left: 12px; padding-right: 12px; }\r\n  }\r\n  \/* 1.10.0: op heel smalle telefoons (320 px, tegelpagina: blok 228 px) is er geen ruimte voor knop\r\n     en cutout naast elkaar; de cutout valt weg, de naamregel boven de kop noemt de adviseur nog. *\/\r\n  @media (max-width: 360px) {\r\n    .bc-offerte .bc-advies-persoon { display: none; }\r\n    .bc-offerte .bc-advies-blok { padding-right: 14px; }\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  \/* 1.10.0: de knoppen in de onderbalk hoorden niet in de regel hieronder. Door de negatieve marges\r\n     staken ze 15 px buiten de balk en 7 px naar rechts (in de embed vulde de knop de hele balk;\r\n     feedback Bram 2 okt). Ze zijn zelf al groot genoeg; alleen het minimum blijft. *\/\r\n  .bc-offerte .form-nav .btn { min-height: 44px; }\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. Sinds 1.10.0 compact op \u00e9\u00e9n regel en zonder beloftes (feedback Tim 1 okt).\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    margin-top: 20px;\r\n    padding: 10px 18px;\r\n    background: linear-gradient(180deg, #232321, #1B1B19);\r\n    border-radius: 12px;\r\n    color: #FFFFFF;\r\n  }\r\n  .bc-offerte .trust-reviews { display: flex; flex-wrap: wrap; align-items: center; }\r\n  .bc-offerte .trust-review { display: flex; align-items: center; gap: 10px; padding: 4px 20px 4px 0; }\r\n  .bc-offerte .trust-review + .trust-review { border-left: 1px solid rgba(255,255,255,0.14); padding-left: 20px; }\r\n  .bc-offerte .trust-num {\r\n    font-family: var(--bc-serif);\r\n    font-weight: 900;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    color: #FFFFFF;\r\n    font-variant-numeric: tabular-nums;\r\n    white-space: nowrap;\r\n  }\r\n  .bc-offerte .trust-num span {\r\n    font-family: var(--bc-sans);\r\n    font-size: 11px;\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: 12.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: 18px; background: rgba(255,255,255,0.22); }\r\n  .bc-offerte .trust-logo { display: block; height: 18px; width: auto; }\r\n  .bc-offerte .trust-logo-fc { height: 19px; }\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: 16px 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 { padding: 6px 14px; }\r\n    .bc-offerte .trust-reviews { flex-direction: column; align-items: stretch; }\r\n    .bc-offerte .trust-review { padding: 6px 0; }\r\n    .bc-offerte .trust-review + .trust-review { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.14); }\r\n    .bc-offerte .trust-sep { display: none; }\r\n    .bc-offerte .trust-logo { margin-left: auto; height: 16px; }\r\n    .bc-offerte .trust-logo-fc { height: 17px; }\r\n    .bc-offerte .trust-num { font-size: 20px; }\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: 8px; }\r\n    \/* 1.10.0: zonder de oude negatieve marges is er minder breedte; Vorige smaller, zodat\r\n       \"Verstuur mijn aanvraag\" op 375-390 px op \u00e9\u00e9n regel blijft *\/\r\n    .bc-offerte .form-nav .btn-ghost { flex: 0 0 auto; padding-left: 2px; padding-right: 6px; }\r\n    .bc-offerte .form-nav .btn-primary { padding-left: 14px; padding-right: 14px; }\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\">Concept<\/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                    <h2>Waar heb je <span class=\"script\">interesse<\/span> in?<\/h2>\r\n          <p>Kies wat je zoekt voor jouw event. Je kunt meerdere opties selecteren.<\/p>\r\n          <!-- PREVIEW:STEP1HEAD:END -->\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            <!-- 1.8.0: stap 1 als categorietegels (Formulieren -> Kaarten -> Categorie\u00ebn). Desktop: tegels naast\r\n           elkaar, het paneel over de volle breedte onder de rij; mobiel: rijen die openklappen. Tegels en\r\n           vinkjes zijn div's met een role (net als de kaarten), want het live thema stijlt <button>. De\r\n           vinkjes lopen via toggleService(), dus state, zijkolom, validatie en dataLayer zijn gelijk. -->\r\n      <div class=\"bc-tegels\" id=\"bcTegels\">\r\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-c28zbs3\" data-tegel=\"c28zbs3\" onclick=\"toggleTegel(this)\">\r\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-cocktails.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\r\n          <span class=\"bc-tegel-rij\">\r\n            <span class=\"bc-tegel-tekst\">\r\n              <span class=\"bc-tegel-titel\">Cocktails &amp; champagne<\/span>\r\n              <span class=\"bc-tegel-sub\">Cocktailbars, workshops &amp; champagnetorens<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\r\n            <\/span>\r\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-c28zbs3\" data-paneel=\"c28zbs3\" hidden>\r\n          <div class=\"bc-tegel-paneel-kop\">Cocktails &amp; champagne<\/div>\r\n          <div class=\"bc-tegel-opties\">\r\n                        <div class=\"tegel-optie\" data-service=\"cocktails\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Cocktailbar met bartender<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"champagnetoren\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Champagnetoren<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"cocktailworkshop\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Cocktailworkshop<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"oranje-aperol\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Oranje \/ Aperol cocktailbar<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                      <\/div>\r\n        <\/div>\r\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-crprp4l\" data-tegel=\"crprp4l\" onclick=\"toggleTegel(this)\">\r\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-koffiebar-barista.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\r\n          <span class=\"bc-tegel-rij\">\r\n            <span class=\"bc-tegel-tekst\">\r\n              <span class=\"bc-tegel-titel\">Koffie &amp; specials<\/span>\r\n              <span class=\"bc-tegel-sub\">Barista&#039;s, koffiemachines &amp; matcha<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\r\n            <\/span>\r\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-crprp4l\" data-paneel=\"crprp4l\" hidden>\r\n          <div class=\"bc-tegel-paneel-kop\">Koffie &amp; specials<\/div>\r\n          <div class=\"bc-tegel-opties\">\r\n                        <div class=\"tegel-optie\" data-service=\"koffiebar-barista\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Koffiebar met barista<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"koffiemachine-huren\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Koffiemachine huren<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"matcha\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Matchabar<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                      <\/div>\r\n        <\/div>\r\n                <div class=\"bc-tegel\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"bcTegelPaneel-co68dul\" data-tegel=\"co68dul\" onclick=\"toggleTegel(this)\">\r\n          <span class=\"bc-tegel-foto\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/bc-offerte-2026-09-14-juices-smoothies.webp\" alt=\"\" loading=\"lazy\"><span class=\"bc-tegel-badge\" hidden><\/span><\/span>\r\n          <span class=\"bc-tegel-rij\">\r\n            <span class=\"bc-tegel-tekst\">\r\n              <span class=\"bc-tegel-titel\">Healthy &amp; recharge<\/span>\r\n              <span class=\"bc-tegel-sub\">Smoothies, shakefiets en zuurstofbars<\/span>              <span class=\"bc-tegel-gekozen\" hidden><\/span>\r\n            <\/span>\r\n            <span class=\"bc-tegel-pijl\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"bc-tegel-paneel\" id=\"bcTegelPaneel-co68dul\" data-paneel=\"co68dul\" hidden>\r\n          <div class=\"bc-tegel-paneel-kop\">Healthy &amp; recharge<\/div>\r\n          <div class=\"bc-tegel-opties\">\r\n                        <div class=\"tegel-optie\" data-service=\"juices-smoothies\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Smoothiebar<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                        <div class=\"tegel-optie\" data-service=\"zuurstofbar\" data-kaart=\"concept\" onclick=\"toggleService(this, event)\">\r\n              <span class=\"tegel-optie-naam\">Zuurstofbar<\/span>\r\n              <span class=\"tegel-optie-vink\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n            <\/div>\r\n                      <\/div>\r\n        <\/div>\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\">\r\n        <div class=\"bc-advies-persoon\">\r\n                      <img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/09\/luna.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\">Luna &middot; Eventadviseur<\/span>\r\n                    <strong>Nog niet zeker wat het beste past?<\/strong>\r\n          <p>Luna denkt vrijblijvend met je mee.<\/p>\r\n          <!-- 1.10.0 (feedback Tim 1 okt): knop i.p.v. vinkje. Kiezen zet advies aan en gaat door naar\r\n               de volgende stap; nog een keer klikken (terug in stap 1) zet het weer uit. -->\r\n          <button type=\"button\" class=\"bc-advies-knop\" aria-pressed=\"false\" onclick=\"kiesAdvies(event)\">\r\n            <span class=\"cta-kies\">Help mij kiezen <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/span>\r\n            <span class=\"cta-gekozen\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Gekozen<\/span>\r\n          <\/button>\r\n                              <p class=\"bc-advies-contact\">Liever direct overleggen? Bel Luna op <a href=\"tel:0882035100\" class=\"bc-advies-tel\">088 20 35 100<\/a> of mail <a href=\"mailto:info@barcompany.nl\" class=\"bc-advies-mail\" aria-label=\"Mail ons\" title=\"info@barcompany.nl\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/a><\/p>\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\">Offerte cocktails<\/span>\r\n        <h2>Wil je er <span class=\"script\">iets bij?<\/span><\/h2>\r\n        <p>Vink aan wat je interessant vindt, wij nemen het mee in het voorstel. Niets nodig? Klik gewoon op verder.<\/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      <\/div>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label for=\"eventDate\">Datum event (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>Dit is 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 event\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 event\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n                  <div class=\"form-row\" id=\"eventVelden\">\r\n                        <div class=\"form-group\">\r\n                    <!-- 1.18.0: niet verplicht (keuze Bram 16 okt: wie het niet weet, krijgt geen keuzestress) -->\r\n          <label for=\"aantalPersonen\">Aantal personen <span class=\"helper\">(optioneel)<\/span><\/label>\r\n          <select id=\"aantalPersonen\">\r\n            <option value=\"\">Weet ik nog niet<\/option>\r\n                                  <option value=\"maximaal 50 gasten\">maximaal 50 gasten<\/option>\r\n                        <option value=\"50 tot 100 gasten\">50 tot 100 gasten<\/option>\r\n                        <option value=\"100 tot 250 gasten\">100 tot 250 gasten<\/option>\r\n                        <option value=\"250 tot 500 gasten\">250 tot 500 gasten<\/option>\r\n                        <option value=\"meer dan 500 gasten\">meer dan 500 gasten<\/option>\r\n                      <\/select>\r\n        <\/div>\r\n                      <\/div>\r\n      \r\n      <div class=\"form-group\" style=\"margin-top: 8px;\">\r\n        <label for=\"extraNotes\">Vertel kort over je event <span class=\"helper\">(optioneel)<\/span><\/label>\r\n        <textarea id=\"extraNotes\" placeholder=\"Bijv. bedrijfsfeest voor 150 gasten, 17:00\u201321:00 uur, in Utrecht.\"><\/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 24 uur op werkdagen nemen we contact op.<\/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>Je mag me over deze aanvraag ook via WhatsApp benaderen.<\/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=\"30766\">\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           1.10.0 (feedback Tim 1 okt): compacte strook op \u00e9\u00e9n regel, zonder de beloftes (die staan al in de zijkolom).\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>\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 24 uur op werkdagen 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>Concept<\/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 class=\"rail-trust-flow\">\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> uit +1.200 reviews<\/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\">Offerte binnen <strong>24 uur<\/strong> op werkdagen<\/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\">Volledig verzorgd op locatie<\/span><\/li>\r\n       <\/ul>\r\n       <!-- 1.7.2 (feedback Tim 25 sept): op de contactstap geen reviewscore, die staat al in het zwarte blok -->\r\n       <ul class=\"rail-trust-contact\">\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\">Reactie binnen <strong>24 uur<\/strong> op werkdagen<\/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>100%<\/strong> vrijblijvend<\/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\">Volledig verzorgd op locatie<\/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><\/div><\/section>\n<section class=\"bc-concept-grid bc-visible bc-related-pages\" data-bc-alias=\"related-pages\" data-variant=\"strip\" data-mobiel=\"veeg\" data-component=\"OccasionCards\"><div class=\"bc-concept-grid__wrap\"><h2 class=\"bc-concept-grid__title\" data-bc-in=\"tekst\">Ook interessant<\/h2><div class=\"bc-concept-grid__grid\" data-bc-veeg><a class=\"bc-concept-grid__card is-wide\" href=\"\/cocktails\/cocktail-workshop\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/09\/DP_-_Cocktail_Workshop_-_13-min1-scaled.jpg\" alt=\"DP_-_Cocktail_Workshop_-_13-min1-scaled\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Cocktail workshop<\/h3><p>Zelf shaken onder begeleiding van onze bartenders.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card is-wide\" href=\"\/cocktails\/cocktail-catering\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2022\/10\/Online-cocktailw-orkshop-met-muziek-bingo-768x432-1.jpg\" alt=\"Twee vrienden op de bank vieren feest met kleurrijke cocktails op een glazen salontafel.\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Cocktail catering<\/h3><p>Volledig verzorgde cocktailservice op jouw locatie.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card is-wide\" href=\"\/cocktails\/cocktailbar-huren\/cocktail-laboratorium\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/04\/DV-20251122-0243-scaled.jpg\" alt=\"DV-20251122-0243-scaled\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Cocktail laboratorium<\/h3><p>Rokende en moleculaire cocktails als beleving.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card is-wide\" href=\"\/cocktails\/cocktailbar-huren\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2021\/09\/Cocktail-bartender-huren-Bar-Company-Medium.jpg\" alt=\"bartender shaakt cocktail\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Cocktailbar huren<\/h3><p>Complete mobiele cocktailbar inclusief bartenders.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card is-wide\" href=\"\/bartender-inhuren\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/04\/DV-20251122-0205-scaled.jpg\" alt=\"DV-20251122-0205-scaled\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Bartender inhuren<\/h3><p>Ervaren bartenders die jouw bar draaien.<\/p><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><a class=\"bc-concept-grid__card is-wide\" href=\"\/cocktails\/cocktail-catering\/alcoholvrije-cocktails\/\" data-bc-in=\"beeld\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2022\/10\/Online-cocktailw-orkshop-met-muziek-bingo-768x432-1.jpg\" alt=\"Twee vrienden op de bank vieren feest met kleurrijke cocktails op een glazen salontafel.\" loading=\"lazy\"><div class=\"bc-concept-grid__body\"><h3>Alcoholvrije Cocktails<\/h3><span class=\"bc-concept-grid__go\">Lees meer <span><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 8h11M9 3.5L13.5 8 9 12.5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><\/span><\/div><\/a><\/div><\/div><\/section>\n<\/div>\n<section class=\"bc-faq bc-faq--serif bc-visible\" data-variant=\"plain band\" data-component=\"FAQ\"><div class=\"bc-faq-wrap\"><div class=\"bc-faq__head\" data-bc-in=\"tekst\"><h2>Veelgestelde vragen over cocktail <span class=\"bc-script\">catering<\/span><\/h2><\/div><div class=\"bc-faq__list\"><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoeveel cocktails reken ik per gast op een bedrijfsfeest?<\/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\">Reken op twee tot drie cocktails per persoon, afhankelijk van de duur van het feest en het gezelschap. We nemen altijd wat extra ingredienten en glaswerk mee en geven een seintje als je het afgesproken aantal nadert. Jij beslist dan of de bar sluit of dat je bijbestelt tegen dezelfde prijs per cocktail. Nooit extra zonder jouw akkoord.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Hoeveel bartenders heb ik nodig voor mijn bedrijfsfeest?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">De richtlijn is een bartender per 50 tot 75 gasten, zodat de wachttijden kort blijven. Bij grotere groepen of een korte feestduur zetten we meerdere bars of een extra shaker in om de doorstroom op peil te houden.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Kunnen jullie ons bedrijfslogo op de cocktailbar of cocktails verwerken?<\/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\">Jazeker. Je logo komt kosteloos op de menukaarten, en we geven cocktails graag een corporate naam, bijvoorbeeld een Mojito met je bedrijfsnaam. Een signature cocktail of custom ijsblokken met je logo erin kunnen we er ook bij maken.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Wat hebben jullie nodig op locatie?<\/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\">Alleen een standaard 230V-stroompunt voor koeling en verlichting, plus voldoende ruimte voor de bar. Een wateraansluiting is niet nodig, want de bars hebben ingebouwde watertanks. De rest nemen wij volledig mee. Is er geen stroom op locatie, dan regelen we een aggregaat.<\/div><\/div><\/div><\/details><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Is een volledig alcoholvrije optie mogelijk voor gemengd publiek?<\/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. Je kunt een complete alcoholvrije cocktailbar boeken met een volwaardig mocktailmenu en eigen recepten, geschikt voor de BOB, zwangere gasten, NIX&gt;18 en iedereen die liever fris drinkt.<\/div><\/div><\/div><\/details><div class=\"bc-faq__overflow\" id=\"bc-faq-overflow-f8efe3b4\"><div class=\"bc-faq__overflow-inner\"><details class=\"bc-faq__item\"><summary class=\"bc-faq__summary\"><span class=\"bc-faq__question\">Wat kost cocktail catering voor een bedrijfsfeest?<\/span><span class=\"bc-faq__ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"bc-faq__answer-wrap\"><div class=\"bc-faq__answer\"><div class=\"bc-faq__answer-inner\">Een volledig verzorgde cocktailbar start vanaf 1.075 EUR excl. btw. De eindprijs bepalen we aan de hand van de datum, de locatie, het aantal gasten, de duur en de gekozen branding, altijd als vast tarief dat je vooraf helder krijgt.<\/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-f8efe3b4\" data-bc-faq-toggle><span class=\"bc-faq__more-label\"><span data-bc-faq-meer>Bekijk alle 6 vragen<\/span><span data-bc-faq-minder hidden>Toon minder<\/span><\/span><span class=\"bc-faq__more-ic\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><\/div><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Hoeveel cocktails reken ik per gast op een bedrijfsfeest?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Reken op twee tot drie cocktails per persoon, afhankelijk van de duur van het feest en het gezelschap. We nemen altijd wat extra ingredienten en glaswerk mee en geven een seintje als je het afgesproken aantal nadert. Jij beslist dan of de bar sluit of dat je bijbestelt tegen dezelfde prijs per cocktail. Nooit extra zonder jouw akkoord.\"}},{\"@type\":\"Question\",\"name\":\"Hoeveel bartenders heb ik nodig voor mijn bedrijfsfeest?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De richtlijn is een bartender per 50 tot 75 gasten, zodat de wachttijden kort blijven. Bij grotere groepen of een korte feestduur zetten we meerdere bars of een extra shaker in om de doorstroom op peil te houden.\"}},{\"@type\":\"Question\",\"name\":\"Kunnen jullie ons bedrijfslogo op de cocktailbar of cocktails verwerken?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Jazeker. Je logo komt kosteloos op de menukaarten, en we geven cocktails graag een corporate naam, bijvoorbeeld een Mojito met je bedrijfsnaam. Een signature cocktail of custom ijsblokken met je logo erin kunnen we er ook bij maken.\"}},{\"@type\":\"Question\",\"name\":\"Wat hebben jullie nodig op locatie?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Alleen een standaard 230V-stroompunt voor koeling en verlichting, plus voldoende ruimte voor de bar. Een wateraansluiting is niet nodig, want de bars hebben ingebouwde watertanks. De rest nemen wij volledig mee. Is er geen stroom op locatie, dan regelen we een aggregaat.\"}},{\"@type\":\"Question\",\"name\":\"Is een volledig alcoholvrije optie mogelijk voor gemengd publiek?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. Je kunt een complete alcoholvrije cocktailbar boeken met een volwaardig mocktailmenu en eigen recepten, geschikt voor de BOB, zwangere gasten, NIX\\u003e18 en iedereen die liever fris drinkt.\"}},{\"@type\":\"Question\",\"name\":\"Wat kost cocktail catering voor een bedrijfsfeest?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Een volledig verzorgde cocktailbar start vanaf 1.075 EUR excl. btw. De eindprijs bepalen we aan de hand van de datum, de locatie, het aantal gasten, de duur en de gekozen branding, altijd als vast tarief dat je vooraf helder krijgt.\"}}]}<\/script><\/section>\n<section class=\"bc-collega-cta bc-cta bc-visible\" data-component=\"ContactCTA\" data-variant=\"plain\" data-bc-alias=\"cta\"><div class=\"bc-collega-cta__wrap\"><div class=\"bc-collega-cta__card\" data-bc-in=\"beeld\"><div class=\"bc-collega-cta__copy\"><span class=\"bc-collega-cta__mark\" aria-hidden=\"true\">Cheers<\/span><h2>Vraag je offerte voor cocktail catering aan<\/h2><p>Klaar om je collega&#39;s te laten knallen? Vraag een vrijblijvende offerte aan en je hoort binnen 24 uur op werkdagen van ons, met een voorstel dat past bij jouw aantal gasten en je locatie. Liever eerst even sparren over de opzet? Jij geniet, wij regelen de rest. In good company!<\/p><\/div><span class=\"bc-collega-cta__arc\" aria-hidden=\"true\"><\/span><img decoding=\"async\" class=\"bc-collega-cta__person\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/06\/Luna.png\" alt=\"Luna, eventadviseur bij Bar Company\" loading=\"lazy\"><div class=\"bc-collega-cta__acts\"><div class=\"bc-collega-cta__advisor\"><img decoding=\"async\" src=\"https:\/\/www.barcompany.nl\/wp-content\/uploads\/2026\/06\/Luna.png\" alt=\"\" loading=\"lazy\"><p>Vrijblijvend advies nodig?<br><strong><span data-bc-naam>Luna<\/span> helpt je verder.<\/strong><\/p><\/div><a class=\"bc-btn bc-btn--glow\" href=\"\/offerte-aanvragen\/\">Vraag offerte aan<\/a><a class=\"bc-collega-cta__tel\" href=\"tel:0882035100\">088 20 35 100<\/a><\/div><\/div><\/div><\/section>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Service\",\"name\":\"Cocktail catering bedrijfsfeest | Bar Company\",\"description\":\"Cocktail catering voor je bedrijfsfeest, volledig verzorgd op locatie vanaf 1.075 EUR. 2.500+ events per jaar. Vraag je offerte aan bij Bar Company.\",\"provider\":{\"@type\":\"Organization\",\"name\":\"Bar Company\",\"url\":\"https:\/\/barcompany.nl\"}}<\/script>\n<\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home \u2026 Cocktails Cocktail catering Cocktail catering bedrijfsfeest Cocktail catering voor je bedrijfsfeest Cocktail catering voor je bedrijfsfeest regel je bij Bar Company van A tot Z: live geshakete cocktails op locatie, vanaf 1.075 EUR excl. btw, door heel Nederland en onderbouwd met 2.500+ events per jaar. Benieuwd wat bij jouw feest past? Vraag offerte [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":28678,"parent":2000,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rank_math_focus_keyword":"cocktail catering bedrijfsfeest","rank_math_title":"Cocktail catering bedrijfsfeest | Bar Company","rank_math_description":"Cocktail catering voor je bedrijfsfeest, volledig verzorgd op locatie vanaf 1.075 EUR. 2.500+ events per jaar. Vraag je offerte aan bij Bar Company.","rank_math_rich_snippet":"","rank_math_robots":[],"_bc_content_session_id":"cocktail-catering-bedrijfsfeest","_bc_content_content_hash":"bc190d4cb8bd0e4b","_bc_page_type":"","_bc_ad_angle":"","_bc_campaign_ref":"","_bc_offer_expires_at":"","_bc_lead_destination":"","footnotes":""},"class_list":["post-30397","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_urls_v2":{"full":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg",1707,2560,false],"thumbnail":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-150x150.jpg",150,150,true],"medium":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-200x300.jpg",200,300,true],"medium_large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-768x1152.jpg",768,1152,true],"large":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-683x1024.jpg",683,1024,true],"1536x1536":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-1024x1536.jpg",1024,1536,true],"2048x2048":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-1365x2048.jpg",1365,2048,true],"trp-custom-language-flag":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg",8,12,false],"gform-image-choice-sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg",200,300,false],"gform-image-choice-md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg",267,400,false],"gform-image-choice-lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-scaled.jpg",400,600,false],"awb_sm":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-500x750.jpg",500,750,true],"awb_md":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-800x1200.jpg",800,1200,true],"awb_lg":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-1280x1920.jpg",1280,1920,true],"awb_xl":["https:\/\/www.barcompany.nl\/wp-content\/uploads\/2025\/11\/barcompany_cocktails_romyvangeelfotografie-42-min1-1920x2880.jpg",1920,2880,true]},"post_excerpt_stackable_v2":"<p>Home \u2026 Cocktails Cocktail catering Cocktail catering bedrijfsfeestCocktail catering voor je bedrijfsfeestCocktail catering voor je bedrijfsfeest regel je bij Bar Company van A tot Z: live geshakete cocktails op locatie, vanaf 1.075 EUR excl. btw, door heel Nederland en onderbouwd met 2.500+ events per jaar. Benieuwd wat bij jouw feest past?Vraag offerte aanLees verder16jaar ervaring2.500+events per jaar9,3klanttevredenheid100% landelijke dekking Vertrouwd doorPauzeerSpeel af Wat cocktail catering voor een bedrijfsfeest inhoudtCocktail catering voor een bedrijfsfeest betekent dat wij de complete cocktailbar naar je locatie brengen en alles eromheen regelen. Niet alleen de bar, maar ook het glaswerk, het ijs, de verse ingredienten,&hellip;<\/p>\n","category_list_v2":"","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\/pages\/30397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/comments?post=30397"}],"version-history":[{"count":5,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/pages\/30397\/revisions"}],"predecessor-version":[{"id":31109,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/pages\/30397\/revisions\/31109"}],"up":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/pages\/2000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media\/28678"}],"wp:attachment":[{"href":"https:\/\/www.barcompany.nl\/es\/wp-json\/wp\/v2\/media?parent=30397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}