{"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-05-12T23:50:12","modified_gmt":"2026-05-12T23:50: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 splitword l3\">Vergaderruimtes voor focus, gesprekken en goede idee\u00ebn<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"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\nCO-OFFICE MEETING ROOMS PAGE 2026\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: 'PPNeueMontreal-Book';\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.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: 0.94;\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;\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.1;\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: 0.96;\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: 0.98;\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\nROOM OPTIONS\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\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: 0.9;\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: 0.98;\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.12;\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, 980px);\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\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-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;\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-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: 1;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nbackground: #ffffff;\r\ncolor: #0f2b20;\r\nfont-size: 1rem;\r\nline-height: 1;\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\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\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-open-panel>\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-open-panel>\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<!-- 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-open-panel>\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 aria-hidden=\"true\">\r\n<div class=\"comeet2026-sidepanel-header\">\r\n<div class=\"comeet2026-sidepanel-title\">\r\n<span>Vergaderruimte reserveren<\/span>\r\n<strong>Co-Office booking<\/strong>\r\n<\/div>\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\r\n<div class=\"comeet2026-sidepanel-frame-wrap\">\r\n<div class=\"comeet2026-sidepanel-loader\" data-comeet2026-loader>Boeking laden...<\/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\nconst comeet2026BookingUrl = 'https:\/\/e-commerce.officernd.com\/co-office\/resources\/6908e0d6c5ae97e9d21ede27?periodStart=2026-04-30T08%3A30%3A00.000Z&periodEnd=2026-04-30T09%3A30%3A00.000Z&language=nl-nl';\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 panel = document.querySelector('[data-comeet2026-sidepanel]');\r\nconst overlay = document.querySelector('[data-comeet2026-panel-overlay]');\r\nconst openButtons = document.querySelectorAll('[data-comeet2026-open-panel]');\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\n\r\nlet iframeCreated = false;\r\nlet panelOpen = false;\r\n\r\nfunction comeet2026LockScroll() {\r\ndocument.documentElement.style.overflow = 'hidden';\r\ndocument.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction comeet2026UnlockScroll() {\r\ndocument.documentElement.style.overflow = '';\r\ndocument.body.style.overflow = '';\r\n}\r\n\r\nfunction comeet2026CreateIframe() {\r\nif (iframeCreated || !iframeHolder) return;\r\n\r\nconst iframe = document.createElement('iframe');\r\n\r\niframe.src = comeet2026BookingUrl;\r\niframe.title = 'Co-Office vergaderruimte reserveren';\r\niframe.setAttribute('loading', 'eager');\r\niframe.setAttribute('allow', 'payment *; clipboard-write; fullscreen');\r\niframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\r\n\r\niframe.addEventListener('load', function () {\r\nif (loader) {\r\nloader.style.display = 'none';\r\n}\r\n});\r\n\r\niframeHolder.appendChild(iframe);\r\niframeCreated = true;\r\n}\r\n\r\nfunction comeet2026OpenPanel() {\r\nif (!panel || !overlay || panelOpen) return;\r\n\r\npanelOpen = true;\r\n\r\ncomeet2026CreateIframe();\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\n\r\ngsap.fromTo(panel, {\r\nx: '104%'\r\n}, {\r\nx: '0%',\r\nduration: 0.85,\r\nease: 'power3.inOut'\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\n}\r\n}\r\n\r\nfunction comeet2026ClosePanel() {\r\nif (!panel || !overlay || !panelOpen) return;\r\n\r\npanelOpen = false;\r\n\r\npanel.setAttribute('aria-hidden', 'true');\r\n\r\nif (window.gsap) {\r\ngsap.killTweensOf(panel);\r\n\r\ngsap.to(panel, {\r\nx: '104%',\r\nduration: 0.75,\r\nease: 'power3.inOut',\r\nonComplete: function () {\r\npanel.classList.remove('is-open');\r\npanel.style.transform = 'translateX(104%)';\r\ncomeet2026UnlockScroll();\r\n}\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\npanel.classList.remove('is-open');\r\noverlay.classList.remove('is-open');\r\ncomeet2026UnlockScroll();\r\n}\r\n}\r\n\r\nopenButtons.forEach(function (button) {\r\nbutton.addEventListener('click', function (event) {\r\nevent.preventDefault();\r\ncomeet2026OpenPanel();\r\n});\r\n});\r\n\r\ncloseButtons.forEach(function (button) {\r\nbutton.addEventListener('click', function () {\r\ncomeet2026ClosePanel();\r\n});\r\n});\r\n\r\nif (overlay) {\r\noverlay.addEventListener('click', function () {\r\ncomeet2026ClosePanel();\r\n});\r\n}\r\n\r\ndocument.addEventListener('keydown', function (event) {\r\nif (event.key === 'Escape') {\r\ncomeet2026ClosePanel();\r\n}\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":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","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":14,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/14120\/revisions"}],"predecessor-version":[{"id":14137,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/14120\/revisions\/14137"}],"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}]}}