Chupitos Op Locatie \u2014 Mobiele shotbar voor events<\/title>\n <meta name=\"description\" content=\"Chupitos op jouw locatie: mobiele shotbar voor bruiloften, festivals, bedrijfsfeesten en priv\u00e9-events. Bartenders, vuur en 150+ shots \u2014 overal in Nederland.\">\n <link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?pagename=op-locatie\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap\">\n <style>\n\/* ============================================================\n Chupitos \u2014 House of Shots\n Replica of shot-show-flow.base44.app\n ============================================================ *\/\n\n\/* --- Design tokens --- *\/\n:root {\n --bg: #0a0a0a;\n --card: #121212;\n --card-50: rgba(18, 18, 18, 0.5);\n --fg: #e0e0e0;\n --fg-muted: rgba(224, 224, 224, 0.7);\n --fg-soft: rgba(224, 224, 224, 0.5);\n --primary: #ff4d00;\n --primary-hover: #e64500;\n --white: #ffffff;\n --border: rgba(255, 255, 255, 0.08);\n --nav-bg: rgba(10, 10, 10, 0.8);\n\n --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;\n --font-heading: \"Space Grotesk\", var(--font-body);\n\n --container: 1200px;\n --radius: 12px;\n}\n\n\/* --- WP block-theme override: defeat content-size constraint so our full-width\n sections (header\/hero\/sections\/footer) actually fill the viewport.\n Twenty Twenty-Five caps children of .is-layout-constrained at ~645px. --- *\/\n.wp-block-post-content,\n.wp-block-post-content > .wp-block-html,\n.is-layout-constrained > * { max-width: none !important; }\n.wp-block-post-content { padding: 0 !important; }\n.wp-site-blocks > * + * { margin-block-start: 0 !important; }\n\n\/* --- Reset --- *\/\n*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nimg { max-width: 100%; height: auto; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }\nul { list-style: none; padding: 0; margin: 0; }\n\nbody {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n margin: 0;\n line-height: 1.1;\n letter-spacing: -0.02em;\n}\n\np { margin: 0 0 1em; }\n\n\/* --- Layout --- *\/\n.container { max-width: var(--container); margin: 0 auto; padding: 0 1.5rem; }\n.section { padding: 6rem 0; }\n.section-tight { padding: 4rem 0; }\n.text-center { text-align: center; }\n.text-primary { color: var(--primary); }\n.text-muted { color: var(--fg-muted); }\n\n\/* --- Header \/ Nav --- *\/\n.site-header {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 50;\n background: var(--nav-bg);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n transition: transform 0.28s ease;\n}\n.site-header.is-hidden { transform: translateY(-100%); }\n.site-header.is-open { transform: translateY(0) !important; } \/* always visible when menu open *\/\n.nav-inner {\n max-width: var(--container);\n margin: 0 auto;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n}\n.nav-logo img { height: 56px; width: auto; }\n.nav-list {\n display: flex;\n gap: 2rem;\n align-items: center;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.nav-list a {\n color: var(--fg-muted);\n transition: color 0.2s;\n}\n.nav-list a:hover, .nav-list a.is-active { color: var(--white); }\n.nav-list a.nav-cta {\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1.25rem;\n border-radius: 8px;\n}\n.nav-list a.nav-cta:hover {\n background: var(--primary);\n color: var(--white);\n}\n.nav-toggle {\n display: none;\n background: none;\n border: 0;\n color: var(--white);\n width: 44px;\n height: 44px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: relative;\n}\n.nav-toggle span,\n.nav-toggle span::before,\n.nav-toggle span::after {\n content: \"\";\n display: block;\n width: 24px;\n height: 2px;\n background: var(--white);\n position: absolute;\n left: 50%;\n margin-left: -12px;\n transition: transform 0.25s, top 0.25s, opacity 0.2s;\n}\n.nav-toggle span { top: 50%; }\n.nav-toggle span::before { top: -8px; }\n.nav-toggle span::after { top: 8px; }\n.site-header.is-open .nav-toggle span { background: transparent; }\n.site-header.is-open .nav-toggle span::before { top: 0; transform: rotate(45deg); }\n.site-header.is-open .nav-toggle span::after { top: 0; transform: rotate(-45deg); }\n\n\/* --- Buttons --- *\/\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n border-radius: 8px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n transition: all 0.2s;\n}\n.btn-primary {\n background: var(--primary);\n color: var(--white);\n}\n.btn-primary:hover { background: var(--primary-hover); }\n.btn-outline {\n border: 2px solid var(--border);\n color: var(--white);\n}\n.btn-outline:hover { border-color: var(--white); }\n\n\/* --- Eyebrow \/ kicker --- *\/\n.eyebrow {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n\/* --- Hero --- *\/\n.hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n padding: 6rem 1.5rem 4rem;\n}\n.hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.9), rgba(10,10,10,0.7), var(--bg));\n}\n.hero-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 56rem;\n margin: 0 auto;\n}\n.hero-logo { display: flex; justify-content: center; margin-bottom: 1.5rem; }\n.hero-logo img { width: clamp(18rem, 32vw, 26rem); }\n.hero h1 {\n font-size: clamp(2rem, 7vw, 3.75rem);\n margin-bottom: 1.5rem;\n letter-spacing: -0.025em;\n}\n.hero-tagline {\n font-style: italic;\n font-size: clamp(1rem, 2vw, 1.25rem);\n color: var(--fg-muted);\n margin-bottom: 1rem;\n}\n.hero-intro {\n color: var(--fg-soft);\n font-size: clamp(0.95rem, 1.5vw, 1.125rem);\n max-width: 36rem;\n margin: 0 auto 2.5rem;\n}\n.hero-ctas {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n}\n\n\/* --- Section heading block --- *\/\n.section-head {\n text-align: center;\n max-width: 48rem;\n margin: 0 auto 4rem;\n}\n.section-head h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 1rem;\n}\n.section-head h2 .accent { color: var(--primary); }\n.section-head p { color: var(--fg-muted); font-size: 1.125rem; }\n\n\/* --- About \/ story copy --- *\/\n.story {\n max-width: 48rem;\n margin: 0 auto;\n}\n.story h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 2rem; line-height: 1.2; }\n.story p { color: var(--fg-muted); font-size: 1.0625rem; margin-bottom: 1.25rem; }\n\n\/* --- DNA features grid --- *\/\n.dna-bg { background: var(--card-50); }\n.dna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 2rem;\n max-width: 64rem;\n margin: 0 auto;\n}\n.dna-item {\n text-align: center;\n padding: 1rem;\n}\n.dna-item h3 {\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n}\n.dna-item p {\n color: var(--fg-muted);\n font-size: 0.9375rem;\n margin: 0;\n}\n\n\/* --- Signature shots carousel (auto-scrolling marquee) --- *\/\n.shots-marquee {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n.shots-track {\n display: flex;\n gap: 1rem;\n width: max-content;\n animation: shots-scroll 40s linear infinite;\n}\n.shots-marquee:hover .shots-track { animation-play-state: paused; }\n.shots-track figure {\n margin: 0;\n flex: 0 0 240px;\n aspect-ratio: 3\/4;\n overflow: hidden;\n border-radius: var(--radius);\n}\n.shots-track img { width: 100%; height: 100%; object-fit: cover; }\n@keyframes shots-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .shots-track { animation: none; }\n}\n\n\/* --- Home variant: each figure is image + name caption --- *\/\n.home-shots-marquee .shots-track figure {\n aspect-ratio: auto;\n flex: 0 0 220px;\n overflow: visible;\n border-radius: 0;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.home-shots-marquee .shots-track figure > img {\n width: 220px;\n height: 220px;\n object-fit: cover;\n border-radius: var(--radius);\n}\n.home-shots-marquee .shots-track figcaption {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.9375rem;\n color: var(--white);\n text-align: center;\n letter-spacing: 0.01em;\n line-height: 1.2;\n}\n@media (max-width: 600px) {\n .home-shots-marquee .shots-track figure { flex: 0 0 160px; }\n .home-shots-marquee .shots-track figure > img { width: 160px; height: 160px; }\n .home-shots-marquee .shots-track figcaption { font-size: 0.8125rem; }\n}\n\n\/* --- Shot menu carousel (icons + names from PDF, no prices) --- *\/\n.shots-menu {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n}\n.shots-menu-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n animation: shots-scroll 240s linear infinite;\n}\n.shots-menu:hover .shots-menu-track { animation-play-state: paused; }\n.shots-menu-track figure {\n margin: 0;\n flex: 0 0 180px;\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--card);\n}\n.shots-menu-track img { width: 100%; height: 100%; object-fit: cover; display: block; }\n@media (prefers-reduced-motion: reduce) {\n .shots-menu-track { animation: none; }\n}\n\n\/* --- Vestigingen cards --- *\/\n.vestigingen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.vestiging-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n transition: border-color 0.2s, transform 0.2s;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.vestiging-card:hover {\n border-color: var(--primary);\n transform: translateY(-4px);\n}\n.vestiging-card .city { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; }\n.vestiging-card h3 { font-size: 1.5rem; }\n.vestiging-card .address { color: var(--fg-muted); font-size: 0.9375rem; }\n.vestiging-card .tagline { color: var(--fg-soft); font-style: italic; margin-top: auto; padding-top: 0.5rem; }\n.vestiging-card .link { color: var(--primary); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.5rem; }\n\n\/* --- Page hero (sub-pages, smaller than home hero) --- *\/\n.page-hero {\n padding: 10rem 1.5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.page-hero.with-image { padding: 12rem 1.5rem 6rem; min-height: 60vh; display: flex; align-items: center; justify-content: center; }\n.page-hero.with-image .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.page-hero.with-image .hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }\n.page-hero.with-image .hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.6), var(--bg));\n}\n.page-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 48rem;\n margin: 0 auto;\n}\n.page-hero h1 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n}\n.page-hero h1 .accent { color: var(--primary); }\n.page-hero p {\n color: var(--fg-muted);\n font-size: 1.125rem;\n max-width: 36rem;\n margin: 0 auto;\n}\n\n\/* --- City tabs --- *\/\n.city-tabs {\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.city-tab {\n padding: 0.75rem 1.75rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-muted);\n background: transparent;\n transition: all 0.2s;\n}\n.city-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.city-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n\/* --- Vestiging detail --- *\/\n.vestiging-panel { display: none; }\n.vestiging-panel.is-active { display: block; }\n.vestiging-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n.vestiging-detail h2 {\n font-size: clamp(1.75rem, 3vw, 2.25rem);\n margin-bottom: 1.5rem;\n}\n.vestiging-detail h2 .accent { color: var(--primary); }\n.vestiging-detail .lead {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.detail-block {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n.detail-block .icon {\n flex: 0 0 24px;\n color: var(--primary);\n margin-top: 0.25rem;\n}\n.detail-block .label {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-soft);\n display: block;\n margin-bottom: 0.25rem;\n}\n.detail-block .value { color: var(--white); }\n.detail-block .value a { color: var(--primary); }\n.map-embed {\n margin-top: 2rem;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n.map-embed iframe { display: block; width: 100%; height: 280px; border: 0; filter: grayscale(20%) brightness(0.95); }\n\n\/* --- Week schedule + special events --- *\/\n.schedule-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.schedule-card h3 {\n font-size: 1.25rem;\n margin-bottom: 1.5rem;\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n flex-wrap: wrap;\n}\n.schedule-note {\n font-family: var(--font-body);\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--fg-soft);\n font-style: italic;\n}\n.schedule-card h3::before { content: \"\ud83d\udcc5\"; }\n.schedule-list { display: flex; flex-direction: column; }\n.schedule-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 1rem;\n padding: 0.75rem 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.9375rem;\n}\n.schedule-row:last-child { border-bottom: 0; }\n.schedule-row .day { color: var(--white); font-weight: 600; }\n.schedule-row .label { color: var(--fg-muted); display: block; font-weight: 400; font-size: 0.8125rem; margin-top: 0.125rem; }\n.schedule-row .hours { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; white-space: nowrap; }\n.events-card {\n margin-top: 1.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n}\n.events-card h3 { font-size: 1.125rem; margin-bottom: 0.75rem; }\n.events-card p { color: var(--fg-muted); margin: 0; font-size: 0.9375rem; }\n\n\/* --- Workshop card --- *\/\n.workshop-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n.workshop-card .ws-image { aspect-ratio: 4\/5; }\n.workshop-card .ws-image img { width: 100%; height: 100%; object-fit: cover; }\n.workshop-card .ws-content { padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; }\n.workshop-card h3 {\n font-size: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.workshop-card h3::before { content: \"\ud83e\udd43\"; font-size: 1.25rem; }\n.workshop-card .cities { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.workshop-card .city-pill {\n padding: 0.25rem 0.75rem;\n background: rgba(255, 77, 0, 0.12);\n color: var(--primary);\n border-radius: 999px;\n font-size: 0.75rem;\n font-family: var(--font-heading);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.workshop-card .desc { color: var(--fg-muted); font-size: 0.9375rem; }\n.workshop-card ul.features {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 0.9375rem;\n color: var(--fg);\n}\n.workshop-card ul.features li::before {\n content: \"\u2713 \";\n color: var(--primary);\n font-weight: 700;\n}\n.workshop-card .btn { align-self: flex-start; margin-top: 0.5rem; }\n\n\/* --- Op locatie image grid --- *\/\n.op-locatie-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n}\n.op-locatie-text p { color: var(--fg-muted); font-size: 1rem; margin-bottom: 1.25rem; }\n.op-locatie-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n.op-locatie-grid figure {\n margin: 0;\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: var(--radius);\n position: relative;\n}\n.op-locatie-grid img { width: 100%; height: 100%; object-fit: cover; }\n\n.event-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n}\n.event-type {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n text-align: center;\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n}\n\n\/* --- Contact cards --- *\/\n.contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 56rem;\n margin: 0 auto 4rem;\n}\n.contact-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.contact-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }\n.contact-card p { color: var(--fg-muted); font-size: 0.9375rem; margin-bottom: 1rem; }\n.contact-card .email { color: var(--primary); font-weight: 600; display: block; margin-bottom: 0.5rem; }\n.contact-card .address { color: var(--fg-muted); font-size: 0.875rem; }\n\n\/* --- Shot Selector quiz --- *\/\n.selector-skip {\n text-align: center;\n margin: 3rem 0 1rem;\n padding-top: 2.5rem;\n border-top: 1px solid var(--border);\n}\n.btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n}\n.selector-skip-note {\n color: var(--fg-soft);\n font-size: 0.875rem;\n font-style: italic;\n margin: 0.75rem 0 0;\n}\n\n.selector-quiz {\n max-width: 56rem;\n margin: 0 auto;\n}\n.selector-progress {\n display: flex;\n justify-content: space-between;\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--fg-muted);\n margin-bottom: 0.5rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n.selector-progressbar {\n height: 4px;\n background: var(--card);\n border-radius: 999px;\n overflow: hidden;\n margin-bottom: 3rem;\n}\n.selector-progressbar > div {\n height: 100%;\n background: var(--primary);\n width: 0;\n transition: width 0.4s ease;\n}\n.selector-question {\n display: none;\n text-align: center;\n}\n.selector-question.is-active { display: block; }\n.selector-question h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2.5rem;\n}\n.selector-options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2rem;\n}\n.selector-option {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem 1.25rem;\n font-family: var(--font-heading);\n font-size: 1.0625rem;\n font-weight: 700;\n color: var(--white);\n text-align: left;\n cursor: pointer;\n transition: all 0.2s;\n}\n.selector-option:hover {\n border-color: var(--primary);\n background: rgba(255, 77, 0, 0.08);\n transform: translateY(-2px);\n}\n.selector-back {\n background: none;\n border: 0;\n color: var(--fg-muted);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 0.5rem;\n}\n.selector-back:hover { color: var(--white); }\n\n.selector-result {\n display: none;\n text-align: center;\n}\n.selector-result.is-active { display: block; }\n.selector-result .eyebrow {\n margin-bottom: 1.5rem;\n}\n.result-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 2rem;\n align-items: center;\n text-align: left;\n}\n.result-image {\n width: 280px;\n height: 280px;\n border-radius: var(--radius);\n overflow: hidden;\n background: rgba(0, 0, 0, 0.3);\n}\n.result-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.result-meta h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin: 0.5rem 0 1rem;\n color: var(--white);\n}\n.result-category {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--primary);\n letter-spacing: 0.15em;\n margin: 0;\n}\n.result-blurb {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.result-ctas {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n.selector-restart {\n background: none;\n border: 0;\n color: var(--primary);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n padding: 0.5rem 0;\n}\n.selector-restart:hover { color: var(--white); }\n\n@media (max-width: 640px) {\n .selector-options { grid-template-columns: 1fr; }\n .result-card { grid-template-columns: 1fr; text-align: center; }\n .result-image { width: 100%; max-width: 280px; margin: 0 auto; }\n .result-ctas { justify-content: center; }\n}\n\n\/* --- FAQ accordion --- *\/\n.faq-list {\n max-width: 48rem;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.faq-item {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n}\n.faq-item summary {\n cursor: pointer;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1rem;\n color: var(--white);\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::after {\n content: \"+\";\n color: var(--primary);\n font-size: 1.5rem;\n line-height: 1;\n font-weight: 400;\n transition: transform 0.2s;\n}\n.faq-item[open] summary::after { content: \"\u2212\"; }\n.faq-item p {\n margin: 0.75rem 0 0;\n color: var(--fg-muted);\n font-size: 0.9375rem;\n line-height: 1.6;\n}\n\n\/* --- CTA card (rounded callout) --- *\/\n.cta-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 3rem 2rem;\n text-align: center;\n max-width: 48rem;\n margin: 0 auto;\n}\n.cta-card h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }\n.cta-card p { color: var(--fg-muted); margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto; }\n.cta-card .ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n\/* --- Shotkaart search input --- *\/\n.shot-search {\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.shot-search-input {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 999px;\n padding: 0.625rem 1rem;\n transition: border-color 0.2s;\n}\n.shot-search-input:focus-within {\n border-color: var(--primary);\n}\n.shot-search-icon {\n font-size: 1rem;\n opacity: 0.7;\n}\n.shot-search-input input {\n flex: 1;\n background: none;\n border: 0;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 0.9375rem;\n outline: none;\n padding: 0.25rem 0;\n min-width: 0;\n}\n.shot-search-input input::placeholder { color: var(--fg-soft); }\n.shot-search-input input::-webkit-search-cancel-button { display: none; }\n.shot-search-clear {\n background: rgba(255,255,255,0.08);\n border: 0;\n color: var(--white);\n font-size: 1.125rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n}\n.shot-search-clear:hover { background: rgba(255,255,255,0.16); }\n.shot-search-status {\n text-align: center;\n color: var(--fg-muted);\n font-size: 0.875rem;\n margin: 0.75rem 0 0;\n}\n.shot-card.is-hidden { display: none !important; }\n.shot-panel.has-no-results .shot-cat-title { opacity: 0.4; }\n.shot-panel.has-no-results .shot-marquee { display: none; }\n\n\/* --- Shotkaart: category tabs + card grid with CSS-clipped icons --- *\/\n.shot-tabs {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 3rem;\n}\n.shot-tab {\n padding: 0.625rem 1.25rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--fg-muted);\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n}\n.shot-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.shot-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n.shot-panel { display: none; margin-bottom: 3rem; }\n.shot-panel.is-active { display: block; }\n.shot-cat-title {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.shot-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 0.75rem;\n}\n\n\/* --- Per-category carousel: auto-scrolls via JS, also manually scrollable --- *\/\n.shot-marquee {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: auto;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n scrollbar-width: thin;\n scrollbar-color: rgba(255,255,255,0.2) transparent;\n}\n.shot-marquee::-webkit-scrollbar { height: 4px; }\n.shot-marquee::-webkit-scrollbar-track { background: transparent; }\n.shot-marquee::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }\n.shot-marquee.is-grabbing { cursor: grabbing; }\n.shot-marquee.is-grabbing .shot-card { pointer-events: none; }\n.shot-marquee-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n}\n.shot-marquee .shot-card {\n flex: 0 0 180px;\n user-select: none;\n}\n.shot-card {\n background: rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 0.75rem 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: border-color 0.25s, background 0.25s, transform 0.25s;\n}\n.shot-card:hover {\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(0, 0, 0, 0.4);\n transform: translateY(-2px);\n}\n.shot-icon {\n width: 160px;\n height: 130px;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 8px;\n background: rgba(0,0,0,0.2);\n}\n.shot-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n pointer-events: none;\n user-select: none;\n}\n.shot-name {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--white);\n margin: 0.5rem 0 0;\n line-height: 1.2;\n letter-spacing: 0.01em;\n}\n\n@media (max-width: 600px) {\n .shot-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }\n .shot-icon { width: 130px; height: 110px; }\n .shot-marquee .shot-card { flex: 0 0 150px; }\n .shot-name { font-size: 0.8125rem; }\n}\n\n\/* --- Footer --- *\/\n.site-footer {\n border-top: 1px solid var(--border);\n padding: 4rem 0 2rem;\n margin-top: 4rem;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n}\n.footer-brand img { width: 80px; margin-bottom: 1rem; }\n.footer-brand p { color: var(--fg-soft); font-size: 0.9375rem; max-width: 16rem; }\n.footer-col h4 {\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 1rem;\n}\n.footer-col ul li { margin-bottom: 0.5rem; }\n.footer-col a, .footer-col li { color: var(--fg-muted); font-size: 0.9375rem; }\n.footer-col a:hover { color: var(--white); }\n.footer-col .vestiging-line .city-name { display: block; color: var(--white); font-weight: 600; }\n.footer-col .vestiging-line + .vestiging-line { margin-top: 0.75rem; }\n.footer-bottom {\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n text-align: center;\n color: var(--fg-soft);\n font-size: 0.8125rem;\n}\n\n\/* --- Responsive --- *\/\n@media (min-width: 640px) {\n .hero-ctas { flex-direction: row; }\n}\n@media (max-width: 880px) {\n .nav-toggle { display: flex; margin-left: auto; }\n .nav-inner > nav { display: contents; } \/* let toggle + drawer position freely *\/\n .nav-list {\n display: none;\n position: absolute;\n top: 100%;\n left: 0; right: 0;\n background: var(--bg);\n border-bottom: 1px solid var(--border);\n flex-direction: column;\n padding: 0.5rem 1.5rem 1.5rem;\n gap: 0;\n text-transform: uppercase;\n box-shadow: 0 12px 24px rgba(0,0,0,0.4);\n }\n .site-header.is-open .nav-list { display: flex; }\n .nav-list li {\n width: 100%;\n border-top: 1px solid var(--border);\n }\n .nav-list li:first-child { border-top: 0; }\n .nav-list a {\n display: block;\n padding: 1rem 0;\n font-size: 1rem;\n }\n .nav-list a.nav-cta {\n margin-top: 0.75rem;\n text-align: center;\n padding: 0.875rem 1.25rem;\n }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .footer-brand { grid-column: 1 \/ -1; }\n .vestiging-detail,\n .workshop-card,\n .op-locatie-layout { grid-template-columns: 1fr; }\n .workshop-card .ws-image { aspect-ratio: 16\/10; }\n}\n@media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .section { padding: 4rem 0; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"nav-inner\">\n <a class=\"nav-logo\" href=\"\/\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\"><\/a>\n <button class=\"nav-toggle\" aria-label=\"Menu\" aria-expanded=\"false\"><span><\/span><\/button>\n <nav>\n <ul class=\"nav-list\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=op-locatie\" class=\"is-active\">Op Locatie<\/a><\/li>\n <li><a href=\"\/?pagename=contact\" class=\"nav-cta\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n<section class=\"page-hero\">\n <div class=\"page-hero-inner\">\n <span class=\"eyebrow\">Niet de party komen, Chupitos halen<\/span>\n <h1>Chupitos op<br><span class=\"accent\">jouw locatie<\/span><\/h1>\n <p>Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Wat krijg je?<\/h2>\n <ul class=\"features\">\n <li><strong>Complete mobiele bar<\/strong> — opbouw, drank, glaswerk, koeling<\/li>\n <li><strong>Twee tot vier Chupitos-bartenders<\/strong> (afhankelijk van groepsgrootte)<\/li>\n <li><strong>Selectie van onze 150+ shots<\/strong> — jij kiest welke signature shots prominent op de kaart staan<\/li>\n <li><strong>Vuurshow-element<\/strong> waar de locatie het toelaat<\/li>\n <li><strong>Op- en afbouw<\/strong> — wij regelen alles, jij doet niks<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section dna-bg\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Voor welke events?<\/span>\n <h2>Wat we vaak doen<\/h2>\n <\/div>\n <div class=\"dna-grid\">\n <div class=\"dna-item\">\n <h3>Bruiloften<\/h3>\n <p>Vervang de standaard tequila-rondes bij de afterparty door iets met meer karakter. Onze bartenders mengen ook bruidpaar-specifieke shots.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>Festivals & events<\/h3>\n <p>Van bedrijfsfeesten tot festivals: wij sluiten aan bij de schaal van het event en passen het concept aan op locatie.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>Bedrijfsfeesten<\/h3>\n <p>Kerstborrel, jaarafsluiting, productlancering — wij maken er een avond van die de medewerkers nog maandag bespreken.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Praktisch<\/h2>\n <ul class=\"features\">\n <li><strong>Locatie:<\/strong> overal in Nederland (Belgi\u00eb in overleg)<\/li>\n <li><strong>Groepsgrootte:<\/strong> vanaf 25 personen<\/li>\n <li><strong>Duur:<\/strong> 2\u20136 uur, langer in overleg<\/li>\n <li><strong>Vergunningen:<\/strong> wij hebben eigen alcoholvergunning voor mobiele bar<\/li>\n <li><strong>Prijs:<\/strong> op aanvraag — afhankelijk van locatie, groep, duur en bar-omvang<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cta-card\">\n <h2>Aanvraag mobiele bar<\/h2>\n <p>Mail <a class=\"email\" href=\"mailto:info@chupitos.nl?subject=Aanvraag%20Op%20Locatie\">info@chupitos.nl<\/a> met:<\/p>\n <ul style=\"text-align:left; max-width:32rem; margin: 0 auto 1.5rem; color: var(--fg-muted);\">\n <li>Type event<\/li>\n <li>Datum + tijd<\/li>\n <li>Locatie (adres of regio)<\/li>\n <li>Verwacht aantal gasten<\/li>\n <li>Eventuele wensen (signature shots, vuurshow, branding)<\/li>\n <\/ul>\n <div class=\"ctas\">\n <a class=\"btn btn-primary\" href=\"mailto:info@chupitos.nl?subject=Aanvraag%20Op%20Locatie\">✉ Aanvraag versturen<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\">\n <p>House of Shots — waar shotjes een show worden. Sinds 2010.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigatie<\/h4>\n <ul>\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Vestigingen<\/h4>\n <div class=\"vestiging-line\"><span class=\"city-name\">Amsterdam<\/span>Korte Leidsedwarsstraat 129<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Groningen<\/span>Peperstraat 9<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Utrecht<\/span>Loeff Berchmakerstraat 10<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul><li><a href=\"mailto:info@chupitos.nl\">info@chupitos.nl<\/a><\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">© 2026 Chupitos — House of Shots. Alle rechten voorbehouden.<\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n const toggle = document.querySelector('.nav-toggle');\n const header = document.querySelector('.site-header');\n if (toggle && header) {\n toggle.addEventListener('click', () => {\n const open = header.classList.toggle('is-open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n });\n document.querySelectorAll('.nav-list a').forEach(a => {\n a.addEventListener('click', () => header.classList.remove('is-open'));\n });\n \/\/ Auto-hide on scroll down (mobile-friendly UX); show on scroll up\n let lastY = window.scrollY, ticking = false;\n window.addEventListener('scroll', () => {\n if (ticking) return;\n ticking = true;\n requestAnimationFrame(() => {\n const y = window.scrollY;\n const diff = y - lastY;\n if (y > 120 && diff > 4) header.classList.add('is-hidden');\n else if (diff < -4 || y < 120) header.classList.remove('is-hidden');\n lastY = y;\n ticking = false;\n });\n }, { passive: true });\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]<\/p>\n","protected":false},"author":1,"featured_media":868,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"chupitos-blank","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?page_id=33\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos\" \/>\n<meta property=\"og:description\" content=\"Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chupitos.nl\/?page_id=33\" \/>\n<meta property=\"og:site_name\" content=\"Chupitos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/chupitosutrecht\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T17:47:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\",\"name\":\"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"datePublished\":\"2026-05-15T12:18:58+00:00\",\"dateModified\":\"2026-06-01T17:47:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chupitos.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chupitos op Locatie \u2014 Mobiele shotbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"name\":\"Chupitos\",\"description\":\"House of Shots\",\"publisher\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chupitos.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\",\"name\":\"Chupitos\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Chupitos\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/chupitosutrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.amsterdam\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.utrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.groningen\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chupitos.nl\/?page_id=33","og_locale":"nl_NL","og_type":"article","og_title":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","og_description":"Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]","og_url":"https:\/\/chupitos.nl\/?page_id=33","og_site_name":"Chupitos","article_publisher":"https:\/\/www.facebook.com\/chupitosutrecht\/","article_modified_time":"2026-06-01T17:47:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chupitos.nl\/?page_id=33","url":"https:\/\/chupitos.nl\/?page_id=33","name":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","isPartOf":{"@id":"https:\/\/chupitos.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage"},"image":{"@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage"},"thumbnailUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","datePublished":"2026-05-15T12:18:58+00:00","dateModified":"2026-06-01T17:47:25+00:00","breadcrumb":{"@id":"https:\/\/chupitos.nl\/?page_id=33#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chupitos.nl\/?page_id=33"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","width":1200,"height":630,"caption":"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen"},{"@type":"BreadcrumbList","@id":"https:\/\/chupitos.nl\/?page_id=33#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chupitos.nl\/"},{"@type":"ListItem","position":2,"name":"Chupitos op Locatie \u2014 Mobiele shotbar"}]},{"@type":"WebSite","@id":"https:\/\/chupitos.nl\/#website","url":"https:\/\/chupitos.nl\/","name":"Chupitos","description":"House of Shots","publisher":{"@id":"https:\/\/chupitos.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chupitos.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/chupitos.nl\/#organization","name":"Chupitos","url":"https:\/\/chupitos.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","width":2560,"height":2560,"caption":"Chupitos"},"image":{"@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/chupitosutrecht\/","https:\/\/www.instagram.com\/chupitos.amsterdam\/","https:\/\/www.instagram.com\/chupitos.utrecht\/","https:\/\/www.instagram.com\/chupitos.groningen\/"]}]}},"_links":{"self":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":22,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/1152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":33,"date":"2026-05-15T12:18:58","date_gmt":"2026-05-15T12:18:58","guid":{"rendered":"https:\/\/chupitos.nl\/?page_id=33"},"modified":"2026-06-01T17:47:25","modified_gmt":"2026-06-01T17:47:25","slug":"op-locatie","status":"publish","type":"page","link":"https:\/\/chupitos.nl\/?page_id=33","title":{"rendered":"Chupitos op Locatie \u2014 Mobiele shotbar"},"content":{"rendered":"\n\n\n\n \n \n Chupitos Op Locatie \u2014 Mobiele shotbar voor events<\/title>\n <meta name=\"description\" content=\"Chupitos op jouw locatie: mobiele shotbar voor bruiloften, festivals, bedrijfsfeesten en priv\u00e9-events. Bartenders, vuur en 150+ shots \u2014 overal in Nederland.\">\n <link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?pagename=op-locatie\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap\">\n <style>\n\/* ============================================================\n Chupitos \u2014 House of Shots\n Replica of shot-show-flow.base44.app\n ============================================================ *\/\n\n\/* --- Design tokens --- *\/\n:root {\n --bg: #0a0a0a;\n --card: #121212;\n --card-50: rgba(18, 18, 18, 0.5);\n --fg: #e0e0e0;\n --fg-muted: rgba(224, 224, 224, 0.7);\n --fg-soft: rgba(224, 224, 224, 0.5);\n --primary: #ff4d00;\n --primary-hover: #e64500;\n --white: #ffffff;\n --border: rgba(255, 255, 255, 0.08);\n --nav-bg: rgba(10, 10, 10, 0.8);\n\n --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;\n --font-heading: \"Space Grotesk\", var(--font-body);\n\n --container: 1200px;\n --radius: 12px;\n}\n\n\/* --- WP block-theme override: defeat content-size constraint so our full-width\n sections (header\/hero\/sections\/footer) actually fill the viewport.\n Twenty Twenty-Five caps children of .is-layout-constrained at ~645px. --- *\/\n.wp-block-post-content,\n.wp-block-post-content > .wp-block-html,\n.is-layout-constrained > * { max-width: none !important; }\n.wp-block-post-content { padding: 0 !important; }\n.wp-site-blocks > * + * { margin-block-start: 0 !important; }\n\n\/* --- Reset --- *\/\n*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nimg { max-width: 100%; height: auto; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }\nul { list-style: none; padding: 0; margin: 0; }\n\nbody {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n margin: 0;\n line-height: 1.1;\n letter-spacing: -0.02em;\n}\n\np { margin: 0 0 1em; }\n\n\/* --- Layout --- *\/\n.container { max-width: var(--container); margin: 0 auto; padding: 0 1.5rem; }\n.section { padding: 6rem 0; }\n.section-tight { padding: 4rem 0; }\n.text-center { text-align: center; }\n.text-primary { color: var(--primary); }\n.text-muted { color: var(--fg-muted); }\n\n\/* --- Header \/ Nav --- *\/\n.site-header {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 50;\n background: var(--nav-bg);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n transition: transform 0.28s ease;\n}\n.site-header.is-hidden { transform: translateY(-100%); }\n.site-header.is-open { transform: translateY(0) !important; } \/* always visible when menu open *\/\n.nav-inner {\n max-width: var(--container);\n margin: 0 auto;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n}\n.nav-logo img { height: 56px; width: auto; }\n.nav-list {\n display: flex;\n gap: 2rem;\n align-items: center;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.nav-list a {\n color: var(--fg-muted);\n transition: color 0.2s;\n}\n.nav-list a:hover, .nav-list a.is-active { color: var(--white); }\n.nav-list a.nav-cta {\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1.25rem;\n border-radius: 8px;\n}\n.nav-list a.nav-cta:hover {\n background: var(--primary);\n color: var(--white);\n}\n.nav-toggle {\n display: none;\n background: none;\n border: 0;\n color: var(--white);\n width: 44px;\n height: 44px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: relative;\n}\n.nav-toggle span,\n.nav-toggle span::before,\n.nav-toggle span::after {\n content: \"\";\n display: block;\n width: 24px;\n height: 2px;\n background: var(--white);\n position: absolute;\n left: 50%;\n margin-left: -12px;\n transition: transform 0.25s, top 0.25s, opacity 0.2s;\n}\n.nav-toggle span { top: 50%; }\n.nav-toggle span::before { top: -8px; }\n.nav-toggle span::after { top: 8px; }\n.site-header.is-open .nav-toggle span { background: transparent; }\n.site-header.is-open .nav-toggle span::before { top: 0; transform: rotate(45deg); }\n.site-header.is-open .nav-toggle span::after { top: 0; transform: rotate(-45deg); }\n\n\/* --- Buttons --- *\/\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n border-radius: 8px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n transition: all 0.2s;\n}\n.btn-primary {\n background: var(--primary);\n color: var(--white);\n}\n.btn-primary:hover { background: var(--primary-hover); }\n.btn-outline {\n border: 2px solid var(--border);\n color: var(--white);\n}\n.btn-outline:hover { border-color: var(--white); }\n\n\/* --- Eyebrow \/ kicker --- *\/\n.eyebrow {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n\/* --- Hero --- *\/\n.hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n padding: 6rem 1.5rem 4rem;\n}\n.hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.9), rgba(10,10,10,0.7), var(--bg));\n}\n.hero-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 56rem;\n margin: 0 auto;\n}\n.hero-logo { display: flex; justify-content: center; margin-bottom: 1.5rem; }\n.hero-logo img { width: clamp(18rem, 32vw, 26rem); }\n.hero h1 {\n font-size: clamp(2rem, 7vw, 3.75rem);\n margin-bottom: 1.5rem;\n letter-spacing: -0.025em;\n}\n.hero-tagline {\n font-style: italic;\n font-size: clamp(1rem, 2vw, 1.25rem);\n color: var(--fg-muted);\n margin-bottom: 1rem;\n}\n.hero-intro {\n color: var(--fg-soft);\n font-size: clamp(0.95rem, 1.5vw, 1.125rem);\n max-width: 36rem;\n margin: 0 auto 2.5rem;\n}\n.hero-ctas {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n}\n\n\/* --- Section heading block --- *\/\n.section-head {\n text-align: center;\n max-width: 48rem;\n margin: 0 auto 4rem;\n}\n.section-head h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 1rem;\n}\n.section-head h2 .accent { color: var(--primary); }\n.section-head p { color: var(--fg-muted); font-size: 1.125rem; }\n\n\/* --- About \/ story copy --- *\/\n.story {\n max-width: 48rem;\n margin: 0 auto;\n}\n.story h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 2rem; line-height: 1.2; }\n.story p { color: var(--fg-muted); font-size: 1.0625rem; margin-bottom: 1.25rem; }\n\n\/* --- DNA features grid --- *\/\n.dna-bg { background: var(--card-50); }\n.dna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 2rem;\n max-width: 64rem;\n margin: 0 auto;\n}\n.dna-item {\n text-align: center;\n padding: 1rem;\n}\n.dna-item h3 {\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n}\n.dna-item p {\n color: var(--fg-muted);\n font-size: 0.9375rem;\n margin: 0;\n}\n\n\/* --- Signature shots carousel (auto-scrolling marquee) --- *\/\n.shots-marquee {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n.shots-track {\n display: flex;\n gap: 1rem;\n width: max-content;\n animation: shots-scroll 40s linear infinite;\n}\n.shots-marquee:hover .shots-track { animation-play-state: paused; }\n.shots-track figure {\n margin: 0;\n flex: 0 0 240px;\n aspect-ratio: 3\/4;\n overflow: hidden;\n border-radius: var(--radius);\n}\n.shots-track img { width: 100%; height: 100%; object-fit: cover; }\n@keyframes shots-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .shots-track { animation: none; }\n}\n\n\/* --- Home variant: each figure is image + name caption --- *\/\n.home-shots-marquee .shots-track figure {\n aspect-ratio: auto;\n flex: 0 0 220px;\n overflow: visible;\n border-radius: 0;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.home-shots-marquee .shots-track figure > img {\n width: 220px;\n height: 220px;\n object-fit: cover;\n border-radius: var(--radius);\n}\n.home-shots-marquee .shots-track figcaption {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.9375rem;\n color: var(--white);\n text-align: center;\n letter-spacing: 0.01em;\n line-height: 1.2;\n}\n@media (max-width: 600px) {\n .home-shots-marquee .shots-track figure { flex: 0 0 160px; }\n .home-shots-marquee .shots-track figure > img { width: 160px; height: 160px; }\n .home-shots-marquee .shots-track figcaption { font-size: 0.8125rem; }\n}\n\n\/* --- Shot menu carousel (icons + names from PDF, no prices) --- *\/\n.shots-menu {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n}\n.shots-menu-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n animation: shots-scroll 240s linear infinite;\n}\n.shots-menu:hover .shots-menu-track { animation-play-state: paused; }\n.shots-menu-track figure {\n margin: 0;\n flex: 0 0 180px;\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--card);\n}\n.shots-menu-track img { width: 100%; height: 100%; object-fit: cover; display: block; }\n@media (prefers-reduced-motion: reduce) {\n .shots-menu-track { animation: none; }\n}\n\n\/* --- Vestigingen cards --- *\/\n.vestigingen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.vestiging-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n transition: border-color 0.2s, transform 0.2s;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.vestiging-card:hover {\n border-color: var(--primary);\n transform: translateY(-4px);\n}\n.vestiging-card .city { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; }\n.vestiging-card h3 { font-size: 1.5rem; }\n.vestiging-card .address { color: var(--fg-muted); font-size: 0.9375rem; }\n.vestiging-card .tagline { color: var(--fg-soft); font-style: italic; margin-top: auto; padding-top: 0.5rem; }\n.vestiging-card .link { color: var(--primary); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.5rem; }\n\n\/* --- Page hero (sub-pages, smaller than home hero) --- *\/\n.page-hero {\n padding: 10rem 1.5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.page-hero.with-image { padding: 12rem 1.5rem 6rem; min-height: 60vh; display: flex; align-items: center; justify-content: center; }\n.page-hero.with-image .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.page-hero.with-image .hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }\n.page-hero.with-image .hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.6), var(--bg));\n}\n.page-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 48rem;\n margin: 0 auto;\n}\n.page-hero h1 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n}\n.page-hero h1 .accent { color: var(--primary); }\n.page-hero p {\n color: var(--fg-muted);\n font-size: 1.125rem;\n max-width: 36rem;\n margin: 0 auto;\n}\n\n\/* --- City tabs --- *\/\n.city-tabs {\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.city-tab {\n padding: 0.75rem 1.75rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-muted);\n background: transparent;\n transition: all 0.2s;\n}\n.city-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.city-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n\/* --- Vestiging detail --- *\/\n.vestiging-panel { display: none; }\n.vestiging-panel.is-active { display: block; }\n.vestiging-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n.vestiging-detail h2 {\n font-size: clamp(1.75rem, 3vw, 2.25rem);\n margin-bottom: 1.5rem;\n}\n.vestiging-detail h2 .accent { color: var(--primary); }\n.vestiging-detail .lead {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.detail-block {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n.detail-block .icon {\n flex: 0 0 24px;\n color: var(--primary);\n margin-top: 0.25rem;\n}\n.detail-block .label {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-soft);\n display: block;\n margin-bottom: 0.25rem;\n}\n.detail-block .value { color: var(--white); }\n.detail-block .value a { color: var(--primary); }\n.map-embed {\n margin-top: 2rem;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n.map-embed iframe { display: block; width: 100%; height: 280px; border: 0; filter: grayscale(20%) brightness(0.95); }\n\n\/* --- Week schedule + special events --- *\/\n.schedule-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.schedule-card h3 {\n font-size: 1.25rem;\n margin-bottom: 1.5rem;\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n flex-wrap: wrap;\n}\n.schedule-note {\n font-family: var(--font-body);\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--fg-soft);\n font-style: italic;\n}\n.schedule-card h3::before { content: \"\ud83d\udcc5\"; }\n.schedule-list { display: flex; flex-direction: column; }\n.schedule-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 1rem;\n padding: 0.75rem 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.9375rem;\n}\n.schedule-row:last-child { border-bottom: 0; }\n.schedule-row .day { color: var(--white); font-weight: 600; }\n.schedule-row .label { color: var(--fg-muted); display: block; font-weight: 400; font-size: 0.8125rem; margin-top: 0.125rem; }\n.schedule-row .hours { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; white-space: nowrap; }\n.events-card {\n margin-top: 1.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n}\n.events-card h3 { font-size: 1.125rem; margin-bottom: 0.75rem; }\n.events-card p { color: var(--fg-muted); margin: 0; font-size: 0.9375rem; }\n\n\/* --- Workshop card --- *\/\n.workshop-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n.workshop-card .ws-image { aspect-ratio: 4\/5; }\n.workshop-card .ws-image img { width: 100%; height: 100%; object-fit: cover; }\n.workshop-card .ws-content { padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; }\n.workshop-card h3 {\n font-size: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.workshop-card h3::before { content: \"\ud83e\udd43\"; font-size: 1.25rem; }\n.workshop-card .cities { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.workshop-card .city-pill {\n padding: 0.25rem 0.75rem;\n background: rgba(255, 77, 0, 0.12);\n color: var(--primary);\n border-radius: 999px;\n font-size: 0.75rem;\n font-family: var(--font-heading);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.workshop-card .desc { color: var(--fg-muted); font-size: 0.9375rem; }\n.workshop-card ul.features {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 0.9375rem;\n color: var(--fg);\n}\n.workshop-card ul.features li::before {\n content: \"\u2713 \";\n color: var(--primary);\n font-weight: 700;\n}\n.workshop-card .btn { align-self: flex-start; margin-top: 0.5rem; }\n\n\/* --- Op locatie image grid --- *\/\n.op-locatie-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n}\n.op-locatie-text p { color: var(--fg-muted); font-size: 1rem; margin-bottom: 1.25rem; }\n.op-locatie-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n.op-locatie-grid figure {\n margin: 0;\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: var(--radius);\n position: relative;\n}\n.op-locatie-grid img { width: 100%; height: 100%; object-fit: cover; }\n\n.event-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n}\n.event-type {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n text-align: center;\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n}\n\n\/* --- Contact cards --- *\/\n.contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 56rem;\n margin: 0 auto 4rem;\n}\n.contact-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.contact-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }\n.contact-card p { color: var(--fg-muted); font-size: 0.9375rem; margin-bottom: 1rem; }\n.contact-card .email { color: var(--primary); font-weight: 600; display: block; margin-bottom: 0.5rem; }\n.contact-card .address { color: var(--fg-muted); font-size: 0.875rem; }\n\n\/* --- Shot Selector quiz --- *\/\n.selector-skip {\n text-align: center;\n margin: 3rem 0 1rem;\n padding-top: 2.5rem;\n border-top: 1px solid var(--border);\n}\n.btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n}\n.selector-skip-note {\n color: var(--fg-soft);\n font-size: 0.875rem;\n font-style: italic;\n margin: 0.75rem 0 0;\n}\n\n.selector-quiz {\n max-width: 56rem;\n margin: 0 auto;\n}\n.selector-progress {\n display: flex;\n justify-content: space-between;\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--fg-muted);\n margin-bottom: 0.5rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n.selector-progressbar {\n height: 4px;\n background: var(--card);\n border-radius: 999px;\n overflow: hidden;\n margin-bottom: 3rem;\n}\n.selector-progressbar > div {\n height: 100%;\n background: var(--primary);\n width: 0;\n transition: width 0.4s ease;\n}\n.selector-question {\n display: none;\n text-align: center;\n}\n.selector-question.is-active { display: block; }\n.selector-question h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2.5rem;\n}\n.selector-options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2rem;\n}\n.selector-option {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem 1.25rem;\n font-family: var(--font-heading);\n font-size: 1.0625rem;\n font-weight: 700;\n color: var(--white);\n text-align: left;\n cursor: pointer;\n transition: all 0.2s;\n}\n.selector-option:hover {\n border-color: var(--primary);\n background: rgba(255, 77, 0, 0.08);\n transform: translateY(-2px);\n}\n.selector-back {\n background: none;\n border: 0;\n color: var(--fg-muted);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 0.5rem;\n}\n.selector-back:hover { color: var(--white); }\n\n.selector-result {\n display: none;\n text-align: center;\n}\n.selector-result.is-active { display: block; }\n.selector-result .eyebrow {\n margin-bottom: 1.5rem;\n}\n.result-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 2rem;\n align-items: center;\n text-align: left;\n}\n.result-image {\n width: 280px;\n height: 280px;\n border-radius: var(--radius);\n overflow: hidden;\n background: rgba(0, 0, 0, 0.3);\n}\n.result-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.result-meta h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin: 0.5rem 0 1rem;\n color: var(--white);\n}\n.result-category {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--primary);\n letter-spacing: 0.15em;\n margin: 0;\n}\n.result-blurb {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.result-ctas {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n.selector-restart {\n background: none;\n border: 0;\n color: var(--primary);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n padding: 0.5rem 0;\n}\n.selector-restart:hover { color: var(--white); }\n\n@media (max-width: 640px) {\n .selector-options { grid-template-columns: 1fr; }\n .result-card { grid-template-columns: 1fr; text-align: center; }\n .result-image { width: 100%; max-width: 280px; margin: 0 auto; }\n .result-ctas { justify-content: center; }\n}\n\n\/* --- FAQ accordion --- *\/\n.faq-list {\n max-width: 48rem;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.faq-item {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n}\n.faq-item summary {\n cursor: pointer;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1rem;\n color: var(--white);\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::after {\n content: \"+\";\n color: var(--primary);\n font-size: 1.5rem;\n line-height: 1;\n font-weight: 400;\n transition: transform 0.2s;\n}\n.faq-item[open] summary::after { content: \"\u2212\"; }\n.faq-item p {\n margin: 0.75rem 0 0;\n color: var(--fg-muted);\n font-size: 0.9375rem;\n line-height: 1.6;\n}\n\n\/* --- CTA card (rounded callout) --- *\/\n.cta-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 3rem 2rem;\n text-align: center;\n max-width: 48rem;\n margin: 0 auto;\n}\n.cta-card h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }\n.cta-card p { color: var(--fg-muted); margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto; }\n.cta-card .ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n\/* --- Shotkaart search input --- *\/\n.shot-search {\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.shot-search-input {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 999px;\n padding: 0.625rem 1rem;\n transition: border-color 0.2s;\n}\n.shot-search-input:focus-within {\n border-color: var(--primary);\n}\n.shot-search-icon {\n font-size: 1rem;\n opacity: 0.7;\n}\n.shot-search-input input {\n flex: 1;\n background: none;\n border: 0;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 0.9375rem;\n outline: none;\n padding: 0.25rem 0;\n min-width: 0;\n}\n.shot-search-input input::placeholder { color: var(--fg-soft); }\n.shot-search-input input::-webkit-search-cancel-button { display: none; }\n.shot-search-clear {\n background: rgba(255,255,255,0.08);\n border: 0;\n color: var(--white);\n font-size: 1.125rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n}\n.shot-search-clear:hover { background: rgba(255,255,255,0.16); }\n.shot-search-status {\n text-align: center;\n color: var(--fg-muted);\n font-size: 0.875rem;\n margin: 0.75rem 0 0;\n}\n.shot-card.is-hidden { display: none !important; }\n.shot-panel.has-no-results .shot-cat-title { opacity: 0.4; }\n.shot-panel.has-no-results .shot-marquee { display: none; }\n\n\/* --- Shotkaart: category tabs + card grid with CSS-clipped icons --- *\/\n.shot-tabs {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 3rem;\n}\n.shot-tab {\n padding: 0.625rem 1.25rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--fg-muted);\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n}\n.shot-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.shot-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n.shot-panel { display: none; margin-bottom: 3rem; }\n.shot-panel.is-active { display: block; }\n.shot-cat-title {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.shot-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 0.75rem;\n}\n\n\/* --- Per-category carousel: auto-scrolls via JS, also manually scrollable --- *\/\n.shot-marquee {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: auto;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n scrollbar-width: thin;\n scrollbar-color: rgba(255,255,255,0.2) transparent;\n}\n.shot-marquee::-webkit-scrollbar { height: 4px; }\n.shot-marquee::-webkit-scrollbar-track { background: transparent; }\n.shot-marquee::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }\n.shot-marquee.is-grabbing { cursor: grabbing; }\n.shot-marquee.is-grabbing .shot-card { pointer-events: none; }\n.shot-marquee-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n}\n.shot-marquee .shot-card {\n flex: 0 0 180px;\n user-select: none;\n}\n.shot-card {\n background: rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 0.75rem 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: border-color 0.25s, background 0.25s, transform 0.25s;\n}\n.shot-card:hover {\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(0, 0, 0, 0.4);\n transform: translateY(-2px);\n}\n.shot-icon {\n width: 160px;\n height: 130px;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 8px;\n background: rgba(0,0,0,0.2);\n}\n.shot-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n pointer-events: none;\n user-select: none;\n}\n.shot-name {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--white);\n margin: 0.5rem 0 0;\n line-height: 1.2;\n letter-spacing: 0.01em;\n}\n\n@media (max-width: 600px) {\n .shot-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }\n .shot-icon { width: 130px; height: 110px; }\n .shot-marquee .shot-card { flex: 0 0 150px; }\n .shot-name { font-size: 0.8125rem; }\n}\n\n\/* --- Footer --- *\/\n.site-footer {\n border-top: 1px solid var(--border);\n padding: 4rem 0 2rem;\n margin-top: 4rem;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n}\n.footer-brand img { width: 80px; margin-bottom: 1rem; }\n.footer-brand p { color: var(--fg-soft); font-size: 0.9375rem; max-width: 16rem; }\n.footer-col h4 {\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 1rem;\n}\n.footer-col ul li { margin-bottom: 0.5rem; }\n.footer-col a, .footer-col li { color: var(--fg-muted); font-size: 0.9375rem; }\n.footer-col a:hover { color: var(--white); }\n.footer-col .vestiging-line .city-name { display: block; color: var(--white); font-weight: 600; }\n.footer-col .vestiging-line + .vestiging-line { margin-top: 0.75rem; }\n.footer-bottom {\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n text-align: center;\n color: var(--fg-soft);\n font-size: 0.8125rem;\n}\n\n\/* --- Responsive --- *\/\n@media (min-width: 640px) {\n .hero-ctas { flex-direction: row; }\n}\n@media (max-width: 880px) {\n .nav-toggle { display: flex; margin-left: auto; }\n .nav-inner > nav { display: contents; } \/* let toggle + drawer position freely *\/\n .nav-list {\n display: none;\n position: absolute;\n top: 100%;\n left: 0; right: 0;\n background: var(--bg);\n border-bottom: 1px solid var(--border);\n flex-direction: column;\n padding: 0.5rem 1.5rem 1.5rem;\n gap: 0;\n text-transform: uppercase;\n box-shadow: 0 12px 24px rgba(0,0,0,0.4);\n }\n .site-header.is-open .nav-list { display: flex; }\n .nav-list li {\n width: 100%;\n border-top: 1px solid var(--border);\n }\n .nav-list li:first-child { border-top: 0; }\n .nav-list a {\n display: block;\n padding: 1rem 0;\n font-size: 1rem;\n }\n .nav-list a.nav-cta {\n margin-top: 0.75rem;\n text-align: center;\n padding: 0.875rem 1.25rem;\n }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .footer-brand { grid-column: 1 \/ -1; }\n .vestiging-detail,\n .workshop-card,\n .op-locatie-layout { grid-template-columns: 1fr; }\n .workshop-card .ws-image { aspect-ratio: 16\/10; }\n}\n@media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .section { padding: 4rem 0; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"nav-inner\">\n <a class=\"nav-logo\" href=\"\/\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\"><\/a>\n <button class=\"nav-toggle\" aria-label=\"Menu\" aria-expanded=\"false\"><span><\/span><\/button>\n <nav>\n <ul class=\"nav-list\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=op-locatie\" class=\"is-active\">Op Locatie<\/a><\/li>\n <li><a href=\"\/?pagename=contact\" class=\"nav-cta\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n<section class=\"page-hero\">\n <div class=\"page-hero-inner\">\n <span class=\"eyebrow\">Niet de party komen, Chupitos halen<\/span>\n <h1>Chupitos op<br><span class=\"accent\">jouw locatie<\/span><\/h1>\n <p>Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Wat krijg je?<\/h2>\n <ul class=\"features\">\n <li><strong>Complete mobiele bar<\/strong> — opbouw, drank, glaswerk, koeling<\/li>\n <li><strong>Twee tot vier Chupitos-bartenders<\/strong> (afhankelijk van groepsgrootte)<\/li>\n <li><strong>Selectie van onze 150+ shots<\/strong> — jij kiest welke signature shots prominent op de kaart staan<\/li>\n <li><strong>Vuurshow-element<\/strong> waar de locatie het toelaat<\/li>\n <li><strong>Op- en afbouw<\/strong> — wij regelen alles, jij doet niks<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section dna-bg\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Voor welke events?<\/span>\n <h2>Wat we vaak doen<\/h2>\n <\/div>\n <div class=\"dna-grid\">\n <div class=\"dna-item\">\n <h3>Bruiloften<\/h3>\n <p>Vervang de standaard tequila-rondes bij de afterparty door iets met meer karakter. Onze bartenders mengen ook bruidpaar-specifieke shots.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>Festivals & events<\/h3>\n <p>Van bedrijfsfeesten tot festivals: wij sluiten aan bij de schaal van het event en passen het concept aan op locatie.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>Bedrijfsfeesten<\/h3>\n <p>Kerstborrel, jaarafsluiting, productlancering — wij maken er een avond van die de medewerkers nog maandag bespreken.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Praktisch<\/h2>\n <ul class=\"features\">\n <li><strong>Locatie:<\/strong> overal in Nederland (Belgi\u00eb in overleg)<\/li>\n <li><strong>Groepsgrootte:<\/strong> vanaf 25 personen<\/li>\n <li><strong>Duur:<\/strong> 2\u20136 uur, langer in overleg<\/li>\n <li><strong>Vergunningen:<\/strong> wij hebben eigen alcoholvergunning voor mobiele bar<\/li>\n <li><strong>Prijs:<\/strong> op aanvraag — afhankelijk van locatie, groep, duur en bar-omvang<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cta-card\">\n <h2>Aanvraag mobiele bar<\/h2>\n <p>Mail <a class=\"email\" href=\"mailto:info@chupitos.nl?subject=Aanvraag%20Op%20Locatie\">info@chupitos.nl<\/a> met:<\/p>\n <ul style=\"text-align:left; max-width:32rem; margin: 0 auto 1.5rem; color: var(--fg-muted);\">\n <li>Type event<\/li>\n <li>Datum + tijd<\/li>\n <li>Locatie (adres of regio)<\/li>\n <li>Verwacht aantal gasten<\/li>\n <li>Eventuele wensen (signature shots, vuurshow, branding)<\/li>\n <\/ul>\n <div class=\"ctas\">\n <a class=\"btn btn-primary\" href=\"mailto:info@chupitos.nl?subject=Aanvraag%20Op%20Locatie\">✉ Aanvraag versturen<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\">\n <p>House of Shots — waar shotjes een show worden. Sinds 2010.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigatie<\/h4>\n <ul>\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Vestigingen<\/h4>\n <div class=\"vestiging-line\"><span class=\"city-name\">Amsterdam<\/span>Korte Leidsedwarsstraat 129<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Groningen<\/span>Peperstraat 9<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Utrecht<\/span>Loeff Berchmakerstraat 10<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul><li><a href=\"mailto:info@chupitos.nl\">info@chupitos.nl<\/a><\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">© 2026 Chupitos — House of Shots. Alle rechten voorbehouden.<\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n const toggle = document.querySelector('.nav-toggle');\n const header = document.querySelector('.site-header');\n if (toggle && header) {\n toggle.addEventListener('click', () => {\n const open = header.classList.toggle('is-open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n });\n document.querySelectorAll('.nav-list a').forEach(a => {\n a.addEventListener('click', () => header.classList.remove('is-open'));\n });\n \/\/ Auto-hide on scroll down (mobile-friendly UX); show on scroll up\n let lastY = window.scrollY, ticking = false;\n window.addEventListener('scroll', () => {\n if (ticking) return;\n ticking = true;\n requestAnimationFrame(() => {\n const y = window.scrollY;\n const diff = y - lastY;\n if (y > 120 && diff > 4) header.classList.add('is-hidden');\n else if (diff < -4 || y < 120) header.classList.remove('is-hidden');\n lastY = y;\n ticking = false;\n });\n }, { passive: true });\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]<\/p>\n","protected":false},"author":1,"featured_media":868,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"chupitos-blank","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?page_id=33\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos\" \/>\n<meta property=\"og:description\" content=\"Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chupitos.nl\/?page_id=33\" \/>\n<meta property=\"og:site_name\" content=\"Chupitos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/chupitosutrecht\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T17:47:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\",\"name\":\"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"datePublished\":\"2026-05-15T12:18:58+00:00\",\"dateModified\":\"2026-06-01T17:47:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chupitos.nl\\\/?page_id=33\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#primaryimage\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=33#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chupitos.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chupitos op Locatie \u2014 Mobiele shotbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"name\":\"Chupitos\",\"description\":\"House of Shots\",\"publisher\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chupitos.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\",\"name\":\"Chupitos\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Chupitos\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/chupitosutrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.amsterdam\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.utrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.groningen\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chupitos.nl\/?page_id=33","og_locale":"nl_NL","og_type":"article","og_title":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","og_description":"Chupitos Op Locatie \u2014 Mobiele shotbar voor events Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Niet de party komen, Chupitos halen Chupitos opjouw locatie Bruiloft, festival, bedrijfsfeest, priv\u00e9-event — onze bartenders bouwen een complete mobiele shotbar op jouw locatie, ergens in Nederland. Wat krijg je? Complete mobiele bar — opbouw, drank, […]","og_url":"https:\/\/chupitos.nl\/?page_id=33","og_site_name":"Chupitos","article_publisher":"https:\/\/www.facebook.com\/chupitosutrecht\/","article_modified_time":"2026-06-01T17:47:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chupitos.nl\/?page_id=33","url":"https:\/\/chupitos.nl\/?page_id=33","name":"Chupitos op Locatie \u2014 Mobiele shotbar - Chupitos","isPartOf":{"@id":"https:\/\/chupitos.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage"},"image":{"@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage"},"thumbnailUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","datePublished":"2026-05-15T12:18:58+00:00","dateModified":"2026-06-01T17:47:25+00:00","breadcrumb":{"@id":"https:\/\/chupitos.nl\/?page_id=33#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chupitos.nl\/?page_id=33"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/?page_id=33#primaryimage","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","width":1200,"height":630,"caption":"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen"},{"@type":"BreadcrumbList","@id":"https:\/\/chupitos.nl\/?page_id=33#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chupitos.nl\/"},{"@type":"ListItem","position":2,"name":"Chupitos op Locatie \u2014 Mobiele shotbar"}]},{"@type":"WebSite","@id":"https:\/\/chupitos.nl\/#website","url":"https:\/\/chupitos.nl\/","name":"Chupitos","description":"House of Shots","publisher":{"@id":"https:\/\/chupitos.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chupitos.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/chupitos.nl\/#organization","name":"Chupitos","url":"https:\/\/chupitos.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","width":2560,"height":2560,"caption":"Chupitos"},"image":{"@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/chupitosutrecht\/","https:\/\/www.instagram.com\/chupitos.amsterdam\/","https:\/\/www.instagram.com\/chupitos.utrecht\/","https:\/\/www.instagram.com\/chupitos.groningen\/"]}]}},"_links":{"self":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":22,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/1152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}