{"id":865,"date":"2026-05-16T17:46:56","date_gmt":"2026-05-16T17:46:56","guid":{"rendered":"https:\/\/chupitos.nl\/?page_id=865"},"modified":"2026-06-01T17:47:27","modified_gmt":"2026-06-01T17:47:27","slug":"utrecht","status":"publish","type":"page","link":"https:\/\/chupitos.nl\/?page_id=865","title":{"rendered":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat<\/title>\n  <meta name=\"description\" content=\"Chupitos Utrecht: de eerste shotbar van Utrecht. 150+ shots, vuur en signature drinks aan de Loeff Berchmakerstraat 10, in de binnenstad.\">\n  <link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?pagename=utrecht\">\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&#038;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\" class=\"is-active\">Vestigingen<\/a><\/li>\n        <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n        <li><a href=\"\/?pagename=op-locatie\">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\">In het hart van de Domstad<\/span>\n    <h1>Chupitos Utrecht<br><span class=\"accent\">De eerste shotbar van de stad<\/span><\/h1>\n    <p>In het voormalige U Rock Caf\u00e9 aan de Loeff Berchmakerstraat 10. Midden in de Utrechtse binnenstad, op steenworp afstand van de Neude en de Domtoren.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"vestiging-detail\">\n      <div>\n        <h2>Adres &amp; bereikbaarheid<\/h2>\n        <div class=\"detail-block\">\n          <span class=\"icon\">\ud83d\udccd<\/span>\n          <div>\n            <span class=\"label\">Adres<\/span>\n            <span class=\"value\"><strong>Loeff Berchmakerstraat 10<\/strong><br>3512 RA Utrecht<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"detail-block\">\n          <span class=\"icon\">\ud83d\ude8a<\/span>\n          <div>\n            <span class=\"label\">Openbaar vervoer<\/span>\n            <span class=\"value\">Centraal Station Utrecht &mdash; 10 minuten lopen via Lange Viestraat.<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"detail-block\">\n          <span class=\"icon\">\ud83c\udd7f\ufe0f<\/span>\n          <div>\n            <span class=\"label\">Parkeren<\/span>\n            <span class=\"value\">Parkeergarage La Vie of Springweg.<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"detail-block\">\n          <span class=\"icon\">\u2709\ufe0f<\/span>\n          <div>\n            <span class=\"label\">Email<\/span>\n            <span class=\"value\"><a href=\"mailto:info@chupitos.nl\">info@chupitos.nl<\/a><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"detail-block\">\n          <span class=\"icon\">\ud83d\udcf1<\/span>\n          <div>\n            <span class=\"label\">Instagram<\/span>\n            <span class=\"value\"><a href=\"https:\/\/www.instagram.com\/chupitos.utrecht\/\" target=\"_blank\" rel=\"noopener\">@chupitos.utrecht<\/a><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"map-embed\">\n          <iframe src=\"https:\/\/maps.google.com\/maps?q=Loeff+Berchmakerstraat+10+Utrecht&#038;hl=nl&#038;output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Chupitos Utrecht op Google Maps\"><\/iframe>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"schedule-card\">\n          <h3>Openingstijden<\/h3>\n          <div class=\"schedule-list\">\n            <div class=\"schedule-row\"><div><span class=\"day\">Dinsdag<\/span><\/div><span class=\"hours\">22:00 &#8211; 04:00<\/span><\/div>\n            <div class=\"schedule-row\"><div><span class=\"day\">Woensdag<\/span><\/div><span class=\"hours\">22:00 &#8211; 04:00<\/span><\/div>\n            <div class=\"schedule-row\"><div><span class=\"day\">Donderdag<\/span><\/div><span class=\"hours\">22:00 &#8211; 05:00<\/span><\/div>\n            <div class=\"schedule-row\"><div><span class=\"day\">Vrijdag<\/span><\/div><span class=\"hours\">22:00 &#8211; 05:00<\/span><\/div>\n            <div class=\"schedule-row\"><div><span class=\"day\">Zaterdag<\/span><\/div><span class=\"hours\">22:00 &#8211; 05:00<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"events-card\">\n          <h3>Wat te verwachten bij Chupitos Utrecht<\/h3>\n          <p>Utrecht was de derde stad in de Chupitos-familie en de eerste echte shotbar van de stad. Geen kroeg met shots als bijgerecht &mdash; een bar waar shots de hoofdrol spelen. Vuur op de bar, 150+ shots op de kaart, en bartenders die het concept van &#8220;saaie tequila&#8221; actief uit Utrecht proberen te verbannen. Studenten-favoriet voor vrijgezellenfeesten en afstudeerborrels, met late uren tot 05:00 in het weekend.<\/p>\n        <\/div>\n      <\/div>\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\">Onze populairste shots in Utrecht<\/span>\n      <h2>Signature shots<\/h2>\n    <\/div>\n    <div class=\"dna-grid\">\n      <div class=\"dna-item\"><h3>Headbanger<\/h3><p>Meest bestelde shot op vrijdagavond.<\/p><\/div>\n      <div class=\"dna-item\"><h3>Harry Potter<\/h3><p>De klassieker met vuur.<\/p><\/div>\n      <div class=\"dna-item\"><h3>Chemistry<\/h3><p>Kleurverandering aan de bar.<\/p><\/div>\n      <div class=\"dna-item\"><h3>Black Energy<\/h3><p>Koffie + energy + vuur.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"cta-card\">\n      <h2>Groepen, vrijgezellen en bedrijfsuitjes<\/h2>\n      <p>Chupitos Utrecht is een van de populairste plekken in de stad voor vrijgezellenfeesten en groepsavonden. Voor groepen vanaf 8 personen kunnen we een hoek reserveren of een shotproeverij regelen.<\/p>\n      <div class=\"ctas\">\n        <a class=\"btn btn-primary\" href=\"mailto:info@chupitos.nl?subject=Groepsreservering%20Utrecht\">&#9993; Mail info@chupitos.nl<\/a>\n        <a class=\"btn btn-outline\" href=\"\/?pagename=op-locatie\">Of laat Chupitos naar jou komen &rarr;<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Veelgestelde vragen<\/span>\n      <h2>FAQ Chupitos Utrecht<\/h2>\n    <\/div>\n    <div class=\"faq-list\">\n      <details class=\"faq-item\"><summary>Waar vind ik Chupitos Utrecht?<\/summary><p>Aan de Loeff Berchmakerstraat 10, in de Utrechtse binnenstad, 10 minuten lopen van Utrecht Centraal.<\/p><\/details>\n      <details class=\"faq-item\"><summary>Wat zijn de openingstijden?<\/summary><p>Dinsdag tot en met zaterdag van 22:00 tot 04:00 (do\/vr\/za tot 05:00). Zondag en maandag gesloten.<\/p><\/details>\n      <details class=\"faq-item\"><summary>Kun je reserveren in Utrecht?<\/summary><p>Voor losse drankjes niet nodig. Voor groepen vanaf 8 personen handig &mdash; mail info@chupitos.nl.<\/p><\/details>\n      <details class=\"faq-item\"><summary>Is er een minimumleeftijd?<\/summary><p>18+ met geldig ID. Wordt streng gecontroleerd aan de deur.<\/p><\/details>\n      <details class=\"faq-item\"><summary>Hebben jullie ook iets anders dan shots?<\/summary><p>Ja &mdash; volledige drankenkaart met cocktails, bier en frisdrank. Maar je komt voor de shots.<\/p><\/details>\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 &mdash; 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\">&copy; 2026 Chupitos &mdash; House of Shots. Alle rechten voorbehouden.<\/div>\n  <\/div>\n<\/footer>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"BarOrPub\",\n  \"@id\": \"https:\/\/chupitos.nl\/?pagename=utrecht#bar\",\n  \"name\": \"Chupitos Utrecht\",\n  \"image\": [\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\"],\n  \"url\": \"https:\/\/chupitos.nl\/?pagename=utrecht\",\n  \"email\": \"info@chupitos.nl\",\n  \"priceRange\": \"\u20ac\u20ac\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"Loeff Berchmakerstraat 10\",\n    \"addressLocality\": \"Utrecht\",\n    \"postalCode\": \"3512 RA\",\n    \"addressCountry\": \"NL\"\n  },\n  \"geo\": {\"@type\": \"GeoCoordinates\", \"latitude\": 52.0936, \"longitude\": 5.1188},\n  \"openingHoursSpecification\": [\n    {\"@type\": \"OpeningHoursSpecification\", \"dayOfWeek\": [\"Tuesday\",\"Wednesday\"], \"opens\": \"22:00\", \"closes\": \"04:00\"},\n    {\"@type\": \"OpeningHoursSpecification\", \"dayOfWeek\": [\"Thursday\",\"Friday\",\"Saturday\"], \"opens\": \"22:00\", \"closes\": \"05:00\"}\n  ],\n  \"servesCuisine\": \"Cocktails, Shots\",\n  \"acceptsReservations\": \"True\",\n  \"sameAs\": [\n    \"https:\/\/www.instagram.com\/chupitos.utrecht\/\",\n    \"https:\/\/www.facebook.com\/chupitosutrecht\/\",\n    \"https:\/\/www.yelp.com\/biz\/chupitos-shooter-bar-utrecht\"\n  ]\n}\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\"@type\": \"Question\", \"name\": \"Waar vind ik Chupitos Utrecht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Aan de Loeff Berchmakerstraat 10, in de Utrechtse binnenstad, 10 minuten lopen van Utrecht Centraal.\"}},\n    {\"@type\": \"Question\", \"name\": \"Wat zijn de openingstijden van Chupitos Utrecht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Dinsdag tot en met zaterdag van 22:00 tot 04:00 (do\/vr\/za tot 05:00). Zondag en maandag gesloten.\"}},\n    {\"@type\": \"Question\", \"name\": \"Kun je reserveren in Utrecht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Voor losse drankjes niet nodig. Voor groepen vanaf 8 personen handig \u2014 mail info@chupitos.nl.\"}},\n    {\"@type\": \"Question\", \"name\": \"Is er een minimumleeftijd bij Chupitos Utrecht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"18+ met geldig ID. Wordt streng gecontroleerd aan de deur.\"}}\n  ]\n}\n<\/script>\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 Utrecht \u2014 Shotbar Loeff Berchmakerstraat Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact In het hart van de Domstad Chupitos UtrechtDe eerste shotbar van de stad In het voormalige U Rock Caf\u00e9 aan de Loeff Berchmakerstraat 10. Midden in de Utrechtse binnenstad, op steenworp afstand van de Neude en de Domtoren. [&hellip;]<\/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-865","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - 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=865\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - Chupitos\" \/>\n<meta property=\"og:description\" content=\"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact In het hart van de Domstad Chupitos UtrechtDe eerste shotbar van de stad In het voormalige U Rock Caf\u00e9 aan de Loeff Berchmakerstraat 10. Midden in de Utrechtse binnenstad, op steenworp afstand van de Neude en de Domtoren. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chupitos.nl\/?page_id=865\" \/>\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:27+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=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865\",\"name\":\"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - Chupitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"datePublished\":\"2026-05-16T17:46:56+00:00\",\"dateModified\":\"2026-06-01T17:47:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chupitos.nl\\\/?page_id=865\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=865#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=865#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chupitos.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - 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=865","og_locale":"nl_NL","og_type":"article","og_title":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - Chupitos","og_description":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact In het hart van de Domstad Chupitos UtrechtDe eerste shotbar van de stad In het voormalige U Rock Caf\u00e9 aan de Loeff Berchmakerstraat 10. Midden in de Utrechtse binnenstad, op steenworp afstand van de Neude en de Domtoren. [&hellip;]","og_url":"https:\/\/chupitos.nl\/?page_id=865","og_site_name":"Chupitos","article_publisher":"https:\/\/www.facebook.com\/chupitosutrecht\/","article_modified_time":"2026-06-01T17:47:27+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":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chupitos.nl\/?page_id=865","url":"https:\/\/chupitos.nl\/?page_id=865","name":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat - Chupitos","isPartOf":{"@id":"https:\/\/chupitos.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chupitos.nl\/?page_id=865#primaryimage"},"image":{"@id":"https:\/\/chupitos.nl\/?page_id=865#primaryimage"},"thumbnailUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","datePublished":"2026-05-16T17:46:56+00:00","dateModified":"2026-06-01T17:47:27+00:00","breadcrumb":{"@id":"https:\/\/chupitos.nl\/?page_id=865#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chupitos.nl\/?page_id=865"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/?page_id=865#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=865#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chupitos.nl\/"},{"@type":"ListItem","position":2,"name":"Chupitos Utrecht \u2014 Shotbar Loeff Berchmakerstraat"}]},{"@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\/865","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=865"}],"version-history":[{"count":9,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":1155,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions\/1155"}],"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=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}