{"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-02T01:02:29","modified_gmt":"2026-10-02T01:02:29","slug":"vergaderruimte","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/vergaderruimte\/","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\">Vergaderruimtes voor focus, gesprekken en goede idee\u00ebn<\/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\">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.<\/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:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" \n   class=\"buttn-icon-link w-inline-block fading\" \n   target=\"_blank\" \n   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<style>\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  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(100vw - 3rem), 1520px);\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  width: min(calc(100vw - 2rem), 1600px);\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);\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);\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);\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-section {\n    width: 92vw;\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 1.25rem 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;\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 1.5rem;\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\">\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\">Meeting rooms<\/p>\n\n      <h1 class=\"comeet2026-title\">\n        <span class=\"comeet2026-title-line\">Ruimte voor een<\/span>\n        <span class=\"comeet2026-title-line\">goed gesprek.<\/span>\n      <\/h1>\n\n      <p class=\"comeet2026-copy comeet2026-hero-copy\">\n        Van een klantgesprek tot een teamsessie. Bij Co-Office boek je een verzorgde vergaderruimte op een plek waar aandacht, rust en professionaliteit samenkomen.\n      <\/p>\n\n      <button type=\"button\" class=\"comeet2026-action comeet2026-hero-action\" data-comeet2026-scroll-booking>\n        <span>Boek een vergadering<\/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\">\n      <div class=\"comeet2026-hero-caption\">\n        <span>Meeting rooms<\/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\">Sfeer en ruimte<\/p>\n        <h2 class=\"comeet2026-section-title\">Ruimte voor aandacht en goed overleg.<\/h2>\n      <\/div>\n\n      <p class=\"comeet2026-copy\">\n        Rustige ruimtes, een verzorgde uitstraling en alles wat je nodig hebt om direct te beginnen. Voor overleg, presentaties, interviews 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\">\n        <span class=\"comeet2026-atmosphere-label\">Professioneel zonder afstandelijk te worden.<\/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=\"Co-Office meetingruimte\">\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\">Boek je ruimte<\/p>\n          <h2 class=\"comeet2026-section-title\" id=\"comeet2026-booking-title\">Kies je ruimte en bekijk beschikbaarheid.<\/h2>\n        <\/div>\n\n        <p class=\"comeet2026-copy\">\n          Selecteer een locatie of groepsgrootte. Bij beschikbare ruimtes open je de boekingsmodule direct vanuit de pagina.\n        <\/p>\n      <\/div>\n\n      <div class=\"comeet2026-filters comeet2026-reveal\" aria-label=\"Filter vergaderruimtes\">\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\">Location<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter op locatie\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-location-filter=\"all\" aria-pressed=\"true\">Alle locaties<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"pulse\" aria-pressed=\"false\">Pulse, Zuidas<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"herengracht\" aria-pressed=\"false\">Herengracht, Centrum<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-location-filter=\"adammium\" aria-pressed=\"false\">Adammium, Oost<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"comeet2026-filter-block\">\n          <span class=\"comeet2026-filter-label\">Groepsgrootte<\/span>\n          <div class=\"comeet2026-filter-chips\" role=\"group\" aria-label=\"Filter op groepsgrootte\">\n            <button type=\"button\" class=\"comeet2026-filter-chip is-active\" data-comeet2026-capacity-filter=\"all\" data-min=\"0\" data-max=\"999\" aria-pressed=\"true\">Alle<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"small\" data-min=\"2\" data-max=\"4\" aria-pressed=\"false\">2-4 personen<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"medium\" data-min=\"5\" data-max=\"8\" aria-pressed=\"false\">5-8 personen<\/button>\n            <button type=\"button\" class=\"comeet2026-filter-chip\" data-comeet2026-capacity-filter=\"large\" data-min=\"9\" data-max=\"999\" aria-pressed=\"false\">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>5 vergaderruimtes<\/p>\n        <button type=\"button\" class=\"comeet2026-filter-reset\" data-comeet2026-filter-reset hidden>Wis filters<\/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\">Pulse, Zuidas<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>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\">2-4 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Kas<\/h3>\n                <p>Voor een klein overleg, intake, interview of \u00e9\u00e9n-op-\u00e9\u00e9n gesprek.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">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\">4-8 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Freddy<\/h3>\n                <p>Voor teamoverleg, een klantgesprek of een compacte werksessie.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">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\">8-18 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Le Garage<\/h3>\n                <p>Voor grotere teamsessies, presentaties en bijeenkomsten.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">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\">Herengracht, Centrum<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>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\">Tot 8 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>Boardroom<\/h3>\n                <p>Voor directieoverleg, klantpresentaties en besloten meetings.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Online boeking volgt<\/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\">Adammium, Oost<\/h3>\n            <span class=\"comeet2026-location-count\" data-comeet2026-group-count>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\">Tot 6 personen<\/span>\n              <\/span>\n\n              <span class=\"comeet2026-room-main\">\n                <h3>De Arena<\/h3>\n                <p>Voor teamoverleg, interviews en compacte werksessies.<\/p>\n              <\/span>\n\n              <span class=\"comeet2026-room-bottom\">\n                <span class=\"comeet2026-room-action\">Online boeking volgt<\/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>Geen passende ruimte gevonden.<\/h3>\n        <p>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\">Vergaderen bij Co-Office<\/p>\n      <h2 class=\"comeet2026-section-title\">Klaar voor je volgende meeting?<\/h2>\n      <p class=\"comeet2026-copy\">Bekijk de ruimtes hierboven en open direct de beschikbaarheid van de ruimte die bij je afspraak past.<\/p>\n\n      <button type=\"button\" class=\"comeet2026-action\" data-comeet2026-scroll-booking>\n        <span>Boek een vergadering<\/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>Vergaderruimte reserveren<\/span>\n          <strong id=\"comeet2026-panel-title\" data-comeet2026-panel-title>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\">\n          <span>Open volledig<\/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 reserveringspaneel\">\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>Beschikbaarheid laden<\/strong>\n        <span>Een moment geduld.<\/span>\n      <\/div>\n    <\/div>\n  <\/aside>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const root = document.querySelector('.comeet2026-page');\n  if (!root) return;\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 === 1 ? '1 vergaderruimte' : count + ' vergaderruimtes';\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 === 1 ? '1 ruimte' : visibleCards.length + ' ruimtes';\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 = 'Co-Office vergaderruimte reserveren';\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') || 'Vergaderruimte';\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', 'Open de boeking voor ' + roomName + ' in een nieuw tabblad');\n    }\n\n    if (loaderTitle) {\n      loaderTitle.textContent = roomName + ' laden';\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":7,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions"}],"predecessor-version":[{"id":14417,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14392\/revisions\/14417"}],"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}]}}