{"id":13970,"date":"2026-03-16T02:15:30","date_gmt":"2026-03-16T02:15:30","guid":{"rendered":"https:\/\/co.brandium.dev\/?page_id=13970"},"modified":"2026-05-21T13:43:31","modified_gmt":"2026-05-21T13:43:31","slug":"privekantoor","status":"publish","type":"page","link":"https:\/\/co.brandium.dev\/en\/privekantoor\/","title":{"rendered":"Co-Office | Privekantoor"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13970\" class=\"elementor elementor-13970\" 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\">Jouw eigen kantoor, zonder de rompslomp<\/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\">Werk in een eigen, afgesloten kantoor binnen de Co-Office community. Rust, privacy en professionaliteit voor jou en je team.<\/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<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" class=\"buttn-icon-link w-inline-block fading\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n<div class=\"buttn-icon-content__mask\" data-hover-text=\"Check beschikbaarheid\">\r\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Check 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<\/a>\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 PRIVATE OFFICE PAGE 2026\r\n========================================================= *\/\r\n\r\n.copriv2026-page {\r\n--copriv2026-green-soft: #d7e5cc;\r\n--copriv2026-green-dark: #0f2b20;\r\n--copriv2026-white: #ffffff;\r\n--copriv2026-black: #000000;\r\n--copriv2026-muted: rgba(0, 0, 0, 1);\r\n--copriv2026-border: rgba(15, 43, 32, 0.16);\r\n--copriv2026-orange: #f1b650;\r\n--copriv2026-font: 'PPNeueMontreal-Book';\r\n\r\nwidth: 100%;\r\nbackground: var(--copriv2026-white);\r\ncolor: var(--copriv2026-black);\r\noverflow-x: hidden;\r\nfont-family: var(--copriv2026-font) !important;\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.copriv2026-page,\r\n.copriv2026-page * {\r\nbox-sizing: border-box;\r\nfont-family: var(--copriv2026-font) !important;\r\nfont-style: normal !important;\r\n}\r\n\r\n.copriv2026-section {\r\nwidth: 92vw;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\n}\r\n\r\n.copriv2026-section-soft {\r\nbackground: var(--copriv2026-green-soft);\r\nborder-radius: .25em;\r\n}\r\n\r\n.copriv2026-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(--copriv2026-green-dark);\r\n}\r\n\r\n.copriv2026-title {\r\nmargin: 0;\r\ncolor: var(--copriv2026-black);\r\nfont-size: clamp(3.3rem, 7vw, 8rem);\r\nfont-weight: 400;\r\nline-height: 0.94;\r\nletter-spacing: -0.07em;\r\n}\r\n\r\n.copriv2026-section-title {\r\nmargin: 0;\r\ncolor: var(--copriv2026-black);\r\nfont-size: clamp(2.1rem, 4vw, 4.4rem);\r\nfont-weight: 400;\r\nline-height: 1;\r\nletter-spacing: -0.055em;\r\n}\r\n\r\n.copriv2026-copy {\r\nmargin: 0;\r\ncolor: var(--copriv2026-muted);\r\nfont-size: 1.1rem;\r\nline-height: 1.75;\r\nfont-weight: 400;\r\n}\r\n\r\n.copriv2026-copy strong {\r\ncolor: var(--copriv2026-black);\r\nfont-weight: 400;\r\n}\r\n\r\n.copriv2026-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(--copriv2026-border);\r\nborder-radius: .25em;\r\ncolor: var(--copriv2026-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.copriv2026-hero {\r\nmin-height: 78vh;\r\ndisplay: flex;\r\nalign-items: flex-end;\r\npadding: clamp(7rem, 10vw, 10rem) clamp(2rem, 6vw, 6rem) clamp(3rem, 6vw, 5rem);\r\nbackground: var(--copriv2026-green-soft);\r\nborder-radius: .25em;\r\nmargin-top: clamp(1.5rem, 3vw, 3rem);\r\nmargin-bottom: clamp(2rem, 4vw, 4rem);\r\n}\r\n\r\n.copriv2026-hero-inner {\r\nwidth: 100%;\r\nmax-width: 980px;\r\n}\r\n\r\n.copriv2026-hero-copy {\r\nmax-width: 680px;\r\nmargin-top: 1.6rem;\r\n}\r\n\r\n.copriv2026-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\/* =========================================================\r\nINTRO STRIP\r\n========================================================= *\/\r\n\r\n.copriv2026-intro-strip {\r\npadding: clamp(3rem, 6vw, 5rem);\r\ndisplay: grid;\r\ngrid-template-columns: 0.95fr 1.35fr;\r\ngap: clamp(2rem, 6vw, 8rem);\r\nalign-items: start;\r\n}\r\n\r\n.copriv2026-intro-strip .copriv2026-section-title {\r\nmax-width: 560px;\r\n}\r\n\r\n.copriv2026-intro-list {\r\ndisplay: grid;\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.copriv2026-intro-item {\r\ndisplay: grid;\r\ngrid-template-columns: 9rem 1fr;\r\ngap: 1.5rem;\r\npadding: 1.35rem;\r\nbackground: var(--copriv2026-green-soft);\r\n}\r\n\r\n.copriv2026-intro-item span {\r\ncolor: var(--copriv2026-green-dark);\r\nfont-size: 0.9rem;\r\nletter-spacing: 0.08em;\r\ntext-transform: uppercase;\r\n}\r\n\r\n.copriv2026-intro-item p {\r\nmargin: 0;\r\ncolor: var(--copriv2026-black);\r\nfont-size: 1.1rem;\r\nline-height: 1.55;\r\n}\r\n\r\n\/* =========================================================\r\nOFFICE COMPARISON TABS\r\n========================================================= *\/\r\n\r\n.copriv2026-tabs-section {\r\npadding: clamp(5rem, 8vw, 8rem) 0;\r\n}\r\n\r\n.copriv2026-tabs-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.copriv2026-tabs-header .copriv2026-copy {\r\nmax-width: 580px;\r\n}\r\n\r\n.copriv2026-tabs-wrapper {\r\nwidth: 100%;\r\n}\r\n\r\n.copriv2026-tab-strip {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 1px;\r\nbackground: var(--copriv2026-border);\r\nborder: 1px solid var(--copriv2026-border);\r\nborder-radius: .25em .25em 0 0;\r\noverflow: hidden;\r\n}\r\n\r\n.copriv2026-tab {\r\nposition: relative;\r\ncursor: pointer;\r\nmin-height: 15rem;\r\npadding: 1rem;\r\nbackground: #ffffff;\r\nborder: 0;\r\ntext-align: left;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ntransition: background 0.35s ease, color 0.35s ease;\r\n}\r\n\r\n.copriv2026-tab.is-active {\r\nbackground: var(--copriv2026-green-dark);\r\ncolor: #ffffff;\r\n}\r\n\r\n.copriv2026-tab-top {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\njustify-content: space-between;\r\ngap: 1rem;\r\n}\r\n\r\n.copriv2026-tab-size {\r\ncolor: currentColor;\r\nfont-size: clamp(2.2rem, 2vw, 3.4rem);\r\nline-height: 0.9;\r\nletter-spacing: -0.065em;\r\n}\r\n\r\n.copriv2026-tab-number {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 2rem;\r\nheight: 2rem;\r\nborder-radius: .25em;\r\nborder: 1px solid currentColor;\r\ncolor: currentColor;\r\nfont-size: 0.8rem;\r\n}\r\n\r\n.copriv2026-tab-name {\r\ncolor: currentColor;\r\nfont-size: 1.25rem;\r\nline-height: 1.1;\r\nletter-spacing: -0.035em;\r\n}\r\n\r\n.copriv2026-tab-text {\r\nmax-width: 18rem;\r\nmargin: 0.6rem 0 0;\r\ncolor: rgba(0, 0, 0, 0.56);\r\nfont-size: 0.98rem;\r\nline-height: 1.5;\r\n}\r\n\r\n.copriv2026-tab.is-active .copriv2026-tab-text {\r\ncolor: rgba(255, 255, 255, 0.68);\r\n}\r\n\r\n.copriv2026-tab-indicator {\r\nposition: absolute;\r\nleft: 1rem;\r\nright: 1rem;\r\nbottom: 0;\r\nheight: 3px;\r\nbackground: var(--copriv2026-orange);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\ntransition: transform 0.55s cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n.copriv2026-tab.is-active .copriv2026-tab-indicator {\r\ntransform: scaleX(1);\r\n}\r\n\r\n.copriv2026-content-panel {\r\nborder: 1px solid var(--copriv2026-border);\r\nborder-top: 0;\r\nborder-radius: 0 0 .25em .25em;\r\noverflow: hidden;\r\nbackground: #ffffff;\r\nmin-height: 34rem;\r\n}\r\n\r\n.copriv2026-content-slide {\r\ndisplay: none;\r\nopacity: 0;\r\n}\r\n\r\n.copriv2026-content-slide.is-active-slide {\r\ndisplay: block;\r\n}\r\n\r\n.copriv2026-slide-inner {\r\ndisplay: grid;\r\ngrid-template-columns: 0.85fr 1.15fr;\r\nmin-height: 34rem;\r\n}\r\n\r\n.copriv2026-slide-image {\r\nposition: relative;\r\nmin-height: 34rem;\r\noverflow: hidden;\r\nbackground: var(--copriv2026-green-soft);\r\n}\r\n\r\n.copriv2026-slide-image img {\r\nwidth: 100%;\r\nheight: 100%;\r\nmin-height: 34rem;\r\nobject-fit: cover;\r\ndisplay: block;\r\n}\r\n\r\n.copriv2026-slide-content {\r\npadding: clamp(2rem, 4vw, 4.4rem);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 3rem;\r\n}\r\n\r\n.copriv2026-slide-top {\r\nmax-width: 780px;\r\n}\r\n\r\n.copriv2026-slide-badge {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 0.45rem;\r\nwidth: fit-content;\r\nmargin-bottom: 1.3rem;\r\npadding: 0.45rem 0.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--copriv2026-green-soft);\r\ncolor: var(--copriv2026-green-dark);\r\nfont-size: 0.88rem;\r\nline-height: 1;\r\n}\r\n\r\n.copriv2026-slide-title {\r\nmargin: 0 0 1rem;\r\ncolor: var(--copriv2026-black);\r\nfont-size: clamp(2.2rem, 2.5vw, 3rem);\r\nline-height: 0.96;\r\nletter-spacing: -0.03em;\r\nfont-weight: 400;\r\n}\r\n\r\n.copriv2026-slide-copy {\r\ndisplay: grid;\r\ngap: 1rem;\r\nmax-width: 680px;\r\n}\r\n\r\n.copriv2026-slide-copy p {\r\nmargin: 0;\r\ncolor: var(--copriv2026-muted);\r\nfont-size: 1.1rem;\r\nline-height: 1.75;\r\n}\r\n\r\n.copriv2026-slide-bottom {\r\ndisplay: grid;\r\ngrid-template-columns: 0.85fr 1fr;\r\ngap: 2rem;\r\nalign-items: end;\r\n}\r\n\r\n.copriv2026-stats {\r\ndisplay: grid;\r\ngap: 1px;\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nbackground: var(--copriv2026-border);\r\nborder: 1px solid var(--copriv2026-border);\r\n}\r\n\r\n.copriv2026-stat {\r\ndisplay: grid;\r\ngrid-template-columns: 8rem 1fr;\r\ngap: 1rem;\r\npadding: 1rem;\r\nbackground: #ffffff;\r\n}\r\n\r\n.copriv2026-stat span {\r\ncolor: var(--copriv2026-muted);\r\nfont-size: 0.95rem;\r\n}\r\n\r\n.copriv2026-stat strong {\r\ncolor: var(--copriv2026-black);\r\nfont-size: 0.95rem;\r\nfont-weight: 400;\r\n}\r\n\r\n.copriv2026-features {\r\ndisplay: flex;\r\nflex-wrap: wrap;\r\ngap: 0.55rem;\r\n}\r\n\r\n.copriv2026-feature {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 0.45rem;\r\nmin-height: 2.2rem;\r\npadding: 0.3rem 0.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--copriv2026-green-soft);\r\ncolor: var(--copriv2026-green-dark);\r\nfont-size: 0.95rem;\r\nline-height: 1;\r\n}\r\n\r\n.copriv2026-feature svg {\r\nwidth: 0.85rem;\r\nheight: 0.85rem;\r\nflex: 0 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\nINCLUSIONS\r\n========================================================= *\/\r\n\r\n.copriv2026-inclusions-section {\r\npadding: 0 0 clamp(5rem, 8vw, 8rem);\r\n}\r\n\r\n.copriv2026-inclusions-box {\r\npadding: clamp(3rem, 6vw, 5rem);\r\n}\r\n\r\n.copriv2026-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.copriv2026-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.copriv2026-inclusion {\r\nmin-height: 15rem;\r\npadding: 1.4rem;\r\nbackground: var(--copriv2026-green-soft);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: space-between;\r\ngap: 2rem;\r\n}\r\n\r\n.copriv2026-inclusion-icon {\r\nwidth: 2.75rem;\r\nheight: 2.75rem;\r\nborder-radius: .25em;\r\nbackground: var(--copriv2026-green-dark);\r\ncolor: #ffffff;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\n}\r\n\r\n.copriv2026-inclusion-icon svg {\r\nwidth: 1.15rem;\r\nheight: 1.15rem;\r\n}\r\n\r\n.copriv2026-inclusion h3 {\r\nmargin: 0 0 0.6rem;\r\ncolor: var(--copriv2026-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.copriv2026-inclusion p {\r\nmargin: 0;\r\ncolor: rgba(0, 0, 0, 0.58);\r\nfont-size: 1rem;\r\nline-height: 1.55;\r\n}\r\n\r\n\/* =========================================================\r\nCTA\r\n========================================================= *\/\r\n\r\n.copriv2026-cta-section {\r\npadding-bottom: clamp(5rem, 8vw, 8rem);\r\n}\r\n\r\n.copriv2026-cta {\r\nmin-height: 30rem;\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(--copriv2026-green-dark);\r\nborder-radius: .25em;\r\ncolor: #ffffff;\r\noverflow: hidden;\r\n}\r\n\r\n.copriv2026-cta .copriv2026-eyebrow {\r\ncolor: var(--copriv2026-green-soft);\r\n}\r\n\r\n.copriv2026-cta .copriv2026-section-title {\r\nmax-width: 740px;\r\ncolor: #ffffff;\r\n}\r\n\r\n.copriv2026-cta .copriv2026-copy {\r\nmax-width: 520px;\r\nmargin-top: 1.25rem;\r\ncolor: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.copriv2026-cta-right {\r\ndisplay: flex;\r\njustify-content: flex-end;\r\nalign-items: flex-end;\r\n}\r\n\r\n\/* =========================================================\r\nREVEAL\r\n========================================================= *\/\r\n\r\n.copriv2026-reveal {\r\nopacity: 0;\r\ntransform: translateY(24px);\r\ntransition: opacity 0.75s ease, transform 0.75s ease;\r\n}\r\n\r\n.copriv2026-reveal.is-visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\r\n.copriv2026-delay-1 {\r\ntransition-delay: 0.08s;\r\n}\r\n\r\n.copriv2026-delay-2 {\r\ntransition-delay: 0.16s;\r\n}\r\n\r\n.copriv2026-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.copriv2026-intro-strip,\r\n.copriv2026-tabs-header,\r\n.copriv2026-inclusions-header,\r\n.copriv2026-cta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.copriv2026-hero {\r\nmin-height: auto;\r\n}\r\n\r\n.copriv2026-slide-inner {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.copriv2026-slide-image,\r\n.copriv2026-slide-image img {\r\nmin-height: 420px;\r\n}\r\n\r\n.copriv2026-slide-bottom {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.copriv2026-inclusions-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n\r\n.copriv2026-cta-right {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 760px) {\r\n.copriv2026-page {\r\nfont-size: 1.1rem;\r\n}\r\n\r\n.copriv2026-section {\r\nwidth: 92vw;\r\n}\r\n\r\n.copriv2026-hero {\r\nmin-height: auto;\r\npadding: 5.5rem 2rem 2.5rem;\r\nmargin-top: 1rem;\r\nmargin-bottom: 2rem;\r\n}\r\n\r\n.copriv2026-title {\r\nfont-size: clamp(3.25rem, 15vw, 5.25rem);\r\n}\r\n\r\n.copriv2026-section-title {\r\nfont-size: clamp(2.25rem, 10vw, 3.5rem);\r\n}\r\n\r\n.copriv2026-intro-strip,\r\n.copriv2026-inclusions-box,\r\n.copriv2026-cta {\r\npadding: 2rem;\r\n}\r\n\r\n.copriv2026-intro-item {\r\ngrid-template-columns: 1fr;\r\ngap: 0.7rem;\r\n}\r\n\r\n.copriv2026-tab-strip {\r\ndisplay: none;\r\n}\r\n\r\n.copriv2026-content-panel {\r\nborder: 0;\r\nborder-radius: 0;\r\nmin-height: auto;\r\ndisplay: grid;\r\ngap: 1rem;\r\nbackground: transparent;\r\n}\r\n\r\n.copriv2026-content-slide {\r\ndisplay: block !important;\r\nopacity: 1 !important;\r\nborder: 1px solid var(--copriv2026-border);\r\nborder-radius: .25em;\r\noverflow: hidden;\r\nbackground: #ffffff;\r\n}\r\n\r\n.copriv2026-content-slide .copriv2026-slide-inner,\r\n.copriv2026-content-slide .copriv2026-slide-content,\r\n.copriv2026-content-slide .copriv2026-slide-top,\r\n.copriv2026-content-slide .copriv2026-slide-copy,\r\n.copriv2026-content-slide .copriv2026-slide-bottom,\r\n.copriv2026-content-slide .copriv2026-stats,\r\n.copriv2026-content-slide .copriv2026-features {\r\nopacity: 1 !important;\r\ntransform: none !important;\r\n}\r\n\r\n.copriv2026-slide-image,\r\n.copriv2026-slide-image img {\r\nmin-height: 280px;\r\n}\r\n\r\n.copriv2026-slide-content {\r\npadding: 1.5rem;\r\ngap: 2rem;\r\n}\r\n\r\n.copriv2026-slide-title {\r\nfont-size: clamp(2.4rem, 11vw, 3.6rem);\r\n}\r\n\r\n.copriv2026-stat {\r\ngrid-template-columns: 1fr;\r\ngap: 0.25rem;\r\n}\r\n\r\n.copriv2026-inclusions-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.copriv2026-inclusion {\r\nmin-height: 13rem;\r\n}\r\n\r\n.copriv2026-cta {\r\nmin-height: auto;\r\n}\r\n\r\n.copriv2026-hero-actions,\r\n.copriv2026-cta-right {\r\nalign-items: flex-start;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"copriv2026-page\">\r\n\r\n<!-- INTRO -->\r\n<section class=\"copriv2026-section copriv2026-section-soft copriv2026-intro-strip copriv2026-reveal\">\r\n<div>\r\n<p class=\"copriv2026-eyebrow\">Over het priv\u00e9kantoor<\/p>\r\n<h2 class=\"copriv2026-section-title\">\r\nVerzorgde kantoorruimte voor groeiende bedrijven.\r\n<\/h2>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-intro-list\">\r\n<div class=\"copriv2026-intro-item\">\r\n<span>Ruimte<\/span>\r\n<p>Werk in een eigen afgesloten kantoor binnen de Co-Office community. Je hebt rust, privacy en een professionele plek voor jou en je team, maar geniet ook van de ondernemende sfeer van andere members op de locatie.<\/p>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-intro-item\">\r\n<span>Verzorgd<\/span>\r\n<p>Alle kantoren zijn instapklaar en worden tot in de puntjes verzorgd. Zelfs het theelepeltje. Zo start je zonder te investeren in inrichting en meubilair.<\/p>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-intro-item\">\r\n<span>Community<\/span>\r\n<p>Binnen Co-Office ervaar je het gastvrijheidsniveau van een hotel. Je hebt toegang tot ruime sociale plekken om te werken, overleggen of andere ondernemers te ontmoeten.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- OFFICE TYPES TABS -->\r\n<section class=\"copriv2026-section copriv2026-tabs-section\" id=\"office-types\">\r\n<div class=\"copriv2026-tabs-header copriv2026-reveal\">\r\n<div>\r\n<p class=\"copriv2026-eyebrow\">Kantoorformaten<\/p>\r\n<h2 class=\"copriv2026-section-title\">\r\nKies het kantoor dat past bij je volgende stap.\r\n<\/h2>\r\n<\/div>\r\n\r\n<p class=\"copriv2026-copy\">\r\nDe rust van een priv\u00e9kantoor, gecombineerd met de energie van een community. Vergelijk de drie meest gekozen kantooropties voor zelfstandigen, starters en groeiende teams.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-tabs-wrapper copriv2026-reveal copriv2026-delay-1\">\r\n\r\n<div class=\"copriv2026-tab-strip\">\r\n<button class=\"copriv2026-tab is-active\" type=\"button\" data-copriv2026-tab=\"0\">\r\n<div class=\"copriv2026-tab-top\">\r\n<div class=\"copriv2026-tab-size\">15 m\u00b2<\/div>\r\n<div class=\"copriv2026-tab-number\">01<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"copriv2026-tab-name\">Klein kantoor<\/div>\r\n<p class=\"copriv2026-tab-text\">Voor freelancers, starters en zelfstandige professionals.<\/p>\r\n<\/div>\r\n<div class=\"copriv2026-tab-indicator\"><\/div>\r\n<\/button>\r\n\r\n<button class=\"copriv2026-tab\" type=\"button\" data-copriv2026-tab=\"1\">\r\n<div class=\"copriv2026-tab-top\">\r\n<div class=\"copriv2026-tab-size\">20-50 m\u00b2<\/div>\r\n<div class=\"copriv2026-tab-number\">02<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"copriv2026-tab-name\">Teamkantoor<\/div>\r\n<p class=\"copriv2026-tab-text\">Voor kleine bedrijven en teams die samen willen groeien.<\/p>\r\n<\/div>\r\n<div class=\"copriv2026-tab-indicator\"><\/div>\r\n<\/button>\r\n\r\n<button class=\"copriv2026-tab\" type=\"button\" data-copriv2026-tab=\"2\">\r\n<div class=\"copriv2026-tab-top\">\r\n<div class=\"copriv2026-tab-size\">50+ m\u00b2<\/div>\r\n<div class=\"copriv2026-tab-number\">03<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"copriv2026-tab-name\">Enterprise suite<\/div>\r\n<p class=\"copriv2026-tab-text\">Voor grotere teams met behoefte aan maatwerk en uitstraling.<\/p>\r\n<\/div>\r\n<div class=\"copriv2026-tab-indicator\"><\/div>\r\n<\/button>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-content-panel\">\r\n\r\n<!-- SLIDE 01 -->\r\n<div class=\"copriv2026-content-slide is-active-slide\" id=\"copriv2026-slide-0\">\r\n<div class=\"copriv2026-slide-inner\">\r\n<div class=\"copriv2026-slide-image\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-32-scaled.webp\" alt=\"Klein priv\u00e9kantoor van 15 vierkante meter bij Co-Office\">\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-content\">\r\n<div class=\"copriv2026-slide-top\">\r\n<div class=\"copriv2026-slide-badge\">15 m\u00b2<\/div>\r\n\r\n<h3 class=\"copriv2026-slide-title\">Klein kantoor<\/h3>\r\n\r\n<div class=\"copriv2026-slide-copy\">\r\n<p>\r\nEen compact priv\u00e9kantoor voor freelancers, starters, zelfstandige advocaten en professionals die een eigen zakelijke basis zoeken.\r\n<\/p>\r\n\r\n<p>\r\nJe werkt in alle rust vanuit een verzorgde ruimte waar alles klaarstaat voor dagelijks gebruik. Ideaal als je ongestoord wilt werken, klanten wilt ontvangen en professioneel wilt doorgroeien.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-bottom\">\r\n<div class=\"copriv2026-stats\">\r\n<div class=\"copriv2026-stat\">\r\n<span>Capaciteit<\/span>\r\n<strong>Freelancer +1<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Huurtermijn<\/span>\r\n<strong>Vanaf 12 maanden<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Cost<\/span>\r\n<strong>Vanaf \u20ac750\/mnd<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-features\">\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nAfgesloten kantoor\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nIngericht\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n24\/7 access\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nZakelijk postadres\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- SLIDE 02 -->\r\n<div class=\"copriv2026-content-slide\" id=\"copriv2026-slide-1\">\r\n<div class=\"copriv2026-slide-inner\">\r\n<div class=\"copriv2026-slide-image\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-22-scaled.webp\" alt=\"Teamkantoor van 20 tot 50 vierkante meter bij Co-Office\">\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-content\">\r\n<div class=\"copriv2026-slide-top\">\r\n<div class=\"copriv2026-slide-badge\">20-50 m\u00b2<\/div>\r\n\r\n<h3 class=\"copriv2026-slide-title\">Teamkantoor<\/h3>\r\n\r\n<div class=\"copriv2026-slide-copy\">\r\n<p>\r\nEen priv\u00e9kantoor van 20-50 m\u00b2 is een ideale ruimte om jouw business idee te starten en te laten groeien.\r\n<\/p>\r\n\r\n<p>\r\nOntworpen voor kleine bedrijven en groeiende startups biedt het je team een eigen ruimte om vrijuit samen te werken, zonder de akoestiek van een open kantoor of de isolatie van een thuiswerkplek.\r\n<\/p>\r\n\r\n<p>\r\nMet ergonomische werkplekken voor maximaal vijf personen past de ruimte zich aan hoe jouw team werkelijk werkt. Denk aan sprints, stand-ups of geconcentreerde werksessies.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-bottom\">\r\n<div class=\"copriv2026-stats\">\r\n<div class=\"copriv2026-stat\">\r\n<span>Capaciteit<\/span>\r\n<strong>3-5 personen<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Huurtermijn<\/span>\r\n<strong>Vanaf 12 maanden<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Cost<\/span>\r\n<strong>Vanaf \u20ac1250\/mnd<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-features\">\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nEigen teamruimte\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nErgonomische plekken\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nOverlegruimte\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nPrinten en scannen\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- SLIDE 03 -->\r\n<div class=\"copriv2026-content-slide\" id=\"copriv2026-slide-2\">\r\n<div class=\"copriv2026-slide-inner\">\r\n<div class=\"copriv2026-slide-image\">\r\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-28-scaled.webp\" alt=\"Enterprise kantoorsuite van 50 vierkante meter of meer bij Co-Office\">\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-content\">\r\n<div class=\"copriv2026-slide-top\">\r\n<div class=\"copriv2026-slide-badge\">50+ m\u00b2<\/div>\r\n\r\n<h3 class=\"copriv2026-slide-title\">Enterprise suite<\/h3>\r\n\r\n<div class=\"copriv2026-slide-copy\">\r\n<p>\r\nMet 50 m\u00b2 of meer is een kantoorsuite een goede manier om effici\u00ebnt door te groeien. Ruim genoeg voor klantgesprekken en teamdagen, allemaal binnen \u00e9\u00e9n prachtig ingerichte ruimte.\r\n<\/p>\r\n\r\n<p>\r\nMet hoogwaardige afwerking straalt de ruimte ambitie uit nog voordat je een woord hebt gezegd.\r\n<\/p>\r\n\r\n<p>\r\nDe indeling is volledig aanpasbaar. Configureer het als een open geheel, verdeel het in priv\u00e9kantoren met een eigen vergaderruimte en\/of een phonebooth, of richt het in als boardroom met breakouthoeken.\r\n<\/p>\r\n\r\n<p>\r\nJouw ruimte, jouw regels, ondersteund door een vaste locatiemanager vanaf dag \u00e9\u00e9n.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-slide-bottom\">\r\n<div class=\"copriv2026-stats\">\r\n<div class=\"copriv2026-stat\">\r\n<span>Capaciteit<\/span>\r\n<strong>8-15 personen<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Huurtermijn<\/span>\r\n<strong>Vanaf 12 maanden<\/strong>\r\n<\/div>\r\n<div class=\"copriv2026-stat\">\r\n<span>Credits<\/span>\r\n<strong>12 vergadercredits<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-features\">\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nMaatwerk indeling\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nVergadercredits\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nLocatiemanager\r\n<\/span>\r\n<span class=\"copriv2026-feature\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12L10 17L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\nEigen vergaderruimte\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- INCLUSIONS -->\r\n<section class=\"copriv2026-section copriv2026-inclusions-section\">\r\n<div class=\"copriv2026-section-soft copriv2026-inclusions-box copriv2026-reveal\">\r\n<div class=\"copriv2026-inclusions-header\">\r\n<div>\r\n<p class=\"copriv2026-eyebrow\">Meer informatie<\/p>\r\n<h2 class=\"copriv2026-section-title\">\r\nAlles geregeld, zonder dat het druk voelt.\r\n<\/h2>\r\n<\/div>\r\n\r\n<p class=\"copriv2026-copy\">\r\nEen priv\u00e9kantoor bij Co-Office voelt als je eigen plek, maar zonder de dagelijkse ballast van een traditioneel kantoor. Je werkt zelfstandig, met hospitality, gedeelde faciliteiten en een ondernemende omgeving om je heen.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-inclusions-grid\">\r\n<div class=\"copriv2026-inclusion\">\r\n<div class=\"copriv2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 10L12 4L20 10V20H4V10Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M9 20V13H15V20\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Own office<\/h3>\r\n<p>Een afgesloten ruimte voor focus, overleg en professioneel ontvangst.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-inclusion\">\r\n<div class=\"copriv2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 8H19\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M5 16H14\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Instapklaar<\/h3>\r\n<p>Meubilair, afwerking en basisvoorzieningen staan klaar vanaf dag \u00e9\u00e9n.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-inclusion\">\r\n<div class=\"copriv2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 8H17V16H7V8Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M4 20H20\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M9 20L10 16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M15 20L14 16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Sociale plekken<\/h3>\r\n<p>Gebruik gedeelde ruimtes voor informeel werken, overleg en ontmoeting.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-inclusion\">\r\n<div class=\"copriv2026-inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 12L11 15L17 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4 12C4 7.6 7.6 4 12 4C16.4 4 20 7.6 20 12C20 16.4 16.4 20 12 20C7.6 20 4 16.4 4 12Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path><\/svg>\r\n<\/div>\r\n<div>\r\n<h3>Vast aanspreekpunt<\/h3>\r\n<p>Een locatiemanager helpt je op locatie wanneer dat nodig is.<\/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=\"copriv2026-section copriv2026-cta-section\">\r\n<div class=\"copriv2026-cta copriv2026-reveal\">\r\n<div>\r\n<p class=\"copriv2026-eyebrow\">Check beschikbaarheid<\/p>\r\n\r\n<h2 class=\"copriv2026-section-title\">\r\nBenieuwd welk kantoor bij jou past?\r\n<\/h2>\r\n\r\n<p class=\"copriv2026-copy\">\r\nCheck de beschikbaarheid en ontdek welke private offices bij Co-Office passen bij jouw manier van werken.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"copriv2026-cta-right\">\r\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\">\r\n<div class=\"buttn-icon-content__mask\" data-hover-text=\"Check beschikbaarheid\">\r\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text light\">Check 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<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\nconst isCopriv2026Mobile = function () {\r\nreturn window.innerWidth <= 760;\r\n};\r\n\r\nconst copriv2026RevealItems = document.querySelectorAll('.copriv2026-reveal');\r\n\r\nif (copriv2026RevealItems.length) {\r\nconst copriv2026RevealObserver = new IntersectionObserver(function (entries) {\r\nentries.forEach(function (entry) {\r\nif (entry.isIntersecting) {\r\nentry.target.classList.add('is-visible');\r\ncopriv2026RevealObserver.unobserve(entry.target);\r\n}\r\n});\r\n}, {\r\nthreshold: 0.14\r\n});\r\n\r\ncopriv2026RevealItems.forEach(function (item) {\r\ncopriv2026RevealObserver.observe(item);\r\n});\r\n}\r\n\r\nconst copriv2026Tabs = document.querySelectorAll('.copriv2026-tab');\r\nconst copriv2026Slides = document.querySelectorAll('.copriv2026-content-slide');\r\n\r\nif (!copriv2026Tabs.length || !copriv2026Slides.length) return;\r\n\r\nlet copriv2026Current = 0;\r\nlet copriv2026IsAnimating = false;\r\n\r\nfunction copriv2026SetInitialSlide() {\r\ncopriv2026Slides.forEach(function (slide, index) {\r\nif (index === copriv2026Current) {\r\nslide.classList.add('is-active-slide');\r\nslide.style.opacity = '1';\r\n} else {\r\nslide.classList.remove('is-active-slide');\r\nslide.style.opacity = '0';\r\n}\r\n});\r\n}\r\n\r\nfunction copriv2026AnimateIn(slide) {\r\nif (isCopriv2026Mobile()) {\r\nslide.style.opacity = '1';\r\nreturn;\r\n}\r\n\r\nconst image = slide.querySelector('.copriv2026-slide-image');\r\nconst content = slide.querySelector('.copriv2026-slide-content');\r\nconst stats = slide.querySelectorAll('.copriv2026-stat');\r\nconst features = slide.querySelectorAll('.copriv2026-feature');\r\n\r\nif (window.gsap) {\r\ngsap.set(slide, { opacity: 0 });\r\ngsap.set(image, { scale: 1.03, opacity: 0 });\r\ngsap.set(content, { y: 24, opacity: 0 });\r\ngsap.set(stats, { y: 12, opacity: 0 });\r\ngsap.set(features, { y: 10, opacity: 0 });\r\n\r\ngsap.timeline()\r\n.to(slide, { opacity: 1, duration: 0.01 })\r\n.to(image, { scale: 1, opacity: 1, duration: 0.7, ease: 'power3.out' }, 0)\r\n.to(content, { y: 0, opacity: 1, duration: 0.6, ease: 'power3.out' }, 0.08)\r\n.to(stats, { y: 0, opacity: 1, duration: 0.4, stagger: 0.06, ease: 'power2.out' }, 0.24)\r\n.to(features, { y: 0, opacity: 1, duration: 0.35, stagger: 0.04, ease: 'power2.out' }, 0.32);\r\n\r\nreturn;\r\n}\r\n\r\nslide.style.opacity = '1';\r\n}\r\n\r\nfunction copriv2026AnimateOut(slide, callback) {\r\nif (isCopriv2026Mobile()) {\r\nslide.classList.remove('is-active-slide');\r\nif (typeof callback === 'function') callback();\r\nreturn;\r\n}\r\n\r\nif (window.gsap) {\r\ngsap.to(slide, {\r\nopacity: 0,\r\ny: -12,\r\nduration: 0.28,\r\nease: 'power2.in',\r\nonComplete: function () {\r\nslide.classList.remove('is-active-slide');\r\ngsap.set(slide, { y: 0 });\r\nif (typeof callback === 'function') callback();\r\n}\r\n});\r\n\r\nreturn;\r\n}\r\n\r\nslide.style.opacity = '0';\r\nslide.classList.remove('is-active-slide');\r\nif (typeof callback === 'function') callback();\r\n}\r\n\r\nif (!isCopriv2026Mobile()) {\r\ncopriv2026SetInitialSlide();\r\ncopriv2026AnimateIn(copriv2026Slides[0]);\r\n}\r\n\r\ncopriv2026Tabs.forEach(function (tab, index) {\r\ntab.addEventListener('click', function () {\r\nif (isCopriv2026Mobile() || index === copriv2026Current || copriv2026IsAnimating) return;\r\n\r\ncopriv2026IsAnimating = true;\r\n\r\ncopriv2026Tabs[copriv2026Current].classList.remove('is-active');\r\ntab.classList.add('is-active');\r\n\r\nconst previousSlide = copriv2026Slides[copriv2026Current];\r\nconst nextSlide = copriv2026Slides[index];\r\n\r\ncopriv2026Current = index;\r\n\r\ncopriv2026AnimateOut(previousSlide, function () {\r\nnextSlide.classList.add('is-active-slide');\r\ncopriv2026AnimateIn(nextSlide);\r\ncopriv2026IsAnimating = false;\r\n});\r\n});\r\n\r\ntab.addEventListener('mouseenter', function () {\r\nif (isCopriv2026Mobile() || tab.classList.contains('is-active')) return;\r\n\r\nif (window.gsap) {\r\ngsap.to(tab, {\r\ny: -4,\r\nduration: 0.25,\r\nease: 'power2.out'\r\n});\r\n}\r\n});\r\n\r\ntab.addEventListener('mouseleave', function () {\r\nif (isCopriv2026Mobile()) return;\r\n\r\nif (window.gsap) {\r\ngsap.to(tab, {\r\ny: 0,\r\nduration: 0.25,\r\nease: 'power2.out'\r\n});\r\n}\r\n});\r\n});\r\n\r\nlet copriv2026ResizeTimer;\r\n\r\nwindow.addEventListener('resize', function () {\r\nclearTimeout(copriv2026ResizeTimer);\r\n\r\ncopriv2026ResizeTimer = setTimeout(function () {\r\nif (isCopriv2026Mobile()) {\r\ncopriv2026Slides.forEach(function (slide) {\r\nslide.classList.add('is-active-slide');\r\nslide.style.opacity = '1';\r\n});\r\n} else {\r\ncopriv2026SetInitialSlide();\r\n}\r\n}, 150);\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>Jouw eigen kantoor, zonder de rompslomp Werk in een eigen, afgesloten kantoor binnen de Co-Office community. Rust, privacy en professionaliteit voor jou en je team. Check beschikbaarheid Over het priv\u00e9kantoor Verzorgde kantoorruimte voor groeiende bedrijven. Ruimte Werk in een eigen afgesloten kantoor binnen de Co-Office community. Je hebt rust, privacy en een professionele plek voor [&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-13970","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970","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=13970"}],"version-history":[{"count":95,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970\/revisions"}],"predecessor-version":[{"id":14165,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970\/revisions\/14165"}],"wp:attachment":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media?parent=13970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}