{"id":14392,"date":"2026-10-02T00:55:40","date_gmt":"2026-10-02T00:55:40","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=14392"},"modified":"2026-10-28T06:53:43","modified_gmt":"2026-10-28T06:53:43","slug":"meetingspace","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/meetingspace\/","title":{"rendered":"Meeting space"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"14392\" class=\"data-eoa data-eoa-14392\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ab153e1 layoutID-full e-flex layoutID e-parent\" data-id=\"ab153e1\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a35cf12 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a35cf12\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n<h1 class=\"h1-m splitword l3\">Meeting rooms for focus, conversation and great ideas<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ecc8919 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ecc8919\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t  <p class=\"splitter md\">From client meetings to brainstorms, and from presentations to team sessions, Co-Office makes it easy to book a meeting room that feels professional and works in practice. Everything is ready, so you can focus entirely on the conversation, the people and the outcome.<\/p>\n  \n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-d980291 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"d980291\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n<a href=\"https:\/\/tour.co-office.nl\/\" class=\"buttn-icon-link w-inline-block fading\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Book a tour<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\n     \n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-aa52771 layoutID-full e-flex layoutID e-parent\" data-id=\"aa52771\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dac458f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"dac458f\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\n(function () {\n  const path = window.location.pathname || '\/';\n  const params = new URLSearchParams(window.location.search);\n  const param = (params.get('lang') || params.get('language') || '').toLowerCase();\n  const documentLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  const explicitNl = \/^\\\/(?:nl|nl-nl)(?:\\\/|$)\/i.test(path) || \/^nl(?:[_-]|$)\/i.test(param);\n  const explicitEn = \/^\\\/(?:en|en-us|en-gb)(?:\\\/|$)\/i.test(path) || \/^en(?:[_-]|$)\/i.test(param);\n  if (!explicitNl && (explicitEn || (!param && \/^en(?:[_-]|$)\/i.test(documentLang)))) {\n    document.documentElement.classList.add('comeet2026-en-pending');\n  }\n})();\n<\/script>\n\n<style>\nhtml.comeet2026-en-pending .comeet2026-page { visibility: hidden; }\n\n.comeet2026-page {\n  --co-green: #1e4c3b;\n  --co-sage: #d7e5cc;\n  --co-sand: #f4f2ed;\n  --co-yellow: #f1b650;\n  --co-black: #000000;\n  --co-white: #ffffff;\n  --co-line: rgba(30, 76, 59, 0.16);\n  --co-line-strong: rgba(30, 76, 59, 0.28);\n  --co-muted: rgba(0, 0, 0, 0.62);\n  --co-art: #233f21;\n  --co-radius: .25em;\n  --co-serif: \"Minion Variable Concept\", \"Minion Variable Concept Display\", \"Minion Pro\", Georgia, serif;\n  --co-sans: \"Poppins\", Arial, sans-serif;\n  --co-max: 1520px;\n  --co-side-gutter: 1.5rem;\n  --co-panel-inset: clamp(1.6rem, 3.5vw, 3.3rem);\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  overflow-x: clip;\n  background: var(--co-white);\n  color: var(--co-black);\n  font-family: var(--co-sans) !important;\n  font-weight: 300;\n  font-style: normal;\n}\n\n.comeet2026-page,\n.comeet2026-page * {\n  box-sizing: border-box;\n}\n\n.comeet2026-page h1,\n.comeet2026-page h2,\n.comeet2026-page h3 {\n  margin: 0;\n  font-family: var(--co-serif) !important;\n  font-weight: 400 !important;\n  font-style: normal !important;\n  text-wrap: balance;\n}\n\n.comeet2026-page h1 *,\n.comeet2026-page h2 *,\n.comeet2026-page h3 *,\n.comeet2026-page .comeet2026-title *,\n.comeet2026-page .comeet2026-section-title *,\n.comeet2026-page .comeet2026-atmosphere-label * {\n  font-family: inherit !important;\n}\n\n.comeet2026-page p,\n.comeet2026-page span,\n.comeet2026-page button,\n.comeet2026-page select,\n.comeet2026-page a {\n  font-family: var(--co-sans) !important;\n  font-style: normal;\n}\n\n.comeet2026-page strong {\n  font-weight: 300;\n}\n\n.comeet2026-page h1 .word,\n.comeet2026-page h2 .word,\n.comeet2026-page h3 .word,\n.comeet2026-page h1 .split-parent,\n.comeet2026-page h2 .split-parent,\n.comeet2026-page h3 .split-parent {\n  overflow: visible !important;\n}\n\n.comeet2026-section {\n  width: min(calc(100% - var(--co-side-gutter) - var(--co-side-gutter)), var(--co-max));\n  margin-inline: auto;\n}\n\n.comeet2026-eyebrow {\n  margin: 0 0 1rem;\n  color: var(--co-green);\n  font-size: .78rem;\n  line-height: 1.2;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.comeet2026-title {\n  width: 100%;\n  max-width: 100%;\n  font-size: clamp(2.75rem, 4.4vw, 4.75rem);\n  line-height: .95;\n  letter-spacing: -.035em;\n  text-wrap: balance;\n}\n\n.comeet2026-title-line {\n  display: block;\n  white-space: nowrap;\n}\n\n.comeet2026-section-title {\n  max-width: 34ch;\n  font-size: clamp(2.15rem, 3.15vw, 3.45rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n  text-wrap: balance;\n}\n\n.comeet2026-copy {\n  margin: 0;\n  max-width: 42rem;\n  color: var(--co-muted);\n  font-size: clamp(.98rem, 1.05vw, 1.08rem);\n  line-height: 1.58;\n  font-weight: 300;\n}\n\n.comeet2026-corner-art {\n  position: absolute;\n  z-index: 0;\n  width: clamp(13rem, 20vw, 19rem);\n  height: auto;\n  pointer-events: none;\n  opacity: .25;\n}\n\n.comeet2026-corner-art circle {\n  fill: none;\n  stroke: var(--co-art);\n  vector-effect: non-scaling-stroke;\n}\n\n.comeet2026-action {\n  display: inline-flex;\n  align-items: center;\n  gap: .85rem;\n  width: fit-content;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--co-green);\n  text-decoration: none;\n  cursor: pointer;\n  font-size: .98rem;\n  line-height: 1;\n  font-weight: 300;\n}\n\n.comeet2026-action-circle {\n  width: 2.9rem;\n  height: 2.9rem;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22, 1, .36, 1);\n}\n\n.comeet2026-action-circle svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.comeet2026-action:hover .comeet2026-action-circle,\n.comeet2026-action:focus-visible .comeet2026-action-circle {\n  transform: translateX(.3rem);\n}\n\n.comeet2026-action:focus-visible,\n.comeet2026-filter-chip:focus-visible,\n.comeet2026-room-card:focus-visible,\n.comeet2026-sidepanel-close:focus-visible,\n.comeet2026-sidepanel-external:focus-visible {\n  outline: 2px solid var(--co-yellow);\n  outline-offset: 4px;\n}\n\n.comeet2026-hero {\n  position: relative;\n  min-height: min(82svh, 820px);\n  margin: 1rem auto 0;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  overflow: hidden;\n  background: var(--co-sage);\n  border-radius: var(--co-radius);\n}\n\n.comeet2026-hero-copybox {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: clamp(2rem, 4vw, 4rem) var(--co-panel-inset);\n  overflow: hidden;\n}\n\n.comeet2026-hero-copy {\n  max-width: 35rem;\n  margin-top: 1.75rem;\n  color: rgba(30, 76, 59, .82);\n}\n\n.comeet2026-hero-action {\n  margin-top: 2rem;\n}\n\n.comeet2026-hero-art {\n  left: -4.8rem;\n  bottom: -3rem;\n  width: clamp(14rem, 19vw, 18.5rem);\n}\n\n.comeet2026-hero-media {\n  position: relative;\n  min-height: 42rem;\n  overflow: hidden;\n}\n\n.comeet2026-hero-media img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.comeet2026-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0;\n  height: 30%;\n  background: linear-gradient(to top, rgba(0, 0, 0, .28), transparent);\n  pointer-events: none;\n}\n\n.comeet2026-hero-caption {\n  position: absolute;\n  z-index: 2;\n  left: 1.5rem;\n  right: 1.5rem;\n  bottom: 1.35rem;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n  color: var(--co-white);\n}\n\n.comeet2026-hero-caption span {\n  font-size: .78rem;\n  line-height: 1.35;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.comeet2026-atmosphere {\n  padding: clamp(5rem, 8vw, 8rem) 0 clamp(4rem, 7vw, 7rem);\n}\n\n.comeet2026-atmosphere-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);\n  align-items: end;\n  gap: clamp(2rem, 7vw, 8rem);\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.comeet2026-atmosphere-head .comeet2026-copy {\n  justify-self: end;\n}\n\n.comeet2026-atmosphere-media {\n  display: grid;\n  grid-template-columns: 1.45fr .75fr;\n  gap: 1rem;\n  height: clamp(31rem, 58vw, 52rem);\n}\n\n.comeet2026-atmosphere-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sand);\n}\n\n.comeet2026-atmosphere-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.comeet2026-atmosphere-image:first-child::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0, 0, 0, .28), transparent 42%);\n  pointer-events: none;\n}\n\n.comeet2026-atmosphere-label {\n  position: absolute;\n  z-index: 2;\n  left: 1.25rem;\n  bottom: 1.2rem;\n  max-width: 24ch;\n  color: var(--co-white);\n  font-family: var(--co-serif) !important;\n  font-size: clamp(1.7rem, 2.2vw, 2.6rem);\n  line-height: .98;\n  letter-spacing: -.035em;\n}\n\n.comeet2026-booking {\n  padding: clamp(4rem, 7vw, 7rem) 0 clamp(5rem, 8vw, 8rem);\n}\n\n.comeet2026-booking-shell {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sage);\n  padding: clamp(2rem, 4vw, 4rem) var(--co-panel-inset);\n}\n\n.comeet2026-booking-art {\n  top: -3rem;\n  right: -4rem;\n  width: clamp(14rem, 19vw, 18rem);\n  opacity: .22;\n}\n\n.comeet2026-booking-head {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(17rem, .65fr);\n  align-items: end;\n  gap: clamp(2rem, 7vw, 7rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);\n}\n\n.comeet2026-booking-head .comeet2026-copy {\n  color: rgba(30, 76, 59, .78);\n}\n\n.comeet2026-filters {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1px;\n  margin-bottom: 1.25rem;\n  overflow: hidden;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: var(--co-radius);\n  background: rgba(30, 76, 59, .18);\n}\n\n.comeet2026-filter-block {\n  padding: 1.3rem;\n  background: rgba(255, 255, 255, .72);\n}\n\n.comeet2026-filter-label {\n  display: block;\n  margin: 0 0 1rem;\n  color: var(--co-green);\n  font-size: .73rem;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.comeet2026-filter-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .55rem;\n}\n\n.comeet2026-filter-chip {\n  min-height: 2.5rem;\n  padding: .55rem .85rem;\n  border: 1px solid rgba(30, 76, 59, .2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--co-green);\n  cursor: pointer;\n  font-size: .88rem;\n  line-height: 1;\n  font-weight: 300;\n  transition: background .25s ease, color .25s ease, border-color .25s ease;\n}\n\n.comeet2026-filter-chip:hover,\n.comeet2026-filter-chip.is-active {\n  border-color: var(--co-green);\n  background: var(--co-green);\n  color: var(--co-white);\n}\n\n.comeet2026-filter-meta {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  min-height: 2.5rem;\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.comeet2026-filter-result {\n  margin: 0;\n  color: rgba(30, 76, 59, .66);\n  font-size: .9rem;\n  line-height: 1.35;\n}\n\n.comeet2026-filter-reset {\n  border: 0;\n  background: transparent;\n  color: var(--co-green);\n  padding: 0;\n  cursor: pointer;\n  font-size: .86rem;\n  text-decoration: underline;\n  text-underline-offset: .2em;\n  font-weight: 300;\n}\n\n.comeet2026-filter-reset[hidden] {\n  display: none;\n}\n\n.comeet2026-location-groups {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  gap: clamp(3rem, 6vw, 5rem);\n}\n\n.comeet2026-location-group[hidden],\n.comeet2026-room-card[hidden] {\n  display: none !important;\n}\n\n.comeet2026-location-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-bottom: 1rem;\n  margin-bottom: 1rem;\n  border-bottom: 1px solid rgba(30, 76, 59, .22);\n}\n\n.comeet2026-location-head h3 {\n  color: var(--co-green);\n  font-size: clamp(1.8rem, 2.6vw, 2.85rem);\n  line-height: 1;\n  letter-spacing: -.035em;\n}\n\n.comeet2026-location-count {\n  flex: 0 0 auto;\n  color: rgba(30, 76, 59, .62);\n  font-size: .82rem;\n  line-height: 1;\n}\n\n.comeet2026-room-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.comeet2026-room-card {\n  position: relative;\n  isolation: isolate;\n  min-height: 24rem;\n  padding: clamp(1.3rem, 2.2vw, 2rem);\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: space-between;\n  gap: 2.2rem;\n  overflow: hidden;\n  border: 1px solid rgba(30, 76, 59, .16);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n  color: var(--co-green);\n  text-align: left;\n}\n\nbutton.comeet2026-room-card {\n  appearance: none;\n  cursor: pointer;\n  transition: transform .38s cubic-bezier(.22, 1, .36, 1), border-color .3s ease;\n}\n\nbutton.comeet2026-room-card:hover {\n  transform: translateY(-.3rem);\n  border-color: rgba(30, 76, 59, .42);\n}\n\n.comeet2026-room-card::before {\n  content: none;\n}\n\n.comeet2026-room-art {\n  right: -4rem;\n  bottom: -3.5rem;\n  width: clamp(12rem, 18vw, 16rem);\n  opacity: .14;\n}\n\n.comeet2026-room-art--top {\n  top: -3.5rem;\n  right: -4rem;\n  bottom: auto;\n}\n\n.comeet2026-room-card:nth-child(even) {\n  background: var(--co-sand);\n}\n\n.comeet2026-room-card.is-pending {\n  background: rgba(255, 255, 255, .52);\n}\n\n.comeet2026-room-top {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.comeet2026-room-index {\n  font-size: .76rem;\n  letter-spacing: .08em;\n}\n\n.comeet2026-room-capacity {\n  display: inline-flex;\n  align-items: center;\n  min-height: 2.1rem;\n  padding: .4rem .7rem;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: 999px;\n  font-size: .78rem;\n  line-height: 1;\n}\n\n.comeet2026-room-main {\n  position: relative;\n  z-index: 2;\n  margin-top: auto;\n}\n\n.comeet2026-room-main h3 {\n  color: inherit;\n  font-size: clamp(2.05rem, 2.6vw, 3rem);\n  line-height: .96;\n  letter-spacing: -.04em;\n}\n\n.comeet2026-room-main p {\n  margin: 1rem 0 0;\n  max-width: 28rem;\n  color: rgba(30, 76, 59, .7);\n  font-size: .94rem;\n  line-height: 1.5;\n}\n\n.comeet2026-room-bottom {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-top: 1rem;\n  border-top: 1px solid rgba(30, 76, 59, .16);\n}\n\n.comeet2026-room-action {\n  font-size: .88rem;\n  line-height: 1.2;\n}\n\n.comeet2026-room-arrow {\n  width: 2.7rem;\n  height: 2.7rem;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  background: var(--co-yellow);\n  color: var(--co-green);\n}\n\n.comeet2026-room-arrow svg {\n  width: .9rem;\n  height: .9rem;\n}\n\n.comeet2026-room-card.is-pending .comeet2026-room-arrow {\n  background: transparent;\n  border: 1px solid rgba(30, 76, 59, .2);\n  opacity: .6;\n}\n\n.comeet2026-empty {\n  padding: clamp(2rem, 5vw, 4rem);\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n}\n\n.comeet2026-empty[hidden] {\n  display: none;\n}\n\n.comeet2026-empty h3 {\n  max-width: 24ch;\n  color: var(--co-green);\n  font-size: clamp(2rem, 3.2vw, 3.45rem);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.comeet2026-empty p {\n  margin: 1rem 0 0;\n  color: rgba(30, 76, 59, .7);\n  font-size: .95rem;\n  line-height: 1.5;\n}\n\n.comeet2026-closing {\n  padding: 0 0 clamp(5rem, 8vw, 8rem);\n}\n\n.comeet2026-closing-box {\n  position: relative;\n  min-height: 28rem;\n  padding: clamp(2.5rem, 6vw, 5rem) var(--co-panel-inset);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-green);\n  color: var(--co-white);\n}\n\n.comeet2026-closing-box .comeet2026-eyebrow {\n  color: var(--co-sage);\n}\n\n.comeet2026-closing-box .comeet2026-section-title {\n  color: var(--co-white);\n}\n\n.comeet2026-closing-box .comeet2026-copy {\n  margin-top: 1.4rem;\n  color: rgba(255, 255, 255, .72);\n}\n\n.comeet2026-closing-box .comeet2026-action {\n  margin-top: 2rem;\n  color: var(--co-white);\n}\n\n.comeet2026-closing-art {\n  top: -3rem;\n  right: -4rem;\n  opacity: .18;\n}\n\n.comeet2026-closing-art circle {\n  stroke: #d7e5cc;\n}\n\n.comeet2026-panel-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 9999997;\n  background: rgba(0, 0, 0, .5);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.comeet2026-panel-overlay.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.comeet2026-sidepanel {\n  position: fixed;\n  z-index: 9999998;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(100vw, 1080px);\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--co-white);\n  transform: translateX(102%);\n  visibility: hidden;\n  transition: transform .65s cubic-bezier(.77, 0, .175, 1), visibility .65s;\n}\n\n.comeet2026-sidepanel.is-open {\n  transform: translateX(0);\n  visibility: visible;\n}\n\n.comeet2026-sidepanel-header {\n  min-height: 4.75rem;\n  padding: .85rem 1rem  .85rem 1.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  border-bottom: 1px solid var(--co-line);\n  background: var(--co-white);\n}\n\n.comeet2026-sidepanel-heading {\n  min-width: 0;\n}\n\n.comeet2026-sidepanel-title {\n  display: grid;\n  gap: .2rem;\n}\n\n.comeet2026-sidepanel-title span {\n  color: var(--co-green);\n  font-size: .7rem;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.comeet2026-sidepanel-title strong {\n  overflow: hidden;\n  color: var(--co-black);\n  font-family: var(--co-serif);\n  font-size: 1.32rem;\n  line-height: 1;\n  letter-spacing: -.03em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comeet2026-sidepanel-actions {\n  display: flex;\n  align-items: center;\n  gap: .65rem;\n}\n\n.comeet2026-sidepanel-external {\n  min-height: 2.9rem;\n  padding: 0 .9rem;\n  display: inline-flex;\n  align-items: center;\n  gap: .55rem;\n  border: 1px solid var(--co-line);\n  border-radius: var(--co-radius);\n  background: var(--co-white);\n  color: var(--co-green);\n  text-decoration: none;\n  font-size: .82rem;\n  line-height: 1;\n}\n\n.comeet2026-sidepanel-external svg {\n  width: .9rem;\n  height: .9rem;\n}\n\n.comeet2026-sidepanel-close {\n  width: 2.9rem;\n  height: 2.9rem;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  cursor: pointer;\n}\n\n.comeet2026-sidepanel-close svg {\n  width: 1.1rem;\n  height: 1.1rem;\n}\n\n.comeet2026-sidepanel-frame {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  background: var(--co-white);\n}\n\n.comeet2026-sidepanel-loader {\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: .75rem;\n  background: var(--co-white);\n  color: var(--co-green);\n  text-align: center;\n  transition: opacity .25s ease, visibility .25s ease;\n}\n\n.comeet2026-sidepanel-loader.is-hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.comeet2026-loader-circle {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 1px solid rgba(30, 76, 59, .18);\n  border-top-color: var(--co-yellow);\n  animation: comeet2026-spin .8s linear infinite;\n}\n\n.comeet2026-sidepanel-loader strong {\n  font-family: var(--co-serif);\n  font-size: 1.35rem;\n  font-weight: 400;\n}\n\n.comeet2026-sidepanel-loader span {\n  color: rgba(30, 76, 59, .62);\n  font-size: .82rem;\n}\n\n.comeet2026-sidepanel iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  background: var(--co-white);\n  opacity: 0;\n  transition: opacity .25s ease;\n}\n\n.comeet2026-sidepanel iframe.is-loaded {\n  opacity: 1;\n}\n\nhtml.comeet2026-panel-open,\nbody.comeet2026-panel-open {\n  overflow: hidden !important;\n}\n\n.comeet2026-reveal {\n  opacity: 0;\n  transform: translateY(1rem);\n  transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);\n}\n\n.comeet2026-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@keyframes comeet2026-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (max-width: 1180px) {\n  .comeet2026-room-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 980px) {\n  .comeet2026-hero {\n    min-height: auto;\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-hero-copybox {\n    min-height: 34rem;\n  }\n\n  .comeet2026-hero-media {\n    min-height: 36rem;\n  }\n\n  .comeet2026-atmosphere-head,\n  .comeet2026-booking-head {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-atmosphere-head .comeet2026-copy {\n    justify-self: start;\n  }\n\n  .comeet2026-filters {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 860px) {\n  .comeet2026-filters {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-filter-chips {\n    gap: .45rem;\n  }\n\n  .comeet2026-filter-chip {\n    flex: 0 1 auto;\n  }\n\n  .comeet2026-location-head {\n    align-items: flex-end;\n    flex-wrap: wrap;\n  }\n}\n\n@media (max-width: 760px) {\n  .comeet2026-page {\n    --co-side-gutter: 1rem;\n    --co-panel-inset: 1.25rem;\n  }\n\n  .comeet2026-title {\n    width: 100%;\n    max-width: 100%;\n    font-size: clamp(2.05rem, 8.6vw, 2.65rem);\n    line-height: .97;\n  }\n\n  .comeet2026-title-line {\n    white-space: nowrap;\n  }\n\n  .comeet2026-section-title {\n    max-width: 100%;\n    font-size: clamp(1.95rem, 8vw, 2.6rem);\n    line-height: 1;\n  }\n\n  .comeet2026-hero {\n    margin-top: .75rem;\n  }\n\n  .comeet2026-hero-copybox {\n    min-height: auto;\n    padding: 4.5rem var(--co-panel-inset) 1.5rem;\n  }\n\n  .comeet2026-hero-copy {\n    margin-top: 1.4rem;\n  }\n\n  .comeet2026-hero-media {\n    min-height: 29rem;\n  }\n\n  .comeet2026-hero-caption {\n    left: 1rem;\n    right: 1rem;\n    bottom: 1rem;\n  }\n\n  .comeet2026-atmosphere {\n    padding: 4.5rem 0 3.5rem;\n  }\n\n  .comeet2026-atmosphere-media {\n    grid-template-columns: 1fr;\n    height: auto;\n  }\n\n  .comeet2026-atmosphere-image:first-child {\n    min-height: 31rem;\n  }\n\n  .comeet2026-atmosphere-image:last-child {\n    min-height: 20rem;\n  }\n\n  .comeet2026-booking {\n    padding: 3.5rem 0 5rem;\n  }\n\n  .comeet2026-booking-shell {\n    padding: 1.25rem var(--co-panel-inset);\n  }\n\n  .comeet2026-booking-head {\n    margin-bottom: 2rem;\n  }\n\n  .comeet2026-filter-block {\n    padding: 1rem;\n  }\n\n  .comeet2026-filter-chips {\n    gap: .45rem;\n  }\n\n  .comeet2026-filter-chip {\n    min-height: 2.35rem;\n    padding: .5rem .72rem;\n    font-size: .82rem;\n  }\n\n  .comeet2026-filter-meta {\n    align-items: flex-start;\n  }\n\n  .comeet2026-room-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .comeet2026-room-card {\n    min-height: 20rem;\n  }\n\n  button.comeet2026-room-card:hover {\n    transform: none;\n  }\n\n  .comeet2026-location-head {\n    align-items: flex-end;\n  }\n\n  .comeet2026-closing-box {\n    min-height: 26rem;\n    padding: 2rem var(--co-panel-inset);\n  }\n\n  .comeet2026-sidepanel {\n    width: 100vw;\n  }\n\n  .comeet2026-sidepanel-external span {\n    display: none;\n  }\n\n  .comeet2026-sidepanel-external {\n    width: 2.9rem;\n    padding: 0;\n    justify-content: center;\n  }\n\n  .comeet2026-corner-art {\n    width: 11rem;\n  }\n\n  .comeet2026-room-art {\n    width: 10rem;\n  }\n\n  .comeet2026-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .comeet2026-page *,\n  .comeet2026-page *::before,\n  .comeet2026-page *::after {\n    scroll-behavior: auto !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n\n  .comeet2026-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n<\/style>\n\n<div class=\"comeet2026-page\" lang=\"nl\" data-no-translation>\n\n  <section class=\"comeet2026-section comeet2026-hero\">\n    <div class=\"comeet2026-hero-copybox comeet2026-reveal\">\n      <svg class=\"comeet2026-corner-art comeet2026-hero-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n        <circle cx=\"167.41\" cy=\"124.2\" r=\"115.11\" stroke-width=\".99\"><\/circle>\n        <circle cx=\"59.85\" cy=\"58.78\" r=\"49.56\" stroke-width=\".95\"><\/circle>\n      <\/svg>\n\n      <p class=\"comeet2026-eyebrow\" data-comeet2026-en=\"Meeting rooms\">Vergaderruimtes<\/p>\n\n      <h1 class=\"comeet2026-title\">\n        <span class=\"comeet2026-title-line\" data-comeet2026-en=\"Space for a\">Ruimte voor een<\/span>\n        <span class=\"comeet2026-title-line\" data-comeet2026-en=\"good conversation.\">goed gesprek.<\/span>\n      <\/h1>\n\n      <p class=\"comeet2026-copy comeet2026-hero-copy\" data-comeet2026-en=\"From a client meeting to a team session: at Co-Office you book a well-appointed meeting room in a place where attention, calm and professionalism come together.\">\n        Van een klantgesprek tot een teamsessie. Bij Co-Office boek je een volledig ingerichte vergaderruimte waar rust, aandacht en professionaliteit samenkomen.\n      <\/p>\n\n      <button type=\"button\" class=\"comeet2026-action comeet2026-hero-action\" data-comeet2026-scroll-booking>\n        <span data-comeet2026-en=\"Book a meeting room\">Boek een vergaderruimte<\/span>\n        <span class=\"comeet2026-action-circle\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"comeet2026-hero-media comeet2026-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-image-0-1768513942705.webp\" alt=\"Vergaderruimte bij Co-Office\" data-comeet2026-en-alt=\"Meeting room at Co-Office\">\n      <div class=\"comeet2026-hero-caption\">\n        <span data-comeet2026-en=\"Meeting rooms\">Vergaderruimtes<\/span>\n        <span>Amsterdam<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-atmosphere\">\n    <div class=\"comeet2026-atmosphere-head comeet2026-reveal\">\n      <div>\n        <p class=\"comeet2026-eyebrow\" data-comeet2026-en=\"Atmosphere and space\">Sfeer en ruimte<\/p>\n        <h2 class=\"comeet2026-section-title\" data-comeet2026-en=\"Room for focus and productive discussion.\">Ruimte voor focus en goede gesprekken.<\/h2>\n      <\/div>\n\n      <p class=\"comeet2026-copy\" data-comeet2026-en=\"Quiet rooms, a polished look and everything you need to get started straight away. For meetings, presentations, interviews and team sessions.\">\n        Rustige ruimtes, een verzorgde uitstraling en alles wat je nodig hebt om meteen aan de slag te gaan. Voor vergaderingen, presentaties, sollicitatiegesprekken en teamsessies.\n      <\/p>\n    <\/div>\n\n    <div class=\"comeet2026-atmosphere-media\">\n      <div class=\"comeet2026-atmosphere-image comeet2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-1-1768339594475.webp\" alt=\"Zakelijke vergaderruimte bij Co-Office\" data-comeet2026-en-alt=\"Business meeting room at Co-Office\">\n        <span class=\"comeet2026-atmosphere-label\" data-comeet2026-en=\"Professional, yet warm and welcoming.\">Professioneel, warm en uitnodigend.<\/span>\n      <\/div>\n\n      <div class=\"comeet2026-atmosphere-image comeet2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-2-1768339566177.webp\" alt=\"Vergaderruimte van Co-Office\" data-comeet2026-en-alt=\"Co-Office meeting room\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-booking\" id=\"comeet2026-booking\" aria-labelledby=\"comeet2026-booking-title\">\n    <div class=\"comeet2026-booking-shell\">\n      <svg class=\"comeet2026-corner-art comeet2026-booking-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n        <circle cx=\"124.24\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n        <circle cx=\"237.74\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n      <\/svg>\n\n      <div class=\"comeet2026-booking-head comeet2026-reveal\">\n        <div>\n          <p class=\"comeet2026-eyebrow\" data-comeet2026-en=\"Book your room\">Boek je ruimte<\/p>\n          <h2 class=\"comeet2026-section-title\" id=\"comeet2026-booking-title\" data-comeet2026-en=\"Choose your room and check availability.\">Kies je ruimte en bekijk de beschikbaarheid.<\/h2>\n        <\/div>\n\n        <p class=\"comeet2026-copy\" data-comeet2026-en=\"Select a location or group size. For available rooms, you can open the booking module directly from this page.\">\n          Kies een locatie of groepsgrootte. Voor beschikbare ruimtes open je de boekingsmodule direct vanaf deze pagina.\n        <\/p>\n      <\/div>\n\n      <div class=\"comeet2026-filters comeet2026-reveal\" aria-label=\"Filter vergaderruimtes\" data-comeet2026-en-aria-label=\"Filter meeting rooms\">\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\" data-comeet2026-en=\"Location\">Locatie<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter op locatie\" data-comeet2026-en-aria-label=\"Filter by location\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-location-filter=\"all\" aria-pressed=\"true\" data-comeet2026-en=\"All locations\">Alle locaties<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"pulse\" aria-pressed=\"false\">The Pulse, Zuidas<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"herengracht\" aria-pressed=\"false\" data-comeet2026-en=\"Herengracht, city centre\">Herengracht, centrum<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"adammium\" aria-pressed=\"false\" data-comeet2026-en=\"Adammium, East\">Adammium, Oost<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\" data-comeet2026-en=\"Group size\">Groepsgrootte<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter op groepsgrootte\" data-comeet2026-en-aria-label=\"Filter by group size\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-capacity-filter=\"all\" data-min=\"0\" data-max=\"999\" aria-pressed=\"true\" data-comeet2026-en=\"All\">Alle<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"small\" data-min=\"2\" data-max=\"4\" aria-pressed=\"false\" data-comeet2026-en=\"2\u20134 people\">2\u20134 personen<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"medium\" data-min=\"5\" data-max=\"8\" aria-pressed=\"false\" data-comeet2026-en=\"5\u20138 people\">5\u20138 personen<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"large\" data-min=\"9\" data-max=\"999\" aria-pressed=\"false\" data-comeet2026-en=\"9+ people\">9+ personen<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"comeet2026-filter-meta\" aria-live=\"polite\">\n        <p class=\"comeet2026-filter-result\" data-comeet2026-filter-result data-comeet2026-en=\"5 meeting rooms\">5 vergaderruimtes<\/p>\n        <button type=\"button\" class=\"comeet2026-filter-reset\" data-comeet2026-filter-reset hidden data-comeet2026-en=\"Clear filters\">Filters wissen<\/button>\n      <\/div>\n\n      <div class=\"comeet2026-location-groups\">\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"pulse\" aria-labelledby=\"comeet2026-pulse-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-pulse-title\">The Pulse, Zuidas<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count data-comeet2026-en=\"3 rooms\">3 ruimtes<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"2\"\n              data-capacity-max=\"4\"\n              data-location-name=\"De Kas\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6908e0d6c5ae97e9d21ede27\"\n              aria-haspopup=\"dialog\">\n              <svg class=\"comeet2026-corner-art comeet2026-room-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n                <circle cx=\"168.57\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n                <circle cx=\"55.07\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n              <\/svg>\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">01<\/span>\n                <span class=\"comeet2026-room-capacity\" data-comeet2026-en=\"2\u20134 people\">2\u20134 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Kas<\/h3>\n                <p data-comeet2026-en=\"For a small meeting, intake, interview or one-to-one conversation.\">Voor een klein overleg, intake, sollicitatiegesprek of persoonlijk gesprek.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\" data-comeet2026-en=\"Check availability\">Bekijk beschikbaarheid<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                    <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/button>\n\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"4\"\n              data-capacity-max=\"8\"\n              data-location-name=\"Freddy\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f0e5860cbdc034b9843f\"\n              aria-haspopup=\"dialog\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">02<\/span>\n                <span class=\"comeet2026-room-capacity\" data-comeet2026-en=\"4-8 people\">4-8 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Freddy<\/h3>\n                <p data-comeet2026-en=\"For team meetings, a client meeting or a compact working session.\">Voor teamoverleg, klantgesprekken of een korte werksessie.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\" data-comeet2026-en=\"Check availability\">Bekijk beschikbaarheid<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                    <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/button>\n\n            <button type=\"button\"\n              class=\"comeet2026-room-card\"\n              data-comeet2026-room-card\n data-comeet2026-location\n data-location-key=\"pulse\"\n              data-capacity-min=\"8\"\n              data-capacity-max=\"18\"\n              data-location-name=\"Le Garage\"\n              data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f113860cbdc034b98530\"\n              aria-haspopup=\"dialog\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">03<\/span>\n                <span class=\"comeet2026-room-capacity\" data-comeet2026-en=\"8-18 people\">8-18 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Le Garage<\/h3>\n                <p data-comeet2026-en=\"For larger team sessions, presentations and gatherings.\">Voor grotere teamsessies, presentaties en bijeenkomsten.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\" data-comeet2026-en=\"Check availability\">Bekijk beschikbaarheid<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                    <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/button>\n          <\/div>\n        <\/section>\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"herengracht\" aria-labelledby=\"comeet2026-herengracht-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-herengracht-title\" data-comeet2026-en=\"Herengracht, city centre\">Herengracht, centrum<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count data-comeet2026-en=\"1 room\">1 ruimte<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <article\n              class=\"comeet2026-room-card is-pending\"\n              data-comeet2026-room-card\n data-location-key=\"herengracht\"\n              data-capacity-min=\"1\"\n              data-capacity-max=\"8\">\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">04<\/span>\n                <span class=\"comeet2026-room-capacity\" data-comeet2026-en=\"Up to 8 people\">Tot 8 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Boardroom<\/h3>\n                <p data-comeet2026-en=\"For board meetings, client presentations and private meetings.\">Voor bestuursvergaderingen, klantpresentaties en besloten besprekingen.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\" data-comeet2026-en=\"Online booking coming soon\">Binnenkort online te boeken<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/article>\n          <\/div>\n        <\/section>\n\n        <section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"adammium\" aria-labelledby=\"comeet2026-adammium-title\">\n          <div class=\"comeet2026-location-head\">\n            <h3 id=\"comeet2026-adammium-title\" data-comeet2026-en=\"Adammium, East\">Adammium, Oost<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count data-comeet2026-en=\"1 room\">1 ruimte<\/span>\n          <\/div>\n\n          <div class=\"comeet2026-room-grid\">\n            <article\n              class=\"comeet2026-room-card is-pending\"\n              data-comeet2026-room-card\n data-location-key=\"adammium\"\n              data-capacity-min=\"1\"\n              data-capacity-max=\"6\">\n              <svg class=\"comeet2026-corner-art comeet2026-room-art comeet2026-room-art--top\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n                <circle cx=\"124.24\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n                <circle cx=\"237.74\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n              <\/svg>\n              <span class=\"comeet2026-room-top\">\n                <span class=\"comeet2026-room-index\">05<\/span>\n                <span class=\"comeet2026-room-capacity\" data-comeet2026-en=\"Up to 6 people\">Tot 6 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Arena<\/h3>\n                <p data-comeet2026-en=\"For team meetings, interviews and compact working sessions.\">Voor teamoverleg, sollicitatiegesprekken en korte werksessies.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\" data-comeet2026-en=\"Online booking coming soon\">Binnenkort online te boeken<\/span>\n                <span class=\"comeet2026-room-arrow\" aria-hidden=\"true\">\n                  <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                  <\/svg>\n                <\/span>\n              <\/span>\n            <\/article>\n          <\/div>\n        <\/section>\n\n      <\/div>\n\n      <div class=\"comeet2026-empty\" data-comeet2026-empty hidden>\n        <h3 data-comeet2026-en=\"No matching room found.\">Geen passende ruimte gevonden.<\/h3>\n        <p data-comeet2026-en=\"Try a different location or group size.\">Probeer een andere locatie of groepsgrootte.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"comeet2026-section comeet2026-closing\">\n    <div class=\"comeet2026-closing-box comeet2026-reveal\">\n      <svg class=\"comeet2026-corner-art comeet2026-closing-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n        <circle cx=\"164.51\" cy=\"124.73\" r=\"107.5\" stroke-width=\".93\"><\/circle>\n        <circle cx=\"61.89\" cy=\"182.13\" r=\"46.29\" stroke-width=\".89\"><\/circle>\n      <\/svg>\n\n      <p class=\"comeet2026-eyebrow\" data-comeet2026-en=\"Meeting at Co-Office\">Vergaderen bij Co-Office<\/p>\n      <h2 class=\"comeet2026-section-title\" data-comeet2026-en=\"Ready for your next meeting?\">Klaar voor je volgende vergadering?<\/h2>\n      <p class=\"comeet2026-copy\" data-comeet2026-en=\"Browse the rooms above and check availability for the one that suits your meeting.\">Bekijk de ruimtes hierboven en controleer de beschikbaarheid van de ruimte die bij jouw bijeenkomst past.<\/p>\n\n      <button type=\"button\" class=\"comeet2026-action\" data-comeet2026-scroll-booking>\n        <span data-comeet2026-en=\"Book a meeting room\">Boek een vergaderruimte<\/span>\n        <span class=\"comeet2026-action-circle\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <div class=\"comeet2026-panel-overlay\" data-comeet2026-panel-overlay><\/div>\n\n  <aside class=\"comeet2026-sidepanel\"\n    data-comeet2026-sidepanel\n role=\"dialog\"\n    aria-modal=\"true\"\n    aria-hidden=\"true\"\n    aria-labelledby=\"comeet2026-panel-title\">\n\n    <div class=\"comeet2026-sidepanel-header\">\n      <div class=\"comeet2026-sidepanel-heading\">\n        <div class=\"comeet2026-sidepanel-title\">\n          <span data-comeet2026-en=\"Book a meeting room\">Boek een vergaderruimte<\/span>\n          <strong id=\"comeet2026-panel-title\" data-comeet2026-panel-title data-comeet2026-en=\"Select a room\">Selecteer een ruimte<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"comeet2026-sidepanel-actions\">\n        <a class=\"comeet2026-sidepanel-external\"\n          data-comeet2026-panel-external\n href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Open boeking in een nieuw tabblad\" data-comeet2026-en-aria-label=\"Open booking in a new tab\">\n          <span data-comeet2026-en=\"Open full screen\">Open volledig scherm<\/span>\n          <svg viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M6 3H3V13H13V10\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <path d=\"M9 3H13V7\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <path d=\"M7 9L13 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/a>\n\n        <button type=\"button\" class=\"comeet2026-sidepanel-close\" data-comeet2026-close-panel aria-label=\"Sluit boekingspaneel\" data-comeet2026-en-aria-label=\"Close booking panel\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"comeet2026-sidepanel-frame\" data-comeet2026-iframe-holder>\n      <div class=\"comeet2026-sidepanel-loader\" data-comeet2026-loader aria-live=\"polite\">\n        <div class=\"comeet2026-loader-circle\" aria-hidden=\"true\"><\/div>\n        <strong data-comeet2026-loader-title data-comeet2026-en=\"Loading availability\">Beschikbaarheid laden<\/strong>\n        <span data-comeet2026-en=\"Just a moment.\">Een ogenblik.<\/span>\n      <\/div>\n    <\/div>\n  <\/aside>\n\n<\/div>\n\n<script>\n(function () {\n  const root = document.querySelector('.comeet2026-page');\n  if (!root) return;\n\n  const path = window.location.pathname || '\/';\n  const params = new URLSearchParams(window.location.search);\n  const languageParam = (params.get('lang') || params.get('language') || '').toLowerCase();\n  const documentLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\n  const explicitNl = \/^\\\/(?:nl|nl-nl)(?:\\\/|$)\/i.test(path) || \/^nl(?:[_-]|$)\/i.test(languageParam);\n  const explicitEn = \/^\\\/(?:en|en-us|en-gb)(?:\\\/|$)\/i.test(path) || \/^en(?:[_-]|$)\/i.test(languageParam);\n  const isEnglish = !explicitNl && (\n    explicitEn ||\n    (!languageParam && \/^en(?:[_-]|$)\/i.test(documentLang))\n  );\n\n  root.setAttribute('lang', isEnglish ? 'en' : 'nl');\n\n  if (isEnglish) {\n    root.querySelectorAll('[data-comeet2026-en]').forEach(function (dynamic) {\n      dynamic.textContent = dynamic.getAttribute('data-comeet2026-en');\n    });\n\n    root.querySelectorAll('[data-comeet2026-en-aria-label]').forEach(function (dynamic) {\n      dynamic.setAttribute('aria-label', dynamic.getAttribute('data-comeet2026-en-aria-label'));\n    });\n\n    root.querySelectorAll('[data-comeet2026-en-alt]').forEach(function (dynamic) {\n      dynamic.setAttribute('alt', dynamic.getAttribute('data-comeet2026-en-alt'));\n    });\n  }\n\n  document.documentElement.classList.remove('comeet2026-en-pending');\n})();\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const root = document.querySelector('.comeet2026-page');\n  if (!root) return;\n\n  const isEnglish = root.getAttribute('lang') === 'en';\n  const locale = isEnglish ? {\n    singularRoom: 'meeting room',\n    pluralRoom: 'meeting rooms',\n    singularShort: 'room',\n    pluralShort: 'rooms',\n    iframeTitle: 'Book a Co-Office meeting room',\n    roomFallback: 'Meeting room',\n    openInNewTab: 'Open booking for ',\n    openInNewTabSuffix: ' in a new tab',\n    loading: 'Loading '\n  } : {\n    singularRoom: 'vergaderruimte',\n    pluralRoom: 'vergaderruimtes',\n    singularShort: 'ruimte',\n    pluralShort: 'ruimtes',\n    iframeTitle: 'Boek een vergaderruimte bij Co-Office',\n    roomFallback: 'Vergaderruimte',\n    openInNewTab: 'Open boeking voor ',\n    openInNewTabSuffix: ' in een nieuw tabblad',\n    loading: 'Laden: '\n  };\n\n  const bookingSection = root.querySelector('#comeet2026-booking');\n  const scrollButtons = root.querySelectorAll('[data-comeet2026-scroll-booking]');\n\n  scrollButtons.forEach(function (button) {\n    button.addEventListener('click', function () {\n      if (!bookingSection) return;\n\n      bookingSection.scrollIntoView({\n        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n        block: 'start'\n      });\n    });\n  });\n\n  const revealItems = root.querySelectorAll('.comeet2026-reveal');\n  const isMobile = window.matchMedia('(max-width: 760px)').matches;\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (isMobile || reduceMotion || !('IntersectionObserver' in window)) {\n    revealItems.forEach(function (item) {\n      item.classList.add('is-visible');\n    });\n  } else {\n    const revealObserver = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('is-visible');\n        revealObserver.unobserve(entry.target);\n      });\n    }, {\n      threshold: .12,\n      rootMargin: '0px 0px -4% 0px'\n    });\n\n    revealItems.forEach(function (item) {\n      revealObserver.observe(item);\n    });\n  }\n\n  const locationFilters = Array.from(root.querySelectorAll('[data-comeet2026-location-filter]'));\n  const capacityFilters = Array.from(root.querySelectorAll('[data-comeet2026-capacity-filter]'));\n  const roomCards = Array.from(root.querySelectorAll('[data-comeet2026-room-card]'));\n  const locationGroups = Array.from(root.querySelectorAll('[data-comeet2026-location-group]'));\n  const filterResult = root.querySelector('[data-comeet2026-filter-result]');\n  const filterReset = root.querySelector('[data-comeet2026-filter-reset]');\n  const emptyState = root.querySelector('[data-comeet2026-empty]');\n\n  let selectedLocation = 'all';\n  let selectedCapacity = {\n    key: 'all',\n    min: 0,\n    max: 999\n  };\n\n  function setActiveFilter(buttons, activeButton) {\n    buttons.forEach(function (button) {\n      const isActive = button === activeButton;\n      button.classList.toggle('is-active', isActive);\n      button.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n    });\n  }\n\n  function roomMatchesCapacity(card) {\n    if (selectedCapacity.key === 'all') return true;\n\n    const roomMin = Number(card.getAttribute('data-capacity-min') || 0);\n    const roomMax = Number(card.getAttribute('data-capacity-max') || 999);\n\n    return roomMax >= selectedCapacity.min && roomMin <= selectedCapacity.max;\n  }\n\n  function pluralRooms(count) {\n    return count + ' ' + (count === 1 ? locale.singularRoom : locale.pluralRoom);\n  }\n\n  function updateFilters() {\n    let visibleCount = 0;\n\n    roomCards.forEach(function (card) {\n      const locationKey = card.getAttribute('data-location-key') || '';\n      const locationMatch = selectedLocation === 'all' || selectedLocation === locationKey;\n      const capacityMatch = roomMatchesCapacity(card);\n      const visible = locationMatch && capacityMatch;\n\n      card.hidden = !visible;\n\n      if (visible) {\n        visibleCount += 1;\n      }\n    });\n\n    locationGroups.forEach(function (group) {\n      const visibleCards = Array.from(group.querySelectorAll('[data-comeet2026-room-card]')).filter(function (card) {\n        return !card.hidden;\n      });\n\n      const count = group.querySelector('[data-comeet2026-group-count]');\n\n      group.hidden = visibleCards.length === 0;\n\n      if (count) {\n        count.textContent = visibleCards.length + ' ' + (visibleCards.length === 1 ? locale.singularShort : locale.pluralShort);\n      }\n    });\n\n    if (filterResult) {\n      filterResult.textContent = pluralRooms(visibleCount);\n    }\n\n    if (emptyState) {\n      emptyState.hidden = visibleCount !== 0;\n    }\n\n    if (filterReset) {\n      filterReset.hidden = selectedLocation === 'all' && selectedCapacity.key === 'all';\n    }\n  }\n\n  locationFilters.forEach(function (button) {\n    button.addEventListener('click', function () {\n      selectedLocation = button.getAttribute('data-comeet2026-location-filter') || 'all';\n      setActiveFilter(locationFilters, button);\n      updateFilters();\n    });\n  });\n\n  capacityFilters.forEach(function (button) {\n    button.addEventListener('click', function () {\n      selectedCapacity = {\n        key: button.getAttribute('data-comeet2026-capacity-filter') || 'all',\n        min: Number(button.getAttribute('data-min') || 0),\n        max: Number(button.getAttribute('data-max') || 999)\n      };\n\n      setActiveFilter(capacityFilters, button);\n      updateFilters();\n    });\n  });\n\n  if (filterReset) {\n    filterReset.addEventListener('click', function () {\n      const defaultLocation = locationFilters.find(function (button) {\n        return button.getAttribute('data-comeet2026-location-filter') === 'all';\n      });\n\n      const defaultCapacity = capacityFilters.find(function (button) {\n        return button.getAttribute('data-comeet2026-capacity-filter') === 'all';\n      });\n\n      selectedLocation = 'all';\n      selectedCapacity = {\n        key: 'all',\n        min: 0,\n        max: 999\n      };\n\n      if (defaultLocation) setActiveFilter(locationFilters, defaultLocation);\n      if (defaultCapacity) setActiveFilter(capacityFilters, defaultCapacity);\n\n      updateFilters();\n    });\n  }\n\n  updateFilters();\n\n  const panel = document.querySelector('[data-comeet2026-sidepanel]');\n  const overlay = document.querySelector('[data-comeet2026-panel-overlay]');\n  const closeButton = document.querySelector('[data-comeet2026-close-panel]');\n  const iframeHolder = document.querySelector('[data-comeet2026-iframe-holder]');\n  const loader = document.querySelector('[data-comeet2026-loader]');\n  const loaderTitle = document.querySelector('[data-comeet2026-loader-title]');\n  const panelTitle = document.querySelector('[data-comeet2026-panel-title]');\n  const panelExternal = document.querySelector('[data-comeet2026-panel-external]');\n  const bookingButtons = root.querySelectorAll('[data-comeet2026-location]');\n\n  let bookingIframe = null;\n  let lastFocusedElement = null;\n  let lockedScrollPosition = 0;\n\n  function lockScroll() {\n    lockedScrollPosition = window.scrollY || window.pageYOffset || 0;\n\n    document.documentElement.classList.add('comeet2026-panel-open');\n    document.body.classList.add('comeet2026-panel-open');\n    document.body.style.position = 'fixed';\n    document.body.style.top = '-' + lockedScrollPosition + 'px';\n    document.body.style.left = '0';\n    document.body.style.right = '0';\n    document.body.style.width = '100%';\n  }\n\n  function unlockScroll() {\n    document.documentElement.classList.remove('comeet2026-panel-open');\n    document.body.classList.remove('comeet2026-panel-open');\n    document.body.style.position = '';\n    document.body.style.top = '';\n    document.body.style.left = '';\n    document.body.style.right = '';\n    document.body.style.width = '';\n    window.scrollTo(0, lockedScrollPosition);\n  }\n\n  function getIframe() {\n    if (bookingIframe || !iframeHolder) return bookingIframe;\n\n    bookingIframe = document.createElement('iframe');\n    bookingIframe.title = locale.iframeTitle;\n    bookingIframe.setAttribute('loading', 'eager');\n    bookingIframe.setAttribute('allow', 'payment *; clipboard-write; fullscreen');\n    bookingIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\n\n    bookingIframe.addEventListener('load', function () {\n      bookingIframe.classList.add('is-loaded');\n\n      if (loader) {\n        loader.classList.add('is-hidden');\n      }\n    });\n\n    iframeHolder.appendChild(bookingIframe);\n\n    return bookingIframe;\n  }\n\n  function openPanel(button) {\n    if (!panel || !overlay) return;\n\n    const bookingUrl = button.getAttribute('data-location-url') || '';\n    const roomName = button.getAttribute('data-location-name') || locale.roomFallback;\n\n    if (!bookingUrl) return;\n\n    lastFocusedElement = button;\n\n    if (panelTitle) {\n      panelTitle.textContent = roomName;\n    }\n\n    if (panelExternal) {\n      panelExternal.href = bookingUrl;\n      panelExternal.setAttribute('aria-label', locale.openInNewTab + roomName + locale.openInNewTabSuffix);\n    }\n\n    if (loaderTitle) {\n      loaderTitle.textContent = locale.loading + roomName;\n    }\n\n    if (loader) {\n      loader.classList.remove('is-hidden');\n    }\n\n    const iframe = getIframe();\n\n    if (iframe) {\n      iframe.classList.remove('is-loaded');\n\n      if (iframe.src !== bookingUrl) {\n        iframe.src = bookingUrl;\n      } else {\n        iframe.classList.add('is-loaded');\n\n        if (loader) {\n          loader.classList.add('is-hidden');\n        }\n      }\n    }\n\n    lockScroll();\n\n    panel.classList.add('is-open');\n    overlay.classList.add('is-open');\n    panel.setAttribute('aria-hidden', 'false');\n\n    window.setTimeout(function () {\n      if (closeButton) {\n        closeButton.focus({ preventScroll: true });\n      }\n    }, 120);\n  }\n\n  function closePanel() {\n    if (!panel || !overlay || !panel.classList.contains('is-open')) return;\n\n    panel.classList.remove('is-open');\n    overlay.classList.remove('is-open');\n    panel.setAttribute('aria-hidden', 'true');\n\n    window.setTimeout(function () {\n      unlockScroll();\n\n      if (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\n        lastFocusedElement.focus({ preventScroll: true });\n      }\n    }, 650);\n  }\n\n  bookingButtons.forEach(function (button) {\n    button.addEventListener('click', function () {\n      openPanel(button);\n    });\n  });\n\n  if (closeButton) {\n    closeButton.addEventListener('click', closePanel);\n  }\n\n  if (overlay) {\n    overlay.addEventListener('click', closePanel);\n  }\n\n  document.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape') {\n      closePanel();\n      return;\n    }\n\n    if (event.key !== 'Tab' || !panel || !panel.classList.contains('is-open')) {\n      return;\n    }\n\n    const focusable = Array.from(panel.querySelectorAll('a[href], button:not([disabled]), iframe, [tabindex]:not([tabindex=\"-1\"])')).filter(function (dynamic) {\n      return dynamic.offsetParent !== null;\n    });\n\n    if (!focusable.length) return;\n\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vergaderruimtes voor focus, gesprekken en goede idee\u00ebn Van klantmeeting tot brainstorm en van presentatie tot teamsessie, bij Co-Office boek je eenvoudig een vergaderruimte die professioneel voelt en praktisch werkt. Alles staat klaar, zodat jij je volledig kunt richten op het gesprek, de mensen en het resultaat. Plan een rondleiding Vergaderruimtes Ruimte voor een goed gesprek. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/comments?post=14392"}],"version-history":[{"count":25,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions"}],"predecessor-version":[{"id":14717,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions\/14717"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=14392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}