{"id":14120,"date":"2026-05-12T22:55:41","date_gmt":"2026-05-12T22:55:41","guid":{"rendered":"https:\/\/co.brandium.dev\/?page_id=14120"},"modified":"2026-08-24T09:46:12","modified_gmt":"2026-08-24T09:46:12","slug":"vergaderruimte","status":"publish","type":"page","link":"https:\/\/co.brandium.dev\/en\/vergaderruimte\/","title":{"rendered":"Co-Office | Vergaderruimte"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14120\" class=\"elementor elementor-14120\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c024caf e-con-full e-flex e-con e-parent\" data-id=\"c024caf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53efe50 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"53efe50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<h1 class=\"h1-m splitwor 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=\"elementor-element elementor-element-ad243a8 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ad243a8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-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=\"elementor-element elementor-element-0f89b51 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0f89b51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" 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=\"elementor-element elementor-element-c5e713b e-con-full e-flex e-con e-parent\" data-id=\"c5e713b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e48670 elementor-widget elementor-widget-html\" data-id=\"6e48670\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\r\n\r\n.comeet2026-page {\r\n--comeet2026-green-soft: #d7e5cc;\r\n--comeet2026-green-dark: #0f2b20;\r\n--comeet2026-white: #ffffff;\r\n--comeet2026-black: #000000;\r\n--comeet2026-muted: rgba(0, 0, 0, 1);\r\n--comeet2026-border: rgba(15, 43, 32, 0.16);\r\n--comeet2026-border-strong: rgba(15, 43, 32, 0.28);\r\n--comeet2026-orange: #f1b650;\r\n--comeet2026-font: 'Lora', serif;\r\nwidth: 100%;\r\nbackground: var(--comeet2026-white);\r\ncolor: var(--comeet2026-black);\r\noverflow-x: hidden;\r\nfont-family: var(--comeet2026-font) !important;\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.comeet2026-page,\r\n.comeet2026-page * {\r\nbox-sizing: border-box;\r\nfont-family: var(--comeet2026-font) !important;\r\nfont-style: normal !important;\r\n}\r\n\r\n\/* =========================================================\r\nLORA TITLE + SPLITTEXT FIX\r\n========================================================= *\/\r\n\r\n\/*\r\nAlle grote en kleine titels op 115% line-height.\r\nFont-sizes, tracking en overige styling blijven intact.\r\n*\/\r\n.comeet2026-page h1,\r\n.comeet2026-page h2,\r\n.comeet2026-page h3,\r\n.comeet2026-title,\r\n.comeet2026-section-title,\r\n.comeet2026-hero-mini strong,\r\n.comeet2026-booking-cell strong,\r\n.comeet2026-location-group-title,\r\n.comeet2026-room-size,\r\n.comeet2026-sidepanel-title strong,\r\n.comeet2026-sidepanel-loader strong {\r\nline-height: 1.15 !important;\r\n}\r\n\r\n\/*\r\nSplitText masker:\r\nalleen .split-parent mag tijdens de reveal clippen.\r\nDe woorden zelf blijven altijd zichtbaar, zodat de\r\nascenders en descenders van Lora niet worden afgesneden.\r\n*\/\r\nh1 .word,\r\nh2 .word {\r\ndisplay: inline-block;\r\noverflow: visible !important;\r\npadding-top: 0 !important;\r\npadding-bottom: 0 !important;\r\nmargin-top: 0 !important;\r\nmargin-bottom: 0 !important;\r\n}\r\n\r\n\/*\r\nNa de reveal krijgt de mask-wrapper deze class.\r\n!important voorkomt dat globale .split-parent CSS\r\noverflow opnieuw op hidden zet.\r\n*\/\r\nh1 .split-parent.split-mask-released,\r\nh2 .split-parent.split-mask-released {\r\noverflow: visible !important;\r\n}\r\n\r\n.comeet2026-section {\r\nwidth: 92vw;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\n}\r\n\r\n.comeet2026-section-soft {\r\nbackground: var(--comeet2026-green-soft);\r\nborder-radius: .25em;\r\n}\r\n\r\n.comeet2026-eyebrow {\r\nmargin: 0 0 1rem;\r\nfont-size: 0.85rem;\r\nline-height: 1;\r\nletter-spacing: -0.01em;\r\ntext-transform: uppercase;\r\ncolor: var(--comeet2026-green-dark);\r\n}\r\n\r\n.comeet2026-title {\r\nmargin: 0;\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(3.3rem, 5vw, 6rem);\r\nfont-weight: 400;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\n}\r\n\r\n.comeet2026-section-title {\r\nmargin: 0;\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(2.1rem, 4vw, 4.4rem);\r\nfont-weight: 400;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\n}\r\n\r\n.comeet2026-copy {\r\nmargin: 0;\r\ncolor: var(--comeet2026-muted);\r\nfont-size: 1.1rem;\r\nline-height: 1.25;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-copy strong {\r\ncolor: var(--comeet2026-black);\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-pill {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nwidth: fit-content;\r\nmin-height: 2.35rem;\r\npadding: 0.35rem 0.85rem;\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\ncolor: var(--comeet2026-green-dark);\r\nbackground: rgba(255, 255, 255, 0.45);\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n\/* =========================================================\r\nHERO\r\n========================================================= *\/\r\n\r\n.comeet2026-hero {\r\nposition: relative;\r\nmin-height: 86vh;\r\ndisplay: grid;\r\ngrid-template-columns: 1.05fr 0.95fr;\r\ngap: clamp(2rem, 5vw, 6rem);\r\nalign-items: stretch;\r\npadding: clamp(1rem, 1.5vw, 1.5rem);\r\nbackground: var(--comeet2026-green-soft);\r\nborder-radius: .25em;\r\nmargin-top: clamp(1.5rem, 3vw, 3rem);\r\nmargin-bottom: clamp(2rem, 4vw, 4rem);\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-hero-content {\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: flex-end;\r\npadding: clamp(2rem, 5vw, 4rem);\r\nmin-height: 100%;\r\n}\r\n\r\n.comeet2026-hero-kicker-row {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\ngap: 0.65rem;\r\nflex-wrap: wrap;\r\nmargin-bottom: 1.25rem;\r\nalign-content: center;\r\njustify-content: flex-start;\r\n}\r\n\r\n.comeet2026-hero-dot {\r\nwidth: 0.65rem;\r\nheight: 0.65rem;\r\nborder-radius: 50%;\r\nbackground: var(--comeet2026-orange);\r\n}\r\n\r\n.comeet2026-hero-copy {\r\nmax-width: 680px;\r\nmargin-top: 1.6rem;\r\n}\r\n\r\n.comeet2026-hero-actions {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.8rem;\r\nflex-wrap: wrap;\r\nmargin-top: 2rem;\r\n}\r\n\r\n.comeet2026-hero-note {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nmin-height: 2.65rem;\r\npadding: 0 0.85rem;\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\ncolor: var(--comeet2026-green-dark);\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-hero-media {\r\nposition: relative;\r\nmin-height: 620px;\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nbackground: var(--comeet2026-green-dark);\r\n}\r\n\r\n.comeet2026-hero-media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.04);\r\n}\r\n\r\n.comeet2026-hero-media-card {\r\nposition: absolute;\r\nleft: 1rem;\r\nright: 1rem;\r\nbottom: 1rem;\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 1px;\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nbackground: rgba(255, 255, 255, 0.22);\r\nbackdrop-filter: blur(18px);\r\n-webkit-backdrop-filter: blur(18px);\r\n}\r\n\r\n.comeet2026-hero-mini {\r\nmin-height: 8.5rem;\r\npadding: 1rem;\r\nbackground: rgba(15, 43, 32, 0.72);\r\ncolor: #ffffff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\n}\r\n\r\n.comeet2026-hero-mini span {\r\ncolor: rgba(255, 255, 255, 0.62);\r\nfont-size: 0.82rem;\r\nline-height: 1;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.04em;\r\n}\r\n\r\n.comeet2026-hero-mini strong {\r\ncolor: #ffffff;\r\nfont-size: 1.2rem;\r\nline-height: 1.15;\r\nletter-spacing: -0.03em;\r\nfont-weight: 400;\r\n}\r\n\r\n\/* =========================================================\r\nBOOKING STRIP\r\n========================================================= *\/\r\n\r\n.comeet2026-booking-strip {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1fr 1fr auto;\r\ngap: 1px;\r\nbackground: var(--comeet2026-border);\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nmargin-bottom: clamp(4rem, 7vw, 7rem);\r\n}\r\n\r\n.comeet2026-booking-cell {\r\nmin-height: 11rem;\r\npadding: 1.35rem;\r\nbackground: #ffffff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 1.5rem;\r\n}\r\n\r\n.comeet2026-booking-cell span {\r\ncolor: var(--comeet2026-green-dark);\r\nfont-size: 0.85rem;\r\nline-height: 1;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.04em;\r\n}\r\n\r\n.comeet2026-booking-cell strong {\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(1.8rem, 2.25vw, 2.8rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.055em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-booking-action {\r\nmin-height: 11rem;\r\npadding: 1.35rem;\r\nbackground: var(--comeet2026-green-dark);\r\ndisplay: flex;\r\nalign-items: flex-end;\r\njustify-content: flex-end;\r\n}\r\n\r\n\/* =========================================================\r\nMEETING EXPERIENCE\r\n========================================================= *\/\r\n\r\n.comeet2026-experience {\r\npadding: clamp(5rem, 8vw, 8rem) 0;\r\n}\r\n\r\n.comeet2026-experience-grid {\r\ndisplay: grid;\r\ngrid-template-columns: 0.85fr 1.15fr;\r\ngap: clamp(2rem, 6vw, 7rem);\r\nalign-items: start;\r\n}\r\n\r\n.comeet2026-sticky {\r\nposition: sticky;\r\ntop: 7rem;\r\n}\r\n\r\n.comeet2026-experience-copy {\r\nmax-width: 560px;\r\nmargin-top: 1.4rem;\r\n}\r\n\r\n.comeet2026-experience-list {\r\ndisplay: grid;\r\ngap: 1px;\r\nbackground: var(--comeet2026-border);\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-experience-item {\r\nposition: relative;\r\nmin-height: 15rem;\r\npadding: 1.45rem;\r\nbackground: #ffffff;\r\ndisplay: grid;\r\ngrid-template-columns: 4rem 1fr;\r\ngap: 1.25rem;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-experience-number {\r\nwidth: 2.75rem;\r\nheight: 2.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-green-soft);\r\ncolor: var(--comeet2026-green-dark);\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-experience-item h3 {\r\nmargin: 0 0 0.75rem;\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(1.8rem, 2vw, 2.65rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.055em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-experience-item p {\r\nmax-width: 680px;\r\nmargin: 0;\r\ncolor: var(--comeet2026-muted);\r\nfont-size: 1.1rem;\r\nline-height: 1.25;\r\n}\r\n\r\n.comeet2026-experience-line {\r\nposition: absolute;\r\nleft: 0;\r\nright: 0;\r\nbottom: 0;\r\nheight: 3px;\r\nbackground: var(--comeet2026-orange);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\n}\r\n\r\n\/* =========================================================\r\nIMAGE FLOW\r\n========================================================= *\/\r\n\r\n.comeet2026-image-flow {\r\npadding: clamp(2rem, 4vw, 4rem) 0 clamp(5rem, 8vw, 8rem);\r\n}\r\n\r\n.comeet2026-image-flow-header {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 0.8fr;\r\ngap: clamp(2rem, 6vw, 6rem);\r\nalign-items: end;\r\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\r\n}\r\n\r\n.comeet2026-image-flow-header .comeet2026-copy {\r\nmax-width: 560px;\r\n}\r\n\r\n.comeet2026-image-grid {\r\ndisplay: grid;\r\ngrid-template-columns: 1.2fr 0.8fr 1fr;\r\ngrid-template-rows: 20rem 20rem;\r\ngap: 1rem;\r\n}\r\n\r\n.comeet2026-image-card {\r\nposition: relative;\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nbackground: var(--comeet2026-green-soft);\r\n}\r\n\r\n.comeet2026-image-card:nth-child(1) {\r\ngrid-row: span 2;\r\n}\r\n\r\n.comeet2026-image-card:nth-child(4) {\r\ngrid-column: span 2;\r\n}\r\n\r\n.comeet2026-image-card img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.06);\r\n}\r\n\r\n.comeet2026-image-label {\r\nposition: absolute;\r\nleft: 1rem;\r\nbottom: 1rem;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nmin-height: 2.35rem;\r\npadding: 0.35rem 0.75rem;\r\nborder-radius: .25em;\r\nbackground: rgba(15, 43, 32, 0.78);\r\ncolor: #ffffff;\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\nbackdrop-filter: blur(16px);\r\n-webkit-backdrop-filter: blur(16px);\r\n}\r\n\r\n\/* =========================================================\r\nLOCATION SELECTION, GROUPS AND FILTERS\r\n========================================================= *\/\r\n\r\n.comeet2026-locations {\r\npadding: clamp(5rem, 8vw, 8rem) 0;\r\nscroll-margin-top: 7rem;\r\n}\r\n\r\n.comeet2026-locations-header {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 0.85fr;\r\ngap: clamp(2rem, 6vw, 6rem);\r\nalign-items: end;\r\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\r\n}\r\n\r\n.comeet2026-locations-header .comeet2026-copy {\r\nmax-width: 620px;\r\n}\r\n\r\n\/* FILTER BAR *\/\r\n\r\n.comeet2026-location-filters {\r\nposition: relative;\r\nz-index: 2;\r\ndisplay: grid;\r\ngrid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;\r\ngap: 1px;\r\nmargin-bottom: clamp(2.5rem, 4vw, 4rem);\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-border);\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-filter-field {\r\nposition: relative;\r\nmin-height: 7.5rem;\r\npadding: 1.15rem 1.25rem;\r\nbackground: #ffffff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 1rem;\r\n}\r\n\r\n.comeet2026-filter-field label {\r\ncolor: var(--comeet2026-green-dark);\r\nfont-size: 0.78rem;\r\nline-height: 1;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.055em;\r\n}\r\n\r\n.comeet2026-filter-select-wrap {\r\nposition: relative;\r\n}\r\n\r\n.comeet2026-filter-select-wrap::after {\r\ncontent: \"\";\r\nposition: absolute;\r\nright: 0.1rem;\r\ntop: 50%;\r\nwidth: 0.55rem;\r\nheight: 0.55rem;\r\nborder-right: 1.5px solid currentColor;\r\nborder-bottom: 1.5px solid currentColor;\r\ntransform: translateY(-68%) rotate(45deg);\r\npointer-events: none;\r\ncolor: var(--comeet2026-green-dark);\r\n}\r\n\r\n.comeet2026-filter-select {\r\nwidth: 100%;\r\nmin-height: 2.75rem;\r\npadding: 0 2rem 0 0;\r\nborder: 0;\r\nborder-radius: 0;\r\noutline: 0;\r\nbackground: transparent;\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(1.25rem, 1.65vw, 1.75rem);\r\nline-height: 1.1;\r\nletter-spacing: -0.04em;\r\nfont-weight: 400;\r\nappearance: none;\r\n-webkit-appearance: none;\r\ncursor: pointer;\r\n}\r\n\r\n.comeet2026-filter-select:focus-visible {\r\nbox-shadow: 0 2px 0 var(--comeet2026-orange);\r\n}\r\n\r\n.comeet2026-filter-reset {\r\nmin-width: 10rem;\r\nmin-height: 7.5rem;\r\npadding: 1.15rem 1.25rem;\r\nborder: 0;\r\noutline: 0;\r\nbackground: var(--comeet2026-green-dark);\r\ncolor: #ffffff;\r\ncursor: pointer;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\nalign-items: flex-start;\r\ngap: 1rem;\r\ntext-align: left;\r\ntransition: background 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n.comeet2026-filter-reset span:first-child {\r\nfont-size: 0.78rem;\r\nline-height: 1;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.055em;\r\ncolor: rgba(255, 255, 255, 0.58);\r\n}\r\n\r\n.comeet2026-filter-reset span:last-child {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.65rem;\r\nfont-size: 1.05rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-filter-reset svg {\r\nwidth: 1rem;\r\nheight: 1rem;\r\ntransition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.comeet2026-filter-reset:hover,\r\n.comeet2026-filter-reset:focus-visible {\r\nbackground: var(--comeet2026-orange);\r\ncolor: var(--comeet2026-green-dark);\r\n}\r\n\r\n.comeet2026-filter-reset:hover svg,\r\n.comeet2026-filter-reset:focus-visible svg {\r\ntransform: rotate(-140deg);\r\n}\r\n\r\n.comeet2026-filter-reset:disabled {\r\ncursor: default;\r\nopacity: 0.45;\r\n}\r\n\r\n.comeet2026-filter-reset:disabled:hover {\r\nbackground: var(--comeet2026-green-dark);\r\ncolor: #ffffff;\r\n}\r\n\r\n.comeet2026-filter-meta {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 1rem;\r\nmargin: -1.5rem 0 2rem;\r\n}\r\n\r\n.comeet2026-filter-result {\r\nmargin: 0;\r\ncolor: rgba(15, 43, 32, 0.62);\r\nfont-size: 0.95rem;\r\nline-height: 1.2;\r\n}\r\n\r\n.comeet2026-filter-result strong {\r\ncolor: var(--comeet2026-green-dark);\r\nfont-weight: 400;\r\n}\r\n\r\n\/* LOCATION GROUPS *\/\r\n\r\n.comeet2026-location-groups {\r\ndisplay: grid;\r\ngap: clamp(3.5rem, 6vw, 6rem);\r\n}\r\n\r\n.comeet2026-location-group {\r\n--comeet2026-group-bg: #ffffff;\r\n--comeet2026-group-fg: #0f2b20;\r\n--comeet2026-group-muted: rgba(15, 43, 32, 0.64);\r\n--comeet2026-group-line: rgba(15, 43, 32, 0.16);\r\n--comeet2026-group-chip-bg: #0f2b20;\r\n--comeet2026-group-chip-fg: #ffffff;\r\n--comeet2026-group-arrow-bg: #0f2b20;\r\n--comeet2026-group-arrow-fg: #ffffff;\r\n--comeet2026-group-arrow-hover-bg: #f1b650;\r\n--comeet2026-group-arrow-hover-fg: #0f2b20;\r\n--comeet2026-group-dot: #f1b650;\r\n--comeet2026-group-dot-ring: rgba(241, 182, 80, 0.18);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"pulse\"] {\r\n--comeet2026-group-bg: #d7e5cc;\r\n--comeet2026-group-fg: #0f2b20;\r\n--comeet2026-group-muted: rgba(15, 43, 32, 0.66);\r\n--comeet2026-group-line: rgba(15, 43, 32, 0.18);\r\n--comeet2026-group-chip-bg: #0f2b20;\r\n--comeet2026-group-chip-fg: #ffffff;\r\n--comeet2026-group-arrow-bg: #0f2b20;\r\n--comeet2026-group-arrow-fg: #ffffff;\r\n--comeet2026-group-arrow-hover-bg: #f1b650;\r\n--comeet2026-group-arrow-hover-fg: #0f2b20;\r\n--comeet2026-group-dot: #f1b650;\r\n--comeet2026-group-dot-ring: rgba(241, 182, 80, 0.18);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"herengracht\"] {\r\n--comeet2026-group-bg: #f1b650;\r\n--comeet2026-group-fg: #0f2b20;\r\n--comeet2026-group-muted: rgba(15, 43, 32, 0.7);\r\n--comeet2026-group-line: rgba(15, 43, 32, 0.16);\r\n--comeet2026-group-chip-bg: #ffffff;\r\n--comeet2026-group-chip-fg: #0f2b20;\r\n--comeet2026-group-arrow-bg: #0f2b20;\r\n--comeet2026-group-arrow-fg: #ffffff;\r\n--comeet2026-group-arrow-hover-bg: #ffffff;\r\n--comeet2026-group-arrow-hover-fg: #0f2b20;\r\n--comeet2026-group-dot: #0f2b20;\r\n--comeet2026-group-dot-ring: rgba(15, 43, 32, 0.16);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"adammium\"] {\r\n--comeet2026-group-bg: #0f2b20;\r\n--comeet2026-group-fg: #ffffff;\r\n--comeet2026-group-muted: rgba(255, 255, 255, 0.68);\r\n--comeet2026-group-line: rgba(255, 255, 255, 0.16);\r\n--comeet2026-group-chip-bg: #f1b650;\r\n--comeet2026-group-chip-fg: #0f2b20;\r\n--comeet2026-group-arrow-bg: #f1b650;\r\n--comeet2026-group-arrow-fg: #0f2b20;\r\n--comeet2026-group-arrow-hover-bg: #ffffff;\r\n--comeet2026-group-arrow-hover-fg: #0f2b20;\r\n--comeet2026-group-dot: #f1b650;\r\n--comeet2026-group-dot-ring: rgba(241, 182, 80, 0.18);\r\n}\r\n\r\n.comeet2026-location-group[hidden],\r\n.comeet2026-location-card[hidden] {\r\ndisplay: none !important;\r\n}\r\n\r\n.comeet2026-location-group-head {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 7.5rem;\r\n    align-items: center;\r\n    padding: 1rem 1.1rem;\r\n    width: max-content;\r\n    margin-bottom: 1rem;\r\n    border: 1px solid var(--comeet2026-group-line);\r\n    border-radius: .25em;\r\n    background: var(--comeet2026-group-bg);\r\n    color: var(--comeet2026-group-fg);\r\n}\r\n\r\n.comeet2026-location-group-heading {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.85rem;\r\nmin-width: 0;\r\n}\r\n\r\n.comeet2026-location-group-number {\r\nflex: 0 0 auto;\r\nwidth: 2.8rem;\r\nheight: 2.8rem;\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-group-chip-bg);\r\ncolor: var(--comeet2026-group-chip-fg);\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 0.82rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-location-group-title {\r\nmargin: 0;\r\ncolor: inherit;\r\nfont-size: clamp(1.7rem, 2.4vw, 2.75rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.035em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-location-group-count {\r\nflex: 0 0 auto;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nmin-height: 2.35rem;\r\npadding: 0.35rem 0.8rem;\r\nborder: 1px solid var(--comeet2026-group-line);\r\nborder-radius: .25em;\r\nbackground: rgba(255, 255, 255, 0.12);\r\ncolor: inherit;\r\nfont-size: 0.9rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-location-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, minmax(0, 1fr));\r\ngap: 1rem;\r\n}\r\n\r\n.comeet2026-location-card {\r\n--comeet2026-location-bg: #ffffff;\r\n--comeet2026-location-fg: #0f2b20;\r\n--comeet2026-location-muted: rgba(15, 43, 32, 0.64);\r\n--comeet2026-location-line: rgba(15, 43, 32, 0.16);\r\nposition: relative;\r\nisolation: isolate;\r\nmin-height: clamp(22rem, 27vw, 29rem);\r\nwidth: 100%;\r\npadding: clamp(1.35rem, 2.2vw, 2rem);\r\nborder: 1px solid var(--comeet2026-location-line);\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-location-bg);\r\ncolor: var(--comeet2026-location-fg);\r\nappearance: none;\r\n-webkit-appearance: none;\r\noutline: 0;\r\noverflow: hidden;\r\ntext-align: left;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 2.5rem;\r\ntransition: border-color 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease, opacity 0.3s ease;\r\n}\r\n\r\nbutton.comeet2026-location-card {\r\ncursor: pointer;\r\n}\r\n\r\n.comeet2026-location-card--dark {\r\n--comeet2026-location-bg: #0f2b20;\r\n--comeet2026-location-fg: #ffffff;\r\n--comeet2026-location-muted: rgba(255, 255, 255, 0.66);\r\n--comeet2026-location-line: rgba(255, 255, 255, 0.14);\r\n}\r\n\r\n.comeet2026-location-card--soft {\r\n--comeet2026-location-bg: #d7e5cc;\r\n}\r\n\r\n.comeet2026-location-card--orange {\r\n--comeet2026-location-bg: #f1b650;\r\n--comeet2026-location-line: rgba(15, 43, 32, 0.13);\r\n}\r\n\r\n.comeet2026-location-card--light {\r\n--comeet2026-location-bg: #ffffff;\r\n}\r\n\r\n.comeet2026-location-group .comeet2026-location-card {\r\n--comeet2026-location-bg: var(--comeet2026-group-bg);\r\n--comeet2026-location-fg: var(--comeet2026-group-fg);\r\n--comeet2026-location-muted: var(--comeet2026-group-muted);\r\n--comeet2026-location-line: var(--comeet2026-group-line);\r\n}\r\n\r\n.comeet2026-location-card::before {\r\ncontent: \"\";\r\nposition: absolute;\r\nz-index: -1;\r\nwidth: clamp(15rem, 25vw, 25rem);\r\naspect-ratio: 1;\r\nright: clamp(-9rem, -8vw, -4rem);\r\nbottom: clamp(-12rem, -10vw, -7rem);\r\nborder-radius: 50%;\r\nborder: 1px solid currentColor;\r\nopacity: 0.13;\r\ntransform: scale(0.92);\r\ntransition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;\r\n}\r\n\r\n.comeet2026-location-card::after {\r\ncontent: \"\";\r\nposition: absolute;\r\nz-index: -1;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, transparent 25%, rgba(255, 255, 255, 0.12) 100%);\r\nopacity: 0;\r\ntransition: opacity 0.45s ease;\r\n}\r\n\r\nbutton.comeet2026-location-card:hover,\r\nbutton.comeet2026-location-card:focus-visible {\r\ntransform: translateY(-5px);\r\nborder-color: var(--comeet2026-border-strong);\r\nbox-shadow: 0 24px 60px rgba(15, 43, 32, 0.13);\r\n}\r\n\r\nbutton.comeet2026-location-card:hover::before,\r\nbutton.comeet2026-location-card:focus-visible::before {\r\ntransform: scale(1.08);\r\nopacity: 0.22;\r\n}\r\n\r\nbutton.comeet2026-location-card:hover::after,\r\nbutton.comeet2026-location-card:focus-visible::after {\r\nopacity: 1;\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"pulse\"] button.comeet2026-location-card:hover,\r\n.comeet2026-location-group[data-group-key=\"pulse\"] button.comeet2026-location-card:focus-visible {\r\nbox-shadow: 0 24px 60px rgba(15, 43, 32, 0.15);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"herengracht\"] button.comeet2026-location-card:hover,\r\n.comeet2026-location-group[data-group-key=\"herengracht\"] button.comeet2026-location-card:focus-visible {\r\nbox-shadow: 0 24px 60px rgba(96, 64, 10, 0.16);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"adammium\"] button.comeet2026-location-card:hover,\r\n.comeet2026-location-group[data-group-key=\"adammium\"] button.comeet2026-location-card:focus-visible {\r\nbox-shadow: 0 24px 60px rgba(15, 43, 32, 0.25);\r\n}\r\n\r\n.comeet2026-location-card.is-unavailable {\r\nopacity: 0.72;\r\ncursor: default;\r\n}\r\n\r\n.comeet2026-location-card.is-unavailable::after {\r\nbackground: repeating-linear-gradient(135deg, transparent 0, transparent 18px, rgba(15, 43, 32, 0.025) 18px, rgba(15, 43, 32, 0.025) 19px);\r\nopacity: 1;\r\n}\r\n\r\n.comeet2026-location-top,\r\n.comeet2026-location-bottom {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 1rem;\r\nwidth: 100%;\r\n}\r\n\r\n.comeet2026-location-index {\r\nfont-size: 0.85rem;\r\nline-height: 1;\r\nletter-spacing: 0.04em;\r\n}\r\n\r\n.comeet2026-location-status {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 0.5rem;\r\nmin-height: 2.2rem;\r\npadding: 0.3rem 0.7rem;\r\nborder: 1px solid var(--comeet2026-location-line);\r\nborder-radius: .25em;\r\nfont-size: 0.78rem;\r\nline-height: 1;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.comeet2026-location-status::before {\r\ncontent: \"\";\r\nwidth: 0.5rem;\r\nheight: 0.5rem;\r\nborder-radius: 50%;\r\nbackground: var(--comeet2026-group-dot);\r\nbox-shadow: 0 0 0 4px var(--comeet2026-group-dot-ring);\r\n}\r\n\r\n.comeet2026-location-status.is-pending::before {\r\nbackground: currentColor;\r\nbox-shadow: none;\r\nopacity: 0.34;\r\n}\r\n\r\n.comeet2026-location-main {\r\nmargin-top: auto;\r\n}\r\n\r\n.comeet2026-location-details {\r\ndisplay: flex;\r\nalign-items: center;\r\nflex-wrap: wrap;\r\ngap: 0.55rem;\r\nmargin: 0 0 1.25rem;\r\n}\r\n\r\n.comeet2026-location-capacity,\r\n.comeet2026-location-area {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nmin-height: 2.35rem;\r\npadding: 0.4rem 0.75rem;\r\nborder: 1px solid var(--comeet2026-location-line);\r\nborder-radius: .25em;\r\nfont-size: 0.88rem;\r\nline-height: 1;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.comeet2026-location-capacity {\r\ngap: 0.5rem;\r\nbackground: var(--comeet2026-group-chip-bg);\r\nborder-color: transparent;\r\ncolor: var(--comeet2026-group-chip-fg);\r\n}\r\n\r\n.comeet2026-location-capacity svg {\r\nwidth: 1rem;\r\nheight: 1rem;\r\nflex: 0 0 auto;\r\n}\r\n\r\n.comeet2026-location-capacity strong {\r\nfont-size: 0.96rem;\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\n}\r\n\r\n.comeet2026-location-area {\r\ncolor: inherit;\r\nbackground: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"pulse\"] .comeet2026-location-area,\r\n.comeet2026-location-group[data-group-key=\"herengracht\"] .comeet2026-location-area {\r\nbackground: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.comeet2026-location-group[data-group-key=\"adammium\"] .comeet2026-location-area {\r\nbackground: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.comeet2026-location-main h3 {\r\nmargin: 0;\r\ncolor: inherit;\r\nfont-size: clamp(2rem, 1.35vw, 3rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.02em;\r\nfont-weight: 500;\r\n}\r\n\r\n.comeet2026-location-main p {\r\nmax-width: 28rem;\r\nmargin: 1.1rem 0 0;\r\ncolor: var(--comeet2026-location-muted);\r\nfont-size: 1rem;\r\nline-height: 1.25;\r\n}\r\n\r\n.comeet2026-location-action {\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n.comeet2026-location-arrow {\r\nflex: 0 0 auto;\r\nwidth: 3.1rem;\r\nheight: 3.1rem;\r\nborder-radius: 50%;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nbackground: var(--comeet2026-group-arrow-bg);\r\ncolor: var(--comeet2026-group-arrow-fg);\r\ntransition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n.comeet2026-location-arrow svg {\r\nwidth: 1rem;\r\nheight: 1rem;\r\n}\r\n\r\nbutton.comeet2026-location-card:hover .comeet2026-location-arrow,\r\nbutton.comeet2026-location-card:focus-visible .comeet2026-location-arrow {\r\ntransform: translateX(4px) rotate(-4deg);\r\nbackground: var(--comeet2026-group-arrow-hover-bg);\r\ncolor: var(--comeet2026-group-arrow-hover-fg);\r\n}\r\n\r\n.comeet2026-location-arrow.is-pending {\r\nbackground: var(--comeet2026-group-arrow-bg);\r\nborder: 1px solid var(--comeet2026-group-arrow-bg);\r\ncolor: var(--comeet2026-group-arrow-fg);\r\nopacity: 0.62;\r\n}\r\n\r\n.comeet2026-location-empty {\r\nmin-height: 18rem;\r\npadding: clamp(2rem, 5vw, 4rem);\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-green-soft);\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: flex-start;\r\njustify-content: center;\r\ngap: 1rem;\r\n}\r\n\r\n.comeet2026-location-empty[hidden] {\r\ndisplay: none;\r\n}\r\n\r\n.comeet2026-location-empty h3 {\r\nmargin: 0;\r\nfont-size: clamp(2rem, 3vw, 3.5rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.05em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-location-empty p {\r\nmax-width: 560px;\r\nmargin: 0;\r\nfont-size: 1rem;\r\nline-height: 1.3;\r\n}\r\n\r\n.comeet2026-location-empty button {\r\nmin-height: 2.75rem;\r\npadding: 0.45rem 0.9rem;\r\nborder: 1px solid var(--comeet2026-green-dark);\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-green-dark);\r\ncolor: #ffffff;\r\ncursor: pointer;\r\nfont-size: 0.95rem;\r\n}\r\n\r\n@media (max-width: 1180px) {\r\n.comeet2026-location-grid {\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n.comeet2026-locations-header {\r\ngrid-template-columns: 1fr;\r\n}\r\n}\r\n\r\n@media (max-width: 760px) {\r\n.comeet2026-locations {\r\npadding: 3.5rem 0;\r\nscroll-margin-top: 5rem;\r\n}\r\n\r\n.comeet2026-location-filters {\r\ngrid-template-columns: 1fr;\r\ngap: 1px;\r\n}\r\n\r\n.comeet2026-filter-field,\r\n.comeet2026-filter-reset {\r\nmin-height: 6.6rem;\r\n}\r\n\r\n.comeet2026-filter-reset {\r\nmin-width: 0;\r\n}\r\n\r\n.comeet2026-filter-meta {\r\nmargin-top: -1.25rem;\r\n}\r\n\r\n.comeet2026-location-group-head {\r\ngrid-template-columns: 1fr;\r\nalign-items: start;\r\n}\r\n\r\n.comeet2026-location-group-count {\r\nwidth: fit-content;\r\n}\r\n\r\n.comeet2026-location-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-location-card {\r\nmin-height: 22rem;\r\npadding: 1.35rem;\r\n}\r\n\r\n.comeet2026-location-main h3 {\r\nfont-size: clamp(2rem, 8vw, 2.65rem);\r\n}\r\n\r\nbutton.comeet2026-location-card:hover,\r\nbutton.comeet2026-location-card:focus-visible {\r\ntransform: none;\r\n}\r\n}\r\n\r\n.comeet2026-rooms {\r\npadding: clamp(5rem, 8vw, 8rem) 0;\r\n}\r\n\r\n.comeet2026-rooms-header {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 0.85fr;\r\ngap: clamp(2rem, 6vw, 6rem);\r\nalign-items: end;\r\nwidth:70%;\r\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\r\n}\r\n\r\n.comeet2026-rooms-header .comeet2026-copy {\r\nmax-width: 580px;\r\n}\r\n\r\n.comeet2026-room-stack {\r\ndisplay: grid;\r\ngap: 1px;\r\nbackground: var(--comeet2026-border);\r\nborder: 1px solid var(--comeet2026-border);\r\nborder-radius: .25em;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-room-card {\r\nposition: relative;\r\ndisplay: grid;\r\ngrid-template-columns: 0.95fr 1.2fr auto;\r\ngap: clamp(1.5rem, 3vw, 3rem);\r\nalign-items: center;\r\nmin-height: 16rem;\r\npadding: clamp(1.35rem, 2.5vw, 2.4rem);\r\nbackground: #ffffff;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-room-card::before {\r\ncontent: \"\";\r\nposition: absolute;\r\nleft: 0;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: 4px;\r\nbackground: var(--comeet2026-orange);\r\ntransform: scaleY(0);\r\ntransform-origin: bottom;\r\ntransition: transform 0.55s cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n.comeet2026-room-card:hover::before {\r\ntransform: scaleY(1);\r\n}\r\n\r\n.comeet2026-room-size {\r\ncolor: var(--comeet2026-green-dark);\r\nfont-size: clamp(3rem, 4vw, 5rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.02em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-room-info h3 {\r\nmargin: 0 0 0.85rem;\r\ncolor: var(--comeet2026-black);\r\nfont-size: clamp(2rem, 2.4vw, 3rem);\r\nline-height: 1.15;\r\nletter-spacing: -0.055em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-room-info p {\r\nmax-width: 660px;\r\nmargin: 0;\r\ncolor: var(--comeet2026-muted);\r\nfont-size: 1.1rem;\r\nline-height: 1.25;\r\n}\r\n\r\n.comeet2026-room-meta {\r\ndisplay: flex;\r\nflex-wrap: wrap;\r\njustify-content: flex-end;\r\ngap: 0.5rem;\r\n}\r\n\r\n.comeet2026-room-meta span {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\nmin-height: 2.2rem;\r\npadding: 0.3rem 0.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-green-soft);\r\ncolor: var(--comeet2026-green-dark);\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n\/* =========================================================\r\nINCLUSIONS\r\n========================================================= *\/\r\n\r\n.comeet2026-inclusions {\r\npadding: clamp(5rem, 8vw, 8rem) 0;\r\n}\r\n\r\n.comeet2026-inclusions-box {\r\npadding: clamp(3rem, 6vw, 5rem);\r\n}\r\n\r\n.comeet2026-inclusions-header {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 0.85fr;\r\ngap: clamp(2rem, 6vw, 6rem);\r\nalign-items: start;\r\nmargin-bottom: clamp(2.5rem, 5vw, 4.5rem);\r\n}\r\n\r\n.comeet2026-inclusions-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 1px;\r\nbackground: rgba(15, 43, 32, 0.18);\r\nborder: 1px solid rgba(15, 43, 32, 0.18);\r\nborder-radius: .25em;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-inclusion {\r\nmin-height: 15rem;\r\npadding: 1.4rem;\r\nbackground: var(--comeet2026-green-soft);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 2rem;\r\n}\r\n\r\n.comeet2026-inclusion-icon {\r\nwidth: 2.75rem;\r\nheight: 2.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--comeet2026-green-dark);\r\ncolor: #ffffff;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\n}\r\n\r\n.comeet2026-inclusion-icon svg {\r\nwidth: 1.15rem;\r\nheight: 1.15rem;\r\n}\r\n\r\n.comeet2026-inclusion h3 {\r\nmargin: 0 0 0.6rem;\r\ncolor: var(--comeet2026-black);\r\nfont-size: 1.25rem;\r\nline-height: 1.15;\r\nletter-spacing: -0.035em;\r\nfont-weight: 400;\r\n}\r\n\r\n.comeet2026-inclusion p {\r\nmargin: 0;\r\ncolor: rgba(0, 0, 0, 0.58);\r\nfont-size: 1rem;\r\nline-height: 1.25;\r\n}\r\n\r\n\/* =========================================================\r\nCTA\r\n========================================================= *\/\r\n\r\n.comeet2026-cta-section {\r\npadding: 0 0 clamp(5rem, 8vw, 8rem);\r\n}\r\n\r\n.comeet2026-cta {\r\nmin-height: 32rem;\r\npadding: clamp(3rem, 6vw, 5rem);\r\ndisplay: grid;\r\ngrid-template-columns: 1fr auto;\r\ngap: clamp(2rem, 6vw, 6rem);\r\nalign-items: end;\r\nbackground: var(--comeet2026-green-dark);\r\nborder-radius: .25em;\r\ncolor: #ffffff;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-cta .comeet2026-eyebrow {\r\ncolor: var(--comeet2026-green-soft);\r\n}\r\n\r\n.comeet2026-cta .comeet2026-section-title {\r\nmax-width: 780px;\r\ncolor: #ffffff;\r\n}\r\n\r\n.comeet2026-cta .comeet2026-copy {\r\nmax-width: 560px;\r\nmargin-top: 1.25rem;\r\ncolor: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.comeet2026-cta-right {\r\ndisplay: flex;\r\njustify-content: flex-end;\r\nalign-items: flex-end;\r\n}\r\n\r\n\/* =========================================================\r\nBUTTON RESET FOR CTA BUTTON ELEMENT\r\n========================================================= *\/\r\n\r\n.comeet2026-panel-trigger {\r\nappearance: none;\r\n-webkit-appearance: none;\r\nborder: 0;\r\noutline: 0;\r\ncursor: pointer;\r\nbackground: transparent;\r\npadding: 0;\r\ntext-decoration: none;\r\n}\r\n\r\n\/* =========================================================\r\nFIXED OFFICERND SIDE PANEL\r\n========================================================= *\/\r\n\r\n.comeet2026-panel-overlay {\r\nposition: fixed;\r\ninset: 0;\r\nz-index: 9999997;\r\nbackground: rgba(0, 0, 0, 0.52);\r\nopacity: 0;\r\nvisibility: hidden;\r\npointer-events: none;\r\ntransition: opacity 0.35s ease, visibility 0.35s ease;\r\n}\r\n\r\n.comeet2026-panel-overlay.is-open {\r\nopacity: 1;\r\nvisibility: visible;\r\npointer-events: auto;\r\n}\r\n\r\n.comeet2026-sidepanel {\r\nposition: fixed;\r\ntop: 0;\r\nright: 0;\r\nbottom: 0;\r\nz-index: 9999998;\r\nwidth: min(96vw, 1080px);\r\nheight: 100vh;\r\nheight: 100dvh;\r\nbackground: #ffffff;\r\nbox-shadow: -28px 0 90px rgba(0, 0, 0, 0.28);\r\ntransform: translateX(104%);\r\nvisibility: hidden;\r\ndisplay: flex;\r\nflex-direction: column;\r\noverflow: hidden;\r\ncontain: layout paint;\r\ntransition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n\r\n.comeet2026-sidepanel.is-open {\r\nvisibility: visible;\r\n}\r\n\r\n.comeet2026-sidepanel-header {\r\nposition: relative;\r\nz-index: 3;\r\nflex: 0 0 auto;\r\nheight: 4.75rem;\r\npadding: 0.85rem 1rem 0.85rem 1.2rem;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 1rem;\r\nborder-bottom: 1px solid rgba(15, 43, 32, 0.16);\r\nbackground: #ffffff;\r\n}\r\n\r\n.comeet2026-sidepanel-heading {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.9rem;\r\nmin-width: 0;\r\n}\r\n\r\n.comeet2026-sidepanel-location-mark {\r\nflex: 0 0 auto;\r\nwidth: 2.65rem;\r\nheight: 2.65rem;\r\nborder-radius: .25em;\r\nbackground: #0f2b20;\r\ncolor: #ffffff;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 0.8rem;\r\nline-height: 1;\r\nletter-spacing: 0.04em;\r\n}\r\n\r\n.comeet2026-sidepanel-title {\r\ndisplay: grid;\r\ngap: 0.3rem;\r\nmin-width: 0;\r\n}\r\n\r\n.comeet2026-sidepanel-title span {\r\ncolor: #0f2b20;\r\nfont-size: 0.76rem;\r\nline-height: 1;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.07em;\r\n}\r\n\r\n.comeet2026-sidepanel-title strong {\r\ncolor: #000000;\r\nfont-size: 1.25rem;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\nfont-weight: 400;\r\nwhite-space: nowrap;\r\noverflow: hidden;\r\ntext-overflow: ellipsis;\r\n}\r\n\r\n.comeet2026-sidepanel-actions {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 0.65rem;\r\nflex: 0 0 auto;\r\n}\r\n\r\n.comeet2026-sidepanel-external {\r\nmin-height: 3rem;\r\npadding: 0 0.95rem;\r\nborder: 1px solid rgba(15, 43, 32, 0.16);\r\nborder-radius: .25em;\r\nbackground: #ffffff;\r\ncolor: #0f2b20;\r\ntext-decoration: none;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 0.6rem;\r\nfont-size: 0.85rem;\r\nline-height: 1;\r\ntransition: background 0.25s ease, color 0.25s ease;\r\n}\r\n\r\n.comeet2026-sidepanel-external:hover,\r\n.comeet2026-sidepanel-external:focus-visible {\r\nbackground: #0f2b20;\r\ncolor: #ffffff;\r\n}\r\n\r\n.comeet2026-sidepanel-external svg {\r\nwidth: 0.9rem;\r\nheight: 0.9rem;\r\n}\r\n\r\n.comeet2026-sidepanel-close {\r\nflex: 0 0 auto;\r\nwidth: 3rem;\r\nheight: 3rem;\r\nborder-radius: .25em;\r\nborder: 1px solid rgba(15, 43, 32, 0.16);\r\nbackground: #d7e5cc;\r\ncolor: #0f2b20;\r\ncursor: pointer;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\npadding: 0;\r\ntransition: background 0.25s ease, transform 0.25s ease;\r\n}\r\n\r\n.comeet2026-sidepanel-close:hover {\r\nbackground: #f1b650;\r\ntransform: scale(0.96);\r\n}\r\n\r\n.comeet2026-sidepanel-close svg {\r\nwidth: 1.15rem;\r\nheight: 1.15rem;\r\n}\r\n\r\n.comeet2026-sidepanel-frame-wrap {\r\nposition: relative;\r\nz-index: 1;\r\nflex: 1 1 auto;\r\nwidth: 100%;\r\nheight: calc(100dvh - 4.75rem);\r\nmin-height: 0;\r\nbackground: #ffffff;\r\noverflow: hidden;\r\n}\r\n\r\n.comeet2026-sidepanel-loader {\r\nposition: absolute;\r\ninset: 0;\r\nz-index: 4;\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 1rem;\r\nbackground: #ffffff;\r\ncolor: #0f2b20;\r\ntext-align: center;\r\ntransition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.comeet2026-sidepanel-loader.is-hidden {\r\nopacity: 0;\r\nvisibility: hidden;\r\npointer-events: none;\r\n}\r\n\r\n.comeet2026-sidepanel-loader-spinner {\r\nwidth: 2.75rem;\r\nheight: 2.75rem;\r\nborder-radius: 50%;\r\nborder: 2px solid rgba(15, 43, 32, 0.14);\r\nborder-top-color: #f1b650;\r\nanimation: comeet2026-spin 0.8s linear infinite;\r\n}\r\n\r\n.comeet2026-sidepanel-loader strong {\r\nfont-size: 1.2rem;\r\nline-height: 1.15;\r\nfont-weight: 400;\r\nletter-spacing: -0.035em;\r\n}\r\n\r\n.comeet2026-sidepanel-loader span {\r\ncolor: rgba(15, 43, 32, 0.58);\r\nfont-size: 0.9rem;\r\nline-height: 1.2;\r\n}\r\n\r\n@keyframes comeet2026-spin {\r\nto {\r\ntransform: rotate(360deg);\r\n}\r\n}\r\n\r\n.comeet2026-sidepanel iframe {\r\nposition: absolute;\r\ninset: 0;\r\nz-index: 2;\r\nwidth: 100%;\r\nheight: 100%;\r\nmin-width: 100%;\r\nmin-height: 100%;\r\nborder: 0;\r\ndisplay: block;\r\nbackground: #ffffff;\r\noverflow: auto;\r\nopacity: 0;\r\ntransition: opacity 0.35s ease;\r\n}\r\n\r\n.comeet2026-sidepanel iframe.is-loaded {\r\nopacity: 1;\r\n}\r\n\r\nbody.comeet2026-panel-open {\r\noverflow: hidden !important;\r\ntouch-action: none;\r\n}\r\n\r\nhtml.comeet2026-panel-open {\r\noverflow: hidden !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n.comeet2026-sidepanel {\r\nwidth: 100vw;\r\n}\r\n}\r\n\r\n@media (max-width: 760px) {\r\n.comeet2026-sidepanel {\r\nwidth: 100vw;\r\nheight: 100vh;\r\nheight: 100dvh;\r\n}\r\n\r\n.comeet2026-sidepanel-header {\r\nheight: 4.5rem;\r\npadding: 0.75rem 0.85rem;\r\n}\r\n\r\n.comeet2026-sidepanel-frame-wrap {\r\nheight: calc(100dvh - 4.5rem);\r\n}\r\n\r\n.comeet2026-sidepanel-title strong {\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.comeet2026-sidepanel-external span {\r\ndisplay: none;\r\n}\r\n\r\n.comeet2026-sidepanel-external {\r\nwidth: 3rem;\r\npadding: 0;\r\njustify-content: center;\r\n}\r\n\r\n.comeet2026-sidepanel-location-mark {\r\ndisplay: none;\r\n}\r\n}\r\n\r\n\/* =========================================================\r\nREVEAL\r\n========================================================= *\/\r\n\r\n.comeet2026-reveal {\r\nopacity: 0;\r\ntransform: translateY(24px);\r\n}\r\n\r\n.comeet2026-delay-1 {\r\ntransition-delay: 0.08s;\r\n}\r\n\r\n.comeet2026-delay-2 {\r\ntransition-delay: 0.16s;\r\n}\r\n\r\n.comeet2026-delay-3 {\r\ntransition-delay: 0.24s;\r\n}\r\n\r\n\/* =========================================================\r\nRESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n.comeet2026-hero,\r\n.comeet2026-experience-grid,\r\n.comeet2026-image-flow-header,\r\n.comeet2026-rooms-header,\r\n.comeet2026-inclusions-header,\r\n.comeet2026-cta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-hero-media {\r\nmin-height: 520px;\r\n}\r\n\r\n.comeet2026-sticky {\r\nposition: relative;\r\ntop: auto;\r\n}\r\n\r\n.comeet2026-booking-strip {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n.comeet2026-booking-action {\r\njustify-content: flex-start;\r\n}\r\n\r\n.comeet2026-room-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-room-meta {\r\njustify-content: flex-start;\r\n}\r\n\r\n.comeet2026-inclusions-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n.comeet2026-cta-right {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 760px) {\r\n.comeet2026-page {\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.comeet2026-section {\r\nwidth: 92vw;\r\n}\r\n\r\n.comeet2026-hero {\r\nmin-height: auto;\r\npadding: 1rem;\r\nmargin-top: 1rem;\r\nmargin-bottom: 2rem;\r\n}\r\n\r\n.comeet2026-hero-content {\r\npadding: 4.5rem 1rem 1rem;\r\n}\r\n\r\n.comeet2026-title {\r\nfont-size: clamp(3.25rem, 15vw, 5.25rem);\r\n}\r\n\r\n.comeet2026-section-title {\r\nfont-size: clamp(2.25rem, 10vw, 3.5rem);\r\n}\r\n\r\n.comeet2026-hero-media {\r\nmin-height: 430px;\r\n}\r\n\r\n.comeet2026-hero-media-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-hero-mini {\r\nmin-height: 5rem;\r\n}\r\n\r\n.comeet2026-booking-strip {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-booking-cell,\r\n.comeet2026-booking-action {\r\nmin-height: 8.5rem;\r\n}\r\n\r\n.comeet2026-experience,\r\n.comeet2026-image-flow,\r\n.comeet2026-rooms,\r\n.comeet2026-inclusions {\r\npadding: 3.5rem 0;\r\n}\r\n\r\n.comeet2026-experience-item {\r\ngrid-template-columns: 1fr;\r\nmin-height: auto;\r\n}\r\n\r\n.comeet2026-image-grid {\r\ngrid-template-columns: 1fr;\r\ngrid-template-rows: none;\r\n}\r\n\r\n.comeet2026-image-card,\r\n.comeet2026-image-card:nth-child(1),\r\n.comeet2026-image-card:nth-child(4) {\r\ngrid-column: auto;\r\ngrid-row: auto;\r\nmin-height: 280px;\r\n}\r\n\r\n.comeet2026-room-card {\r\nmin-height: auto;\r\npadding: 1.35rem;\r\n}\r\n\r\n.comeet2026-room-size {\r\nfont-size: clamp(3.25rem, 16vw, 5rem);\r\n}\r\n\r\n.comeet2026-inclusions-box,\r\n.comeet2026-cta {\r\npadding: 2rem;\r\n}\r\n\r\n.comeet2026-inclusions-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.comeet2026-inclusion {\r\nmin-height: 13rem;\r\n}\r\n\r\n.comeet2026-cta {\r\nmin-height: auto;\r\n}\r\n\r\n.comeet2026-hero-actions,\r\n.comeet2026-cta-right {\r\nalign-items: flex-start;\r\n}\r\n\r\n.comeet2026-sidepanel {\r\nwidth: 100vw;\r\n}\r\n\r\n.comeet2026-sidepanel-header {\r\nmin-height: 5rem;\r\n}\r\n}\r\n<\/style>\r\n\r\n<div class=\"comeet2026-page\">\r\n\r\n<!-- HERO -->\r\n<section class=\"comeet2026-section comeet2026-hero\">\r\n<div class=\"comeet2026-hero-content comeet2026-reveal\">\r\n<div class=\"comeet2026-hero-kicker-row\">\r\n<span class=\"comeet2026-hero-dot\"><\/span>\r\n<p class=\"comeet2026-eyebrow\">Meeting rooms<\/p>\r\n<\/div>\r\n\r\n<h1 class=\"comeet2026-title\">\r\nRuimtes voor meetings die goed moeten voelen.\r\n<\/h1>\r\n\r\n<p class=\"comeet2026-copy comeet2026-hero-copy\">\r\nBoek een verzorgde vergaderruimte bij Co-Office voor klantgesprekken, teamdagen, presentaties en werksessies. Alles staat klaar zodat jij je volledig kunt richten op het gesprek.\r\n<\/p>\r\n\r\n<div class=\"comeet2026-hero-actions\">\r\n<button type=\"button\" class=\"buttn-icon-link w-inline-block fading comeet2026-panel-trigger\" data-comeet2026-scroll-locations>\r\n<div class=\"buttn-icon-content__mask\" data-hover-text=\"Reserveer direct\">\r\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Reserveer direct<\/span>\r\n<\/div>\r\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\r\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\r\n<div class=\"buttn-icon-icon__wrap color--white\">\r\n<div class=\"buttn-icon-icon__list\">\r\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>\r\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>\r\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>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/button>\r\n\r\n<span class=\"comeet2026-hero-note\">Per uur te boeken<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-hero-media comeet2026-reveal comeet2026-delay-1\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-image-0-1768513942705.webp\" alt=\"Vergaderruimte bij Co-Office met verzorgde inrichting\">\r\n\r\n<div class=\"comeet2026-hero-media-card\">\r\n<div class=\"comeet2026-hero-mini\">\r\n<span>For<\/span>\r\n<strong>Overleg en presentaties<\/strong>\r\n<\/div>\r\n<div class=\"comeet2026-hero-mini\">\r\n<span>Boeking<\/span>\r\n<strong>Direct online<\/strong>\r\n<\/div>\r\n<div class=\"comeet2026-hero-mini\">\r\n<span>Location<\/span>\r\n<strong>Co-Office<\/strong>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- BOOKING STRIP -->\r\n<section class=\"comeet2026-section comeet2026-booking-strip comeet2026-reveal\">\r\n<div class=\"comeet2026-booking-cell\">\r\n<span>Use<\/span>\r\n<strong>Meeting, workshop of klantgesprek<\/strong>\r\n<\/div>\r\n<div class=\"comeet2026-booking-cell\">\r\n<span>Boeking<\/span>\r\n<strong>Kies zelf je moment online<\/strong>\r\n<\/div>\r\n<div class=\"comeet2026-booking-cell\">\r\n<span>Ontvangst<\/span>\r\n<strong>Professioneel en verzorgd<\/strong>\r\n<\/div>\r\n<div class=\"comeet2026-booking-action\">\r\n<button type=\"button\" class=\"buttn-icon-link w-inline-block fading comeet2026-panel-trigger\" data-comeet2026-scroll-locations>\r\n<div class=\"buttn-icon-content__mask\" data-hover-text=\"Bekijk beschikbaarheid\">\r\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text light\">Bekijk beschikbaarheid<\/span>\r\n<\/div>\r\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\r\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\r\n<div class=\"buttn-icon-icon__wrap color--white\">\r\n<div class=\"buttn-icon-icon__list\">\r\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>\r\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>\r\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>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/button>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- EXPERIENCE -->\r\n<section class=\"comeet2026-section comeet2026-experience\">\r\n<div class=\"comeet2026-experience-grid\">\r\n<div class=\"comeet2026-sticky comeet2026-reveal\">\r\n<p class=\"comeet2026-eyebrow\">Over de vergaderruimtes<\/p>\r\n<h2 class=\"comeet2026-section-title\">Professioneel vergaderen in een verzorgde omgeving<\/h2>\r\n<p class=\"comeet2026-copy comeet2026-experience-copy\">\r\nVan een eerste kennismaking tot een strategische teamsessie. De vergaderruimtes van Co-Office geven je de rust, uitstraling en praktische basis die je nodig hebt voor een sterke bijeenkomst.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-experience-list comeet2026-reveal comeet2026-delay-1\">\r\n<div class=\"comeet2026-experience-item\">\r\n<div class=\"comeet2026-experience-number\">01<\/div>\r\n<div>\r\n<h3>Ontvang klanten in een representatieve omgeving.<\/h3>\r\n<p>De ruimtes voelen professioneel, warm en verzorgd. Ideaal wanneer je een gesprek wilt voeren op een plek die vertrouwen uitstraalt.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-experience-line\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-experience-item\">\r\n<div class=\"comeet2026-experience-number\">02<\/div>\r\n<div>\r\n<h3>Reserveer eenvoudig je gewenste moment.<\/h3>\r\n<p>Via het boekingspaneel kies je direct een datum en tijd. Zo blijft het reserveren helder en praktisch.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-experience-line\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-experience-item\">\r\n<div class=\"comeet2026-experience-number\">03<\/div>\r\n<div>\r\n<h3>Alles staat klaar voor een goede sessie.<\/h3>\r\n<p>Je gebruikt een ruimte die geschikt is voor overleg, presentaties, interviews, workshops en compacte teamdagen.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-experience-line\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FLOW -->\r\n<section class=\"comeet2026-section comeet2026-image-flow\">\r\n<div class=\"comeet2026-image-flow-header comeet2026-reveal\">\r\n<div>\r\n<p class=\"comeet2026-eyebrow\">Sfeer en ruimte<\/p>\r\n<h2 class=\"comeet2026-section-title\">\r\nRustige ruimtes met een zakelijke uitstraling.\r\n<\/h2>\r\n<\/div>\r\n<p class=\"comeet2026-copy\">\r\nDe vergaderruimtes zijn gemaakt voor momenten waarin aandacht belangrijk is. Denk aan klantgesprekken, brainstorms, presentaties of een compacte werksessie met je team.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-image-grid\">\r\n<div class=\"comeet2026-image-card comeet2026-reveal\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-image-0-1768513942705.webp\" alt=\"Vergaderruimte bij Co-Office met tafel en stoelen\">\r\n<span class=\"comeet2026-image-label\">Professionele vergaderruimte<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-image-card comeet2026-reveal comeet2026-delay-1\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-1-1768339594475.webp\" alt=\"Co-Office vergaderruimte met verzorgde zakelijke inrichting\">\r\n<span class=\"comeet2026-image-label\">Voor klantgesprekken<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-image-card comeet2026-reveal comeet2026-delay-2\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-2-1768339566177.webp\" alt=\"Co-Office meetingruimte voor overleg en presentaties\">\r\n<span class=\"comeet2026-image-label\">Voor teamsessies<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-image-card comeet2026-reveal comeet2026-delay-3\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/resource-6908e0d6c5ae97e9d21ede27-3-1768339582005.webp\" alt=\"Sfeervolle vergaderruimte bij Co-Office\">\r\n<span class=\"comeet2026-image-label\">Verzorgd en instapklaar<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- LOCATIONS -->\r\n<section class=\"comeet2026-section comeet2026-locations\" id=\"comeet2026-locations\" aria-labelledby=\"comeet2026-locations-title\">\r\n<div class=\"comeet2026-locations-header comeet2026-reveal\">\r\n<div>\r\n<p class=\"comeet2026-eyebrow\">Vind je vergaderruimte<\/p>\r\n<h2 class=\"comeet2026-section-title\" id=\"comeet2026-locations-title\">\r\nVergaderruimtes overzichtelijk per locatie.\r\n<\/h2>\r\n<\/div>\r\n<p class=\"comeet2026-copy\">\r\nFilter op vestiging of geef aan met hoeveel personen je komt. Je ziet daarna alleen de ruimtes die bij je afspraak passen. Klik op een beschikbare ruimte om direct te boeken in het sidepanel.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-filters comeet2026-reveal comeet2026-delay-1\" aria-label=\"Filter vergaderruimtes\">\r\n<div class=\"comeet2026-filter-field\">\r\n<label for=\"comeet2026-filter-location\">Location<\/label>\r\n<div class=\"comeet2026-filter-select-wrap\">\r\n<select class=\"comeet2026-filter-select\" id=\"comeet2026-filter-location\" data-comeet2026-filter-location>\r\n<option value=\"all\">Alle locaties<\/option>\r\n<option value=\"pulse\">Pulse, Zuidas<\/option>\r\n<option value=\"herengracht\">Herengracht, centrum<\/option>\r\n<option value=\"adammium\">Adammium, oost<\/option>\r\n<\/select>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-filter-field\">\r\n<label for=\"comeet2026-filter-capacity\">Number of persons<\/label>\r\n<div class=\"comeet2026-filter-select-wrap\">\r\n<select class=\"comeet2026-filter-select\" id=\"comeet2026-filter-capacity\" data-comeet2026-filter-capacity>\r\n<option value=\"all\">Alle groepsgroottes<\/option>\r\n<option value=\"2\">2 personen<\/option>\r\n<option value=\"3\">3 personen<\/option>\r\n<option value=\"4\">4 personen<\/option>\r\n<option value=\"5\">5 personen<\/option>\r\n<option value=\"6\">6 personen<\/option>\r\n<option value=\"7\">7 personen<\/option>\r\n<option value=\"8\">8 personen<\/option>\r\n<option value=\"9\">9 personen<\/option>\r\n<option value=\"10\">10 personen<\/option>\r\n<option value=\"11\">11 personen<\/option>\r\n<option value=\"12\">12 personen<\/option>\r\n<option value=\"13\">13 personen<\/option>\r\n<option value=\"14\">14 personen<\/option>\r\n<option value=\"15\">15 personen<\/option>\r\n<option value=\"16\">16 personen<\/option>\r\n<option value=\"17\">17 personen<\/option>\r\n<option value=\"18\">18 personen<\/option>\r\n<\/select>\r\n<\/div>\r\n<\/div>\r\n\r\n<button type=\"button\" class=\"comeet2026-filter-reset\" data-comeet2026-filter-reset disabled>\r\n<span>Filters wissen<\/span>\r\n<span>\r\nReset alles\r\n<svg viewbox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\"><path d=\"M14.25 6.25A6 6 0 1 0 15 9\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path><path d=\"M11.5 3.25H14.75V6.5\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n<\/span>\r\n<\/button>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-filter-meta\" aria-live=\"polite\">\r\n<p class=\"comeet2026-filter-result\" data-comeet2026-filter-result><strong>5<\/strong> vergaderruimtes gevonden<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-groups\" data-comeet2026-location-groups>\r\n\r\n<section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"pulse\" aria-labelledby=\"comeet2026-group-pulse\">\r\n<div class=\"comeet2026-location-group-head\">\r\n<div class=\"comeet2026-location-group-heading\">\r\n<span class=\"comeet2026-location-group-number\">01<\/span>\r\n<h3 class=\"comeet2026-location-group-title\" id=\"comeet2026-group-pulse\">Pulse, Zuidas<\/h3>\r\n<\/div>\r\n<span class=\"comeet2026-location-group-count\" data-comeet2026-group-count>3 ruimtes<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-grid\">\r\n<button type=\"button\" class=\"comeet2026-location-card comeet2026-location-card--orange\" data-comeet2026-room-card data-comeet2026-location data-location-key=\"pulse\" data-capacity-min=\"2\" data-capacity-max=\"4\" data-location-index=\"01\" data-location-name=\"De Kas\" data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6908e0d6c5ae97e9d21ede27\" aria-haspopup=\"dialog\">\r\n<span class=\"comeet2026-location-top\">\r\n<span class=\"comeet2026-location-index\">01<\/span>\r\n<span class=\"comeet2026-location-status\">Online beschikbaarheid<\/span>\r\n<\/span>\r\n<span class=\"comeet2026-location-main\">\r\n<span class=\"comeet2026-location-details\">\r\n<span class=\"comeet2026-location-capacity\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.5 11C10.433 11 12 9.433 12 7.5S10.433 4 8.5 4 5 5.567 5 7.5 6.567 11 8.5 11Z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><path d=\"M2.75 19C2.75 15.824 5.324 13.25 8.5 13.25S14.25 15.824 14.25 19\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M15 5.25C16.657 5.25 18 6.593 18 8.25S16.657 11.25 15 11.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M16.25 13.75C19.011 13.75 21.25 15.989 21.25 18.75\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><strong>2-4 personen<\/strong><\/span>\r\n<span class=\"comeet2026-location-area\">Pulse, Zuidas<\/span>\r\n<\/span>\r\n<h3>De Kas<\/h3>\r\n<p>Een intieme meeting room voor \u00e9\u00e9n-op-\u00e9\u00e9n gesprekken en klein, gericht overleg.<\/p>\r\n<\/span>\r\n<span class=\"comeet2026-location-bottom\">\r\n<span class=\"comeet2026-location-action\">Bekijk beschikbaarheid<\/span>\r\n<span class=\"comeet2026-location-arrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>\r\n<\/span>\r\n<\/button>\r\n\r\n<button type=\"button\" class=\"comeet2026-location-card comeet2026-location-card--soft\" data-comeet2026-room-card data-comeet2026-location data-location-key=\"pulse\" data-capacity-min=\"4\" data-capacity-max=\"8\" data-location-index=\"02\" data-location-name=\"Freddy\" data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f0e5860cbdc034b9843f\" aria-haspopup=\"dialog\">\r\n<span class=\"comeet2026-location-top\">\r\n<span class=\"comeet2026-location-index\">02<\/span>\r\n<span class=\"comeet2026-location-status\">Online beschikbaarheid<\/span>\r\n<\/span>\r\n<span class=\"comeet2026-location-main\">\r\n<span class=\"comeet2026-location-details\">\r\n<span class=\"comeet2026-location-capacity\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.5 11C10.433 11 12 9.433 12 7.5S10.433 4 8.5 4 5 5.567 5 7.5 6.567 11 8.5 11Z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><path d=\"M2.75 19C2.75 15.824 5.324 13.25 8.5 13.25S14.25 15.824 14.25 19\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M15 5.25C16.657 5.25 18 6.593 18 8.25S16.657 11.25 15 11.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M16.25 13.75C19.011 13.75 21.25 15.989 21.25 18.75\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><strong>4-8 personen<\/strong><\/span>\r\n<span class=\"comeet2026-location-area\">Pulse, Zuidas<\/span>\r\n<\/span>\r\n<h3>Freddy<\/h3>\r\n<p>Een comfortabele ruimte voor teamoverleg, klantgesprekken en compacte werksessies.<\/p>\r\n<\/span>\r\n<span class=\"comeet2026-location-bottom\">\r\n<span class=\"comeet2026-location-action\">Bekijk beschikbaarheid<\/span>\r\n<span class=\"comeet2026-location-arrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>\r\n<\/span>\r\n<\/button>\r\n\r\n<button type=\"button\" class=\"comeet2026-location-card comeet2026-location-card--dark\" data-comeet2026-room-card data-comeet2026-location data-location-key=\"pulse\" data-capacity-min=\"8\" data-capacity-max=\"18\" data-location-index=\"03\" data-location-name=\"Le Garage\" data-location-url=\"https:\/\/e-commerce.officernd.com\/co-office\/resources\/6909f113860cbdc034b98530\" aria-haspopup=\"dialog\">\r\n<span class=\"comeet2026-location-top\">\r\n<span class=\"comeet2026-location-index\">03<\/span>\r\n<span class=\"comeet2026-location-status\">Online beschikbaarheid<\/span>\r\n<\/span>\r\n<span class=\"comeet2026-location-main\">\r\n<span class=\"comeet2026-location-details\">\r\n<span class=\"comeet2026-location-capacity\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.5 11C10.433 11 12 9.433 12 7.5S10.433 4 8.5 4 5 5.567 5 7.5 6.567 11 8.5 11Z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><path d=\"M2.75 19C2.75 15.824 5.324 13.25 8.5 13.25S14.25 15.824 14.25 19\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M15 5.25C16.657 5.25 18 6.593 18 8.25S16.657 11.25 15 11.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M16.25 13.75C19.011 13.75 21.25 15.989 21.25 18.75\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><strong>8-18 personen<\/strong><\/span>\r\n<span class=\"comeet2026-location-area\">Pulse, Zuidas<\/span>\r\n<\/span>\r\n<h3>Le Garage<\/h3>\r\n<p>Een royale vergaderruimte voor grotere teamsessies, presentaties en bijeenkomsten.<\/p>\r\n<\/span>\r\n<span class=\"comeet2026-location-bottom\">\r\n<span class=\"comeet2026-location-action\">Bekijk beschikbaarheid<\/span>\r\n<span class=\"comeet2026-location-arrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>\r\n<\/span>\r\n<\/button>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"herengracht\" aria-labelledby=\"comeet2026-group-herengracht\">\r\n<div class=\"comeet2026-location-group-head\">\r\n<div class=\"comeet2026-location-group-heading\">\r\n<span class=\"comeet2026-location-group-number\">02<\/span>\r\n<h3 class=\"comeet2026-location-group-title\" id=\"comeet2026-group-herengracht\">Herengracht, centrum<\/h3>\r\n<\/div>\r\n<span class=\"comeet2026-location-group-count\" data-comeet2026-group-count>1 ruimte<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-grid\">\r\n<article class=\"comeet2026-location-card comeet2026-location-card--light is-unavailable\" data-comeet2026-room-card data-location-key=\"herengracht\" data-capacity-min=\"1\" data-capacity-max=\"8\">\r\n<span class=\"comeet2026-location-top\">\r\n<span class=\"comeet2026-location-index\">04<\/span>\r\n<span class=\"comeet2026-location-status is-pending\">Boekingslink volgt<\/span>\r\n<\/span>\r\n<span class=\"comeet2026-location-main\">\r\n<span class=\"comeet2026-location-details\">\r\n<span class=\"comeet2026-location-capacity\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.5 11C10.433 11 12 9.433 12 7.5S10.433 4 8.5 4 5 5.567 5 7.5 6.567 11 8.5 11Z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><path d=\"M2.75 19C2.75 15.824 5.324 13.25 8.5 13.25S14.25 15.824 14.25 19\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M15 5.25C16.657 5.25 18 6.593 18 8.25S16.657 11.25 15 11.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M16.25 13.75C19.011 13.75 21.25 15.989 21.25 18.75\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><strong>8 personen<\/strong><\/span>\r\n<span class=\"comeet2026-location-area\">Herengracht, centrum<\/span>\r\n<\/span>\r\n<h3>Boardroom<\/h3>\r\n<p>Een representatieve boardroom voor directieoverleg, klantpresentaties en besloten meetings.<\/p>\r\n<\/span>\r\n<span class=\"comeet2026-location-bottom\">\r\n<span class=\"comeet2026-location-action\">Online boeking wordt toegevoegd<\/span>\r\n<span class=\"comeet2026-location-arrow is-pending\" aria-hidden=\"true\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg><\/span>\r\n<\/span>\r\n<\/article>\r\n<\/div>\r\n<\/section>\r\n\r\n<section class=\"comeet2026-location-group\" data-comeet2026-location-group data-group-key=\"adammium\" aria-labelledby=\"comeet2026-group-adammium\">\r\n<div class=\"comeet2026-location-group-head\">\r\n<div class=\"comeet2026-location-group-heading\">\r\n<span class=\"comeet2026-location-group-number\">03<\/span>\r\n<h3 class=\"comeet2026-location-group-title\" id=\"comeet2026-group-adammium\">Adammium, oost<\/h3>\r\n<\/div>\r\n<span class=\"comeet2026-location-group-count\" data-comeet2026-group-count>1 ruimte<\/span>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-grid\">\r\n<article class=\"comeet2026-location-card comeet2026-location-card--soft is-unavailable\" data-comeet2026-room-card data-location-key=\"adammium\" data-capacity-min=\"1\" data-capacity-max=\"6\">\r\n<span class=\"comeet2026-location-top\">\r\n<span class=\"comeet2026-location-index\">05<\/span>\r\n<span class=\"comeet2026-location-status is-pending\">Boekingslink volgt<\/span>\r\n<\/span>\r\n<span class=\"comeet2026-location-main\">\r\n<span class=\"comeet2026-location-details\">\r\n<span class=\"comeet2026-location-capacity\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.5 11C10.433 11 12 9.433 12 7.5S10.433 4 8.5 4 5 5.567 5 7.5 6.567 11 8.5 11Z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><path d=\"M2.75 19C2.75 15.824 5.324 13.25 8.5 13.25S14.25 15.824 14.25 19\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M15 5.25C16.657 5.25 18 6.593 18 8.25S16.657 11.25 15 11.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M16.25 13.75C19.011 13.75 21.25 15.989 21.25 18.75\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><strong>6 personen<\/strong><\/span>\r\n<span class=\"comeet2026-location-area\">Adammium, oost<\/span>\r\n<\/span>\r\n<h3>De Arena<\/h3>\r\n<p>Een compacte vergaderruimte voor teamoverleg, interviews en gerichte werksessies.<\/p>\r\n<\/span>\r\n<span class=\"comeet2026-location-bottom\">\r\n<span class=\"comeet2026-location-action\">Online boeking wordt toegevoegd<\/span>\r\n<span class=\"comeet2026-location-arrow is-pending\" aria-hidden=\"true\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 8H12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/svg><\/span>\r\n<\/span>\r\n<\/article>\r\n<\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<div class=\"comeet2026-location-empty\" data-comeet2026-location-empty hidden>\r\n<p class=\"comeet2026-eyebrow\">Geen passende ruimte<\/p>\r\n<h3>Voor deze combinatie is geen vergaderruimte beschikbaar.<\/h3>\r\n<p>Kies een andere locatie of pas het aantal personen aan om opnieuw te zoeken.<\/p>\r\n<button type=\"button\" data-comeet2026-filter-empty-reset>Reset de filters<\/button>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- ROOM OPTIONS -->\r\n<section class=\"comeet2026-section comeet2026-rooms\">\r\n<div class=\"comeet2026-rooms-header comeet2026-reveal\">\r\n<div>\r\n<p class=\"comeet2026-eyebrow\">Voor ieder overleg<\/p>\r\n<h2 class=\"comeet2026-section-title\">\r\nKies de ruimte die past bij je afspraak.\r\n<\/h2>\r\n<\/div>\r\n<p class=\"comeet2026-copy\">\r\nOf je nu met twee personen zit of een grotere sessie organiseert, je reserveert eenvoudig de ruimte die past bij het moment.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-room-stack comeet2026-reveal comeet2026-delay-1\">\r\n<div class=\"comeet2026-room-card\">\r\n<div class=\"comeet2026-room-size\">2-4<\/div>\r\n<div class=\"comeet2026-room-info\">\r\n<h3>Compact overleg<\/h3>\r\n<p>Voor korte besprekingen, interviews, een intakegesprek of een rustige \u00e9\u00e9n-op-\u00e9\u00e9n sessie met een klant of collega.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-room-meta\">\r\n<span>Klantgesprek<\/span>\r\n<span>Interview<\/span>\r\n<span>Focus<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-room-card\">\r\n<div class=\"comeet2026-room-size\">4-8<\/div>\r\n<div class=\"comeet2026-room-info\">\r\n<h3>Team meeting<\/h3>\r\n<p>Voor projectoverleggen, brainstorms, presentaties en werksessies waarbij je samen aan de slag wilt.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-room-meta\">\r\n<span>Teamoverleg<\/span>\r\n<span>Presentatie<\/span>\r\n<span>Workshop<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-room-card\">\r\n<div class=\"comeet2026-room-size\">8+<\/div>\r\n<div class=\"comeet2026-room-info\">\r\n<h3>Grotere sessie<\/h3>\r\n<p>Voor een strategische meeting, teamdag of training waarbij je een representatieve ruimte nodig hebt met voldoende comfort.<\/p>\r\n<\/div>\r\n<div class=\"comeet2026-room-meta\">\r\n<span>Training<\/span>\r\n<span>Teamdag<\/span>\r\n<span>Strategie<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- INCLUSIONS -->\r\n<section class=\"comeet2026-section comeet2026-inclusions\">\r\n<div class=\"comeet2026-section-soft comeet2026-inclusions-box comeet2026-reveal\">\r\n<div class=\"comeet2026-inclusions-header\">\r\n<div>\r\n<p class=\"comeet2026-eyebrow\">Meer informatie<\/p>\r\n<h2 class=\"comeet2026-section-title\">\r\nAlles aanwezig voor een sterke bijeenkomst.\r\n<\/h2>\r\n<\/div>\r\n<p class=\"comeet2026-copy\">\r\nEen vergaderruimte bij Co-Office is meer dan een tafel en stoelen. Je boekt een verzorgde omgeving waarin ontvangst, focus en gemak samenkomen.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-inclusions-grid\">\r\n<div class=\"comeet2026-inclusion\">\r\n<div class=\"comeet2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 7H20V17H4V7Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M8 21H16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M12 17V21\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Presentatie klaar<\/h3>\r\n<p>Een professionele setting voor presentaties, pitches en duidelijke gesprekken.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-inclusion\">\r\n<div class=\"comeet2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10H17\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M7 14H13\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M4 5H20V19H4V5Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Zakelijke ontvangst<\/h3>\r\n<p>Ontvang klanten of partners in een ruimte die netjes en representatief aanvoelt.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-inclusion\">\r\n<div class=\"comeet2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 8H16V16H8V8Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M4 12H8\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M16 12H20\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M12 4V8\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M12 16V20\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Flexibel gebruik<\/h3>\r\n<p>Geschikt voor overleg, workshops, interviews, trainingen en compacte teamdagen.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-inclusion\">\r\n<div class=\"comeet2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 8H18L17 20H7L6 8Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M9 8V6C9 4.9 9.9 4 11 4H13C14.1 4 15 4.9 15 6V8\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Verzorgde basis<\/h3>\r\n<p>Een nette ruimte met de juiste sfeer, zodat je afspraak meteen goed begint.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"comeet2026-section comeet2026-cta-section\">\r\n<div class=\"comeet2026-cta comeet2026-reveal\">\r\n<div>\r\n<p class=\"comeet2026-eyebrow\">Reserveer direct<\/p>\r\n<h2 class=\"comeet2026-section-title\">\r\nPlan je volgende meeting bij Co-Office.\r\n<\/h2>\r\n<p class=\"comeet2026-copy\">\r\nBekijk de beschikbaarheid en reserveer direct de vergaderruimte die past bij jouw afspraak.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-cta-right\">\r\n<button type=\"button\" class=\"buttn-icon-link w-inline-block fading comeet2026-panel-trigger\" data-comeet2026-scroll-locations>\r\n<div class=\"buttn-icon-content__mask\" data-hover-text=\"Reserveer vergaderruimte\">\r\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text light\">Reserveer vergaderruimte<\/span>\r\n<\/div>\r\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\r\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\r\n<div class=\"buttn-icon-icon__wrap color--white\">\r\n<div class=\"buttn-icon-icon__list\">\r\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>\r\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>\r\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>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- SIDE PANEL -->\r\n<div class=\"comeet2026-panel-overlay\" data-comeet2026-panel-overlay><\/div>\r\n\r\n<aside class=\"comeet2026-sidepanel\" data-comeet2026-sidepanel role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"comeet2026-panel-title\">\r\n<div class=\"comeet2026-sidepanel-header\">\r\n<div class=\"comeet2026-sidepanel-heading\">\r\n<div class=\"comeet2026-sidepanel-location-mark\" data-comeet2026-panel-index>01<\/div>\r\n<div class=\"comeet2026-sidepanel-title\">\r\n<span>Vergaderruimte reserveren<\/span>\r\n<strong id=\"comeet2026-panel-title\" data-comeet2026-panel-title>Selecteer een locatie<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-sidepanel-actions\">\r\n<a class=\"comeet2026-sidepanel-external\" data-comeet2026-panel-external href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open boeking in een nieuw tabblad\">\r\n<span>Open volledig<\/span>\r\n<svg viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 3H3V13H13V10\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M9 3H13V7\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M7 9L13 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/a>\r\n\r\n<button type=\"button\" class=\"comeet2026-sidepanel-close\" data-comeet2026-close-panel aria-label=\"Sluit reserveringspaneel\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\r\n<path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"comeet2026-sidepanel-frame-wrap\">\r\n<div class=\"comeet2026-sidepanel-loader\" data-comeet2026-loader aria-live=\"polite\">\r\n<div class=\"comeet2026-sidepanel-loader-spinner\" aria-hidden=\"true\"><\/div>\r\n<strong data-comeet2026-loader-title>Beschikbaarheid laden<\/strong>\r\n<span>Een moment geduld, de boekingsmodule wordt geopend.<\/span>\r\n<\/div>\r\n<div data-comeet2026-iframe-holder><\/div>\r\n<\/div>\r\n<\/aside>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n\/* =========================================================\r\nH1 + H2 SPLITTEXT MASK FIX\r\n========================================================= *\/\r\n\r\n\/*\r\nDe bestaande masked SplitText reveal blijft intact.\r\nNa de reveal wordt alleen overflow van .split-parent\r\nvrijgegeven, zodat Lora niet afgesneden blijft.\r\n\r\nDeze oplossing werkt ook wanneer een ander SplitText-script\r\nde .split-parent wrappers pas na DOMContentLoaded toevoegt.\r\n*\/\r\n\r\nconst comeet2026SplitMaskReleaseDelay = 1400;\r\nconst comeet2026SplitHeadings = document.querySelectorAll('h1, h2');\r\nconst comeet2026ReleasedSplitHeadings = new WeakSet();\r\n\r\n\r\nfunction comeet2026GetSplitParents(heading) {\r\nreturn heading.querySelectorAll('.split-parent');\r\n}\r\n\r\n\r\nfunction comeet2026SetSplitMaskHidden(parent) {\r\nparent.classList.remove('split-mask-released');\r\nparent.style.setProperty('overflow', 'hidden', 'important');\r\n}\r\n\r\n\r\nfunction comeet2026SetSplitMaskVisible(parent) {\r\nparent.classList.add('split-mask-released');\r\nparent.style.setProperty('overflow', 'visible', 'important');\r\n}\r\n\r\n\r\nfunction comeet2026PrepareHeadingMasks(heading) {\r\n\r\nif (comeet2026ReleasedSplitHeadings.has(heading)) return;\r\n\r\ncomeet2026GetSplitParents(heading).forEach(function (parent) {\r\ncomeet2026SetSplitMaskHidden(parent);\r\n});\r\n\r\n}\r\n\r\n\r\nfunction comeet2026ReleaseHeadingMasks(heading) {\r\n\r\ncomeet2026ReleasedSplitHeadings.add(heading);\r\n\r\ncomeet2026GetSplitParents(heading).forEach(function (parent) {\r\ncomeet2026SetSplitMaskVisible(parent);\r\n});\r\n\r\n}\r\n\r\n\r\n\/*\r\nBestaande SplitText wrappers direct voorbereiden.\r\n*\/\r\ncomeet2026SplitHeadings.forEach(function (heading) {\r\ncomeet2026PrepareHeadingMasks(heading);\r\n});\r\n\r\n\r\n\/*\r\nIedere H1 en H2 krijgt zijn eigen viewport trigger.\r\nIntersectionObserver maakt deze fix onafhankelijk van\r\nScrollTrigger en van de volgorde waarin scripts laden.\r\n*\/\r\nconst comeet2026SplitHeadingObserver = new IntersectionObserver(function (entries) {\r\n\r\nentries.forEach(function (entry) {\r\n\r\nif (!entry.isIntersecting) return;\r\n\r\nconst heading = entry.target;\r\n\r\nwindow.setTimeout(function () {\r\ncomeet2026ReleaseHeadingMasks(heading);\r\n}, comeet2026SplitMaskReleaseDelay);\r\n\r\ncomeet2026SplitHeadingObserver.unobserve(heading);\r\n\r\n});\r\n\r\n}, {\r\nthreshold: 0.01,\r\nrootMargin: '0px 0px 8% 0px'\r\n});\r\n\r\n\r\ncomeet2026SplitHeadings.forEach(function (heading) {\r\ncomeet2026SplitHeadingObserver.observe(heading);\r\n});\r\n\r\n\r\n\/*\r\nAls SplitText zijn .split-parent wrappers later toevoegt,\r\nworden die hier alsnog correct behandeld.\r\n*\/\r\nconst comeet2026SplitMaskObserver = new MutationObserver(function (mutations) {\r\n\r\nmutations.forEach(function (mutation) {\r\n\r\nmutation.addedNodes.forEach(function (node) {\r\n\r\nif (!(node instanceof HTMLElement)) return;\r\n\r\nconst newParents = [];\r\n\r\n\r\nif (node.classList.contains('split-parent')) {\r\nnewParents.push(node);\r\n}\r\n\r\n\r\nif (node.querySelectorAll) {\r\n\r\nnode.querySelectorAll('.split-parent').forEach(function (parent) {\r\nnewParents.push(parent);\r\n});\r\n\r\n}\r\n\r\n\r\nnewParents.forEach(function (parent) {\r\n\r\nconst heading = parent.closest('h1, h2');\r\n\r\nif (!heading) return;\r\n\r\n\r\nif (comeet2026ReleasedSplitHeadings.has(heading)) {\r\n\r\ncomeet2026SetSplitMaskVisible(parent);\r\n\r\n} else {\r\n\r\ncomeet2026SetSplitMaskHidden(parent);\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\n});\r\n\r\n});\r\n\r\n\r\ncomeet2026SplitMaskObserver.observe(document.body, {\r\nchildList: true,\r\nsubtree: true\r\n});\r\n\r\n\r\nconst comeet2026IsMobile = function () {\r\nreturn window.innerWidth <= 760;\r\n};\r\n\r\nconst comeet2026RevealItems = document.querySelectorAll('.comeet2026-reveal');\r\n\r\nif (comeet2026RevealItems.length) {\r\nconst comeet2026RevealObserver = new IntersectionObserver(function (entries) {\r\nentries.forEach(function (entry) {\r\nif (entry.isIntersecting) {\r\nif (window.gsap) {\r\ngsap.to(entry.target, {\r\nopacity: 1,\r\ny: 0,\r\nduration: 0.85,\r\nease: 'power3.out',\r\noverwrite: true\r\n});\r\n\r\nconst images = entry.target.querySelectorAll('img');\r\n\r\nif (images.length) {\r\ngsap.to(images, {\r\nscale: 1,\r\nduration: 1.2,\r\nease: 'power3.out',\r\nstagger: 0.08,\r\noverwrite: true\r\n});\r\n}\r\n} else {\r\nentry.target.style.opacity = '1';\r\nentry.target.style.transform = 'translateY(0)';\r\n}\r\n\r\ncomeet2026RevealObserver.unobserve(entry.target);\r\n}\r\n});\r\n}, {\r\nthreshold: 0.14\r\n});\r\n\r\ncomeet2026RevealItems.forEach(function (item) {\r\ncomeet2026RevealObserver.observe(item);\r\n});\r\n}\r\n\r\nif (window.gsap) {\r\ngsap.set('.comeet2026-reveal', {\r\nopacity: 0,\r\ny: 24\r\n});\r\n\r\ngsap.set('.comeet2026-image-card img, .comeet2026-hero-media img', {\r\nscale: 1.06\r\n});\r\n\r\ngsap.to('.comeet2026-hero-media img', {\r\nscale: 1,\r\nduration: 1.4,\r\nease: 'power3.out',\r\ndelay: 0.15\r\n});\r\n\r\nconst experienceItems = document.querySelectorAll('.comeet2026-experience-item');\r\n\r\nexperienceItems.forEach(function (item) {\r\nconst line = item.querySelector('.comeet2026-experience-line');\r\n\r\nitem.addEventListener('mouseenter', function () {\r\ngsap.to(item, {\r\nbackgroundColor: '#f8fbf4',\r\nduration: 0.35,\r\nease: 'power2.out'\r\n});\r\n\r\nif (line) {\r\ngsap.to(line, {\r\nscaleX: 1,\r\nduration: 0.55,\r\nease: 'power3.out'\r\n});\r\n}\r\n});\r\n\r\nitem.addEventListener('mouseleave', function () {\r\ngsap.to(item, {\r\nbackgroundColor: '#ffffff',\r\nduration: 0.35,\r\nease: 'power2.out'\r\n});\r\n\r\nif (line) {\r\ngsap.to(line, {\r\nscaleX: 0,\r\nduration: 0.45,\r\nease: 'power3.inOut'\r\n});\r\n}\r\n});\r\n});\r\n\r\nconst roomCards = document.querySelectorAll('.comeet2026-room-card');\r\n\r\nroomCards.forEach(function (card) {\r\ncard.addEventListener('mouseenter', function () {\r\nif (comeet2026IsMobile()) return;\r\n\r\ngsap.to(card, {\r\nx: 0,\r\nduration: 0.45,\r\nease: 'power3.out'\r\n});\r\n});\r\n\r\ncard.addEventListener('mouseleave', function () {\r\nif (comeet2026IsMobile()) return;\r\n\r\ngsap.to(card, {\r\nx: 0,\r\nduration: 0.45,\r\nease: 'power3.out'\r\n});\r\n});\r\n});\r\n} else {\r\ncomeet2026RevealItems.forEach(function (item) {\r\nitem.style.opacity = '1';\r\nitem.style.transform = 'translateY(0)';\r\n});\r\n}\r\n\r\nconst locationsSection = document.getElementById('comeet2026-locations');\r\nconst scrollButtons = document.querySelectorAll('[data-comeet2026-scroll-locations]');\r\n\r\nscrollButtons.forEach(function (button) {\r\nbutton.addEventListener('click', function (event) {\r\nevent.preventDefault();\r\n\r\nif (locationsSection) {\r\nlocationsSection.scrollIntoView({\r\nbehavior: 'smooth',\r\nblock: 'start'\r\n});\r\n}\r\n});\r\n});\r\n\r\n\/* =========================================================\r\nLOCATION FILTERS\r\n========================================================= *\/\r\n\r\nconst filterLocation = document.querySelector('[data-comeet2026-filter-location]');\r\nconst filterCapacity = document.querySelector('[data-comeet2026-filter-capacity]');\r\nconst filterReset = document.querySelector('[data-comeet2026-filter-reset]');\r\nconst filterEmptyReset = document.querySelector('[data-comeet2026-filter-empty-reset]');\r\nconst filterResult = document.querySelector('[data-comeet2026-filter-result]');\r\nconst filterEmpty = document.querySelector('[data-comeet2026-location-empty]');\r\nconst roomFilterCards = Array.prototype.slice.call(document.querySelectorAll('[data-comeet2026-room-card]'));\r\nconst locationGroups = Array.prototype.slice.call(document.querySelectorAll('[data-comeet2026-location-group]'));\r\n\r\nfunction comeet2026PluralRoom(count) {\r\nreturn count === 1 ? 'vergaderruimte' : 'vergaderruimtes';\r\n}\r\n\r\nfunction comeet2026PluralGroupRoom(count) {\r\nreturn count === 1 ? '1 ruimte' : count + ' ruimtes';\r\n}\r\n\r\nfunction comeet2026UpdateFilters() {\r\nconst selectedLocation = filterLocation ? filterLocation.value : 'all';\r\nconst selectedCapacity = filterCapacity ? filterCapacity.value : 'all';\r\nconst requestedPeople = selectedCapacity === 'all' ? null : Number(selectedCapacity);\r\nlet totalVisible = 0;\r\n\r\nroomFilterCards.forEach(function (card) {\r\nconst cardLocation = card.getAttribute('data-location-key') || '';\r\nconst capacityMin = Number(card.getAttribute('data-capacity-min') || 0);\r\nconst capacityMax = Number(card.getAttribute('data-capacity-max') || 999);\r\nconst locationMatches = selectedLocation === 'all' || cardLocation === selectedLocation;\r\nconst capacityMatches = requestedPeople === null || (requestedPeople >= capacityMin && requestedPeople <= capacityMax);\r\nconst matches = locationMatches && capacityMatches;\r\n\r\ncard.hidden = !matches;\r\ncard.setAttribute('aria-hidden', matches ? 'false' : 'true');\r\n\r\nif (matches) {\r\ntotalVisible += 1;\r\n\r\nif (window.gsap) {\r\ngsap.killTweensOf(card);\r\ngsap.fromTo(card, {\r\nautoAlpha: 0,\r\ny: 14\r\n}, {\r\nautoAlpha: 1,\r\ny: 0,\r\nduration: 0.42,\r\nease: 'power3.out',\r\noverwrite: true\r\n});\r\n}\r\n}\r\n});\r\n\r\nlocationGroups.forEach(function (group) {\r\nconst visibleCards = Array.prototype.filter.call(group.querySelectorAll('[data-comeet2026-room-card]'), function (card) {\r\nreturn !card.hidden;\r\n});\r\nconst groupCount = group.querySelector('[data-comeet2026-group-count]');\r\n\r\ngroup.hidden = visibleCards.length === 0;\r\n\r\nif (groupCount) {\r\ngroupCount.textContent = comeet2026PluralGroupRoom(visibleCards.length);\r\n}\r\n});\r\n\r\nif (filterResult) {\r\nfilterResult.innerHTML = '<strong>' + totalVisible + '<\/strong> ' + comeet2026PluralRoom(totalVisible) + ' gevonden';\r\n}\r\n\r\nif (filterEmpty) {\r\nfilterEmpty.hidden = totalVisible !== 0;\r\n}\r\n\r\nif (filterReset) {\r\nfilterReset.disabled = selectedLocation === 'all' && selectedCapacity === 'all';\r\n}\r\n\r\nif (window.ScrollTrigger && typeof ScrollTrigger.refresh === 'function') {\r\nwindow.setTimeout(function () {\r\nScrollTrigger.refresh();\r\n}, 60);\r\n}\r\n}\r\n\r\nfunction comeet2026ResetFilters() {\r\nif (filterLocation) filterLocation.value = 'all';\r\nif (filterCapacity) filterCapacity.value = 'all';\r\ncomeet2026UpdateFilters();\r\n}\r\n\r\nif (filterLocation) {\r\nfilterLocation.addEventListener('change', comeet2026UpdateFilters);\r\n}\r\n\r\nif (filterCapacity) {\r\nfilterCapacity.addEventListener('change', comeet2026UpdateFilters);\r\n}\r\n\r\nif (filterReset) {\r\nfilterReset.addEventListener('click', comeet2026ResetFilters);\r\n}\r\n\r\nif (filterEmptyReset) {\r\nfilterEmptyReset.addEventListener('click', comeet2026ResetFilters);\r\n}\r\n\r\ncomeet2026UpdateFilters();\r\n\r\nconst panel = document.querySelector('[data-comeet2026-sidepanel]');\r\nconst overlay = document.querySelector('[data-comeet2026-panel-overlay]');\r\nconst locationButtons = document.querySelectorAll('[data-comeet2026-location]');\r\nconst closeButtons = document.querySelectorAll('[data-comeet2026-close-panel]');\r\nconst iframeHolder = document.querySelector('[data-comeet2026-iframe-holder]');\r\nconst loader = document.querySelector('[data-comeet2026-loader]');\r\nconst loaderTitle = document.querySelector('[data-comeet2026-loader-title]');\r\nconst panelTitle = document.querySelector('[data-comeet2026-panel-title]');\r\nconst panelIndex = document.querySelector('[data-comeet2026-panel-index]');\r\nconst panelExternal = document.querySelector('[data-comeet2026-panel-external]');\r\nconst panelClose = document.querySelector('[data-comeet2026-close-panel]');\r\n\r\nlet bookingIframe = null;\r\nlet panelOpen = false;\r\nlet activeBookingUrl = '';\r\nlet loadedBookingUrl = '';\r\nlet lastFocusedElement = null;\r\nlet lockedScrollPosition = 0;\r\n\r\nfunction comeet2026LockScroll() {\r\nlockedScrollPosition = window.scrollY || window.pageYOffset || 0;\r\n\r\ndocument.documentElement.classList.add('comeet2026-panel-open');\r\ndocument.body.classList.add('comeet2026-panel-open');\r\ndocument.body.style.position = 'fixed';\r\ndocument.body.style.top = '-' + lockedScrollPosition + 'px';\r\ndocument.body.style.left = '0';\r\ndocument.body.style.right = '0';\r\ndocument.body.style.width = '100%';\r\n}\r\n\r\nfunction comeet2026UnlockScroll() {\r\ndocument.documentElement.classList.remove('comeet2026-panel-open');\r\ndocument.body.classList.remove('comeet2026-panel-open');\r\ndocument.body.style.position = '';\r\ndocument.body.style.top = '';\r\ndocument.body.style.left = '';\r\ndocument.body.style.right = '';\r\ndocument.body.style.width = '';\r\nwindow.scrollTo(0, lockedScrollPosition);\r\n}\r\n\r\nfunction comeet2026SetLoader(locationName, isVisible) {\r\nif (loaderTitle) {\r\nloaderTitle.textContent = locationName + ' laden';\r\n}\r\n\r\nif (!loader) return;\r\n\r\nif (isVisible) {\r\nloader.classList.remove('is-hidden');\r\n} else {\r\nloader.classList.add('is-hidden');\r\n}\r\n}\r\n\r\nfunction comeet2026GetIframe() {\r\nif (bookingIframe || !iframeHolder) return bookingIframe;\r\n\r\nbookingIframe = document.createElement('iframe');\r\nbookingIframe.title = 'Co-Office vergaderruimte reserveren';\r\nbookingIframe.setAttribute('loading', 'eager');\r\nbookingIframe.setAttribute('allow', 'payment *; clipboard-write; fullscreen');\r\nbookingIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\r\n\r\nbookingIframe.addEventListener('load', function () {\r\nloadedBookingUrl = activeBookingUrl;\r\nbookingIframe.classList.add('is-loaded');\r\ncomeet2026SetLoader(panelTitle ? panelTitle.textContent : 'Beschikbaarheid', false);\r\n});\r\n\r\niframeHolder.appendChild(bookingIframe);\r\nreturn bookingIframe;\r\n}\r\n\r\nfunction comeet2026LoadLocation(locationName, locationIndex, bookingUrl) {\r\nconst iframe = comeet2026GetIframe();\r\nif (!iframe || !bookingUrl) return;\r\n\r\nif (panelTitle) {\r\npanelTitle.textContent = locationName;\r\n}\r\n\r\nif (panelIndex) {\r\npanelIndex.textContent = locationIndex;\r\n}\r\n\r\nif (panelExternal) {\r\npanelExternal.href = bookingUrl;\r\npanelExternal.setAttribute('aria-label', 'Open de boeking voor ' + locationName + ' in een nieuw tabblad');\r\n}\r\n\r\nactiveBookingUrl = bookingUrl;\r\n\r\nif (loadedBookingUrl === bookingUrl) {\r\niframe.classList.add('is-loaded');\r\ncomeet2026SetLoader(locationName, false);\r\nreturn;\r\n}\r\n\r\niframe.classList.remove('is-loaded');\r\ncomeet2026SetLoader(locationName, true);\r\niframe.src = bookingUrl;\r\n}\r\n\r\nfunction comeet2026FocusPanel() {\r\nwindow.setTimeout(function () {\r\nif (panelClose) {\r\npanelClose.focus({ preventScroll: true });\r\n}\r\n}, 100);\r\n}\r\n\r\nfunction comeet2026OpenPanel(locationName, locationIndex, bookingUrl, triggerElement) {\r\nif (!panel || !overlay || !bookingUrl) return;\r\n\r\nlastFocusedElement = triggerElement || document.activeElement;\r\ncomeet2026LoadLocation(locationName, locationIndex, bookingUrl);\r\n\r\nif (panelOpen) {\r\ncomeet2026FocusPanel();\r\nreturn;\r\n}\r\n\r\npanelOpen = true;\r\ncomeet2026LockScroll();\r\n\r\npanel.classList.add('is-open');\r\noverlay.classList.add('is-open');\r\npanel.setAttribute('aria-hidden', 'false');\r\n\r\nif (window.gsap) {\r\ngsap.killTweensOf(panel);\r\ngsap.killTweensOf(overlay);\r\n\r\ngsap.fromTo(panel, {\r\nx: '104%'\r\n}, {\r\nx: '0%',\r\nduration: 0.85,\r\nease: 'power3.inOut',\r\nonComplete: comeet2026FocusPanel\r\n});\r\n\r\ngsap.fromTo(overlay, {\r\nopacity: 0\r\n}, {\r\nopacity: 1,\r\nduration: 0.45,\r\nease: 'power2.out'\r\n});\r\n} else {\r\npanel.style.transform = 'translateX(0%)';\r\ncomeet2026FocusPanel();\r\n}\r\n}\r\n\r\nfunction comeet2026ClosePanel() {\r\nif (!panel || !overlay || !panelOpen) return;\r\n\r\npanelOpen = false;\r\npanel.setAttribute('aria-hidden', 'true');\r\n\r\nconst finishClose = function () {\r\npanel.classList.remove('is-open');\r\npanel.style.transform = 'translateX(104%)';\r\ncomeet2026UnlockScroll();\r\n\r\nif (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\r\nlastFocusedElement.focus({ preventScroll: true });\r\n}\r\n};\r\n\r\nif (window.gsap) {\r\ngsap.killTweensOf(panel);\r\ngsap.killTweensOf(overlay);\r\n\r\ngsap.to(panel, {\r\nx: '104%',\r\nduration: 0.75,\r\nease: 'power3.inOut',\r\nonComplete: finishClose\r\n});\r\n\r\ngsap.to(overlay, {\r\nopacity: 0,\r\nduration: 0.35,\r\nease: 'power2.out',\r\nonComplete: function () {\r\noverlay.classList.remove('is-open');\r\n}\r\n});\r\n} else {\r\npanel.style.transform = 'translateX(104%)';\r\noverlay.classList.remove('is-open');\r\nfinishClose();\r\n}\r\n}\r\n\r\nfunction comeet2026TrapFocus(event) {\r\nif (!panelOpen || event.key !== 'Tab' || !panel) return;\r\n\r\nconst focusableElements = panel.querySelectorAll('a[href], button:not([disabled]), iframe, [tabindex]:not([tabindex=\"-1\"])');\r\nconst focusable = Array.prototype.filter.call(focusableElements, function (element) {\r\nreturn element.offsetParent !== null;\r\n});\r\n\r\nif (!focusable.length) return;\r\n\r\nconst firstElement = focusable[0];\r\nconst lastElement = focusable[focusable.length - 1];\r\n\r\nif (event.shiftKey && document.activeElement === firstElement) {\r\nevent.preventDefault();\r\nlastElement.focus();\r\n} else if (!event.shiftKey && document.activeElement === lastElement) {\r\nevent.preventDefault();\r\nfirstElement.focus();\r\n}\r\n}\r\n\r\nlocationButtons.forEach(function (button) {\r\nbutton.addEventListener('click', function () {\r\nconst locationName = button.getAttribute('data-location-name') || 'Co-Office';\r\nconst locationIndex = button.getAttribute('data-location-index') || '';\r\nconst bookingUrl = button.getAttribute('data-location-url') || '';\r\n\r\ncomeet2026OpenPanel(locationName, locationIndex, bookingUrl, button);\r\n});\r\n});\r\n\r\ncloseButtons.forEach(function (button) {\r\nbutton.addEventListener('click', comeet2026ClosePanel);\r\n});\r\n\r\nif (overlay) {\r\noverlay.addEventListener('click', comeet2026ClosePanel);\r\n}\r\n\r\ndocument.addEventListener('keydown', function (event) {\r\nif (event.key === 'Escape') {\r\ncomeet2026ClosePanel();\r\nreturn;\r\n}\r\n\r\ncomeet2026TrapFocus(event);\r\n});\r\n\r\nwindow.addEventListener('resize', function () {\r\nif (!panelOpen) return;\r\n\r\nif (window.ScrollTrigger && typeof ScrollTrigger.refresh === 'function') {\r\nScrollTrigger.refresh();\r\n}\r\n});\r\n});\r\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 Ruimtes voor meetings die goed [&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-14120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/14120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/comments?post=14120"}],"version-history":[{"count":30,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/14120\/revisions"}],"predecessor-version":[{"id":14227,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/14120\/revisions\/14227"}],"wp:attachment":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media?parent=14120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}