{"id":14399,"date":"2026-10-02T00:58:04","date_gmt":"2026-10-02T00:58:04","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=14399"},"modified":"2026-10-02T00:59:39","modified_gmt":"2026-10-02T00:59:39","slug":"coworking","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/coworking\/","title":{"rendered":"Coworking"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"14399\" class=\"data-eoa data-eoa-14399\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8f47ffc layoutID-full e-flex layoutID e-parent\" data-id=\"8f47ffc\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0411c3b data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0411c3b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n<h1 class=\"h1-m splitword l3\">Co-working voor focus, energie en nieuwe connecties<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-97cf210 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"97cf210\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t  <p class=\"splitter md\">Werk zelfstandig, zonder alleen te werken. Bij Co-Office vind je een professionele werkplek tussen ondernemers, freelancers en teams die ieder aan hun eigen idee\u00ebn bouwen. Je hebt de rust om geconcentreerd te werken, met de energie van anderen altijd dichtbij.<\/p>\n  \n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6ae2ac3 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"6ae2ac3\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" \n   class=\"buttn-icon-link w-inline-block fading\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Bekijk onze werkplekken<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon accent\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\n     \n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-cf3035f layoutID-full e-flex layoutID e-parent\" data-id=\"cf3035f\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-fd06ff1 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"fd06ff1\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\n.codesk2026-page {\n  --co-green: #1e4c3b;\n  --co-sage: #d7e5cc;\n  --co-sand: #f4f2ed;\n  --co-yellow: #f1b650;\n  --co-black: #000000;\n  --co-white: #ffffff;\n  --co-art: #233f21;\n  --co-line: rgba(30, 76, 59, 0.16);\n  --co-muted: rgba(0, 0, 0, 0.62);\n  --co-muted-green: rgba(30, 76, 59, 0.7);\n  --co-serif: \"Minion Variable Concept\", \"Minion Variable Concept Display\", \"Minion Pro\", Georgia, serif;\n  --co-sans: \"Poppins\", Arial, sans-serif;\n  --co-radius: .25em;\n  --co-max: 1520px;\n\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  overflow-x: clip;\n  background: var(--co-white);\n  color: var(--co-black);\n  font-family: var(--co-sans) !important;\n  font-weight: 300;\n  font-style: normal;\n}\n\n.codesk2026-page,\n.codesk2026-page * {\n  box-sizing: border-box;\n}\n\n.codesk2026-page img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n}\n\n.codesk2026-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.codesk2026-page strong,\n.codesk2026-page b {\n  font-weight: 300;\n}\n\n.codesk2026-page h1,\n.codesk2026-page h2,\n.codesk2026-page h3,\n.codesk2026-page .codesk2026-title,\n.codesk2026-page .codesk2026-heading,\n.codesk2026-page .codesk2026-benefit-title,\n.codesk2026-page .codesk2026-experience-title,\n.codesk2026-page .codesk2026-visual-title,\n.codesk2026-page .codesk2026-location-title {\n  margin: 0;\n  font-family: var(--co-serif) !important;\n  font-weight: 400 !important;\n  font-style: normal !important;\n  text-wrap: balance;\n}\n\n.codesk2026-page h1 *,\n.codesk2026-page h2 *,\n.codesk2026-page h3 *,\n.codesk2026-page .codesk2026-title *,\n.codesk2026-page .codesk2026-heading *,\n.codesk2026-page .codesk2026-benefit-title *,\n.codesk2026-page .codesk2026-experience-title *,\n.codesk2026-page .codesk2026-visual-title *,\n.codesk2026-page .codesk2026-location-title * {\n  font-family: inherit !important;\n}\n\n.codesk2026-page h1 .word,\n.codesk2026-page h2 .word,\n.codesk2026-page h3 .word,\n.codesk2026-page h1 .split-parent,\n.codesk2026-page h2 .split-parent,\n.codesk2026-page h3 .split-parent {\n  overflow: visible !important;\n}\n\n.codesk2026-wrap {\n  width: min(calc(100vw - 3rem), var(--co-max));\n  margin-inline: auto;\n}\n\n.codesk2026-section {\n  padding-block: clamp(4.75rem, 7vw, 7rem);\n}\n\n.codesk2026-kicker {\n  margin: 0 0 .95rem;\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .74rem;\n  line-height: 1.2;\n  letter-spacing: .085em;\n  text-transform: uppercase;\n  font-weight: 300;\n}\n\n.codesk2026-kicker--light {\n  color: rgba(255,255,255,.78);\n}\n\n.codesk2026-title {\n  max-width: 26ch;\n  color: var(--co-green);\n  font-size: clamp(2.85rem, 4.7vw, 5.05rem);\n  line-height: .94;\n  letter-spacing: -.035em;\n}\n\n.codesk2026-title-line {\n  display: block;\n  white-space: nowrap;\n}\n\n.codesk2026-heading {\n  max-width: 34ch;\n  color: var(--co-green);\n  font-size: clamp(2.15rem, 3.15vw, 3.45rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-copy {\n  margin: 0;\n  max-width: 42rem;\n  color: var(--co-muted);\n  font-family: var(--co-sans) !important;\n  font-size: clamp(.95rem, .98vw, 1.03rem);\n  line-height: 1.6;\n  font-weight: 300;\n}\n\n.codesk2026-copy--green {\n  color: var(--co-muted-green);\n}\n\n.codesk2026-corner-art {\n  position: absolute;\n  z-index: 0;\n  width: clamp(13rem, 20vw, 19rem);\n  height: auto;\n  pointer-events: none;\n  opacity: .26;\n}\n\n.codesk2026-corner-art circle {\n  fill: none;\n  stroke: var(--co-art);\n  vector-effect: non-scaling-stroke;\n}\n\n.codesk2026-action {\n  position: relative;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  gap: .8rem;\n  width: fit-content;\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .94rem;\n  line-height: 1;\n  font-weight: 300;\n}\n\n.codesk2026-action-circle {\n  width: 2.85rem;\n  height: 2.85rem;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22,1,.36,1);\n}\n\n.codesk2026-action-circle svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.codesk2026-action:hover .codesk2026-action-circle,\n.codesk2026-action:focus-visible .codesk2026-action-circle {\n  transform: translateX(.3rem);\n}\n\n.codesk2026-action:focus-visible,\n.codesk2026-location-card:focus-visible {\n  outline: 2px solid var(--co-yellow);\n  outline-offset: 4px;\n}\n\n.codesk2026-hero {\n  position: relative;\n  width: min(calc(100vw - 2rem), 1600px);\n  min-height: min(82svh, 820px);\n  margin: 1rem auto 0;\n  display: grid;\n  grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr);\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-sage);\n}\n\n.codesk2026-hero-content {\n  position: relative;\n  z-index: 2;\n  min-height: 100%;\n  padding: clamp(2rem, 5vw, 5rem);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n\n.codesk2026-hero-art {\n  left: -4.8rem;\n  bottom: -3rem;\n  width: clamp(14rem, 19vw, 18.5rem);\n}\n\n.codesk2026-hero-copy {\n  margin-top: 1.45rem;\n  max-width: 35rem;\n  color: rgba(30,76,59,.78);\n}\n\n.codesk2026-hero-action {\n  margin-top: 1.75rem;\n}\n\n.codesk2026-hero-facts {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  margin-top: clamp(2.5rem,5vw,4.25rem);\n  padding-top: 1.15rem;\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 1rem;\n  border-top: 1px solid rgba(30,76,59,.18);\n}\n\n.codesk2026-hero-fact {\n  display: grid;\n  gap: .35rem;\n}\n\n.codesk2026-hero-fact span:first-child {\n  color: rgba(30,76,59,.56);\n  font-family: var(--co-sans) !important;\n  font-size: .68rem;\n  line-height: 1;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-hero-fact span:last-child {\n  color: var(--co-green);\n  font-family: var(--co-sans) !important;\n  font-size: .9rem;\n  line-height: 1.4;\n}\n\n.codesk2026-hero-media {\n  position: relative;\n  min-height: 42rem;\n  overflow: hidden;\n  background: var(--co-green);\n}\n\n.codesk2026-hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.codesk2026-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0;\n  height: 28%;\n  background: linear-gradient(to top,rgba(0,0,0,.28),transparent);\n  pointer-events: none;\n}\n\n.codesk2026-hero-caption {\n  position: absolute;\n  z-index: 2;\n  left: 1.35rem;\n  right: 1.35rem;\n  bottom: 1.2rem;\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  color: var(--co-white);\n}\n\n.codesk2026-hero-caption span {\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1.3;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-benefits {\n  padding-top: clamp(4.5rem,6vw,6.5rem);\n}\n\n.codesk2026-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  border-top: 1px solid var(--co-line);\n  border-bottom: 1px solid var(--co-line);\n}\n\n.codesk2026-benefit {\n  min-height: 9.5rem;\n  padding: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1.75rem;\n  border-right: 1px solid var(--co-line);\n}\n\n.codesk2026-benefit:last-child {\n  border-right: 0;\n}\n\n.codesk2026-benefit-index {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-benefit-title {\n  max-width: 17ch;\n  color: var(--co-green);\n  font-size: clamp(1.38rem,1.6vw,1.75rem);\n  line-height: 1;\n  letter-spacing: -.02em;\n}\n\n.codesk2026-experience-head {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(18rem,.68fr);\n  gap: clamp(2rem,7vw,8rem);\n  align-items: end;\n  margin-bottom: clamp(2.5rem,5vw,4rem);\n}\n\n.codesk2026-experience-head .codesk2026-copy {\n  justify-self: end;\n}\n\n.codesk2026-experience-list {\n  border-top: 1px solid var(--co-line);\n}\n\n.codesk2026-experience-row {\n  min-height: 9rem;\n  padding: clamp(1.25rem,2.3vw,2rem) 0;\n  display: grid;\n  grid-template-columns: 3rem minmax(0,.8fr) minmax(18rem,.78fr);\n  gap: clamp(1.25rem,4vw,4rem);\n  align-items: center;\n  border-bottom: 1px solid var(--co-line);\n}\n\n.codesk2026-experience-index {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-experience-title {\n  max-width: 24ch;\n  color: var(--co-green);\n  font-size: clamp(1.7rem,2.25vw,2.35rem);\n  line-height: 1;\n  letter-spacing: -.025em;\n}\n\n.codesk2026-experience-row p {\n  margin: 0;\n  color: var(--co-muted);\n  font-family: var(--co-sans) !important;\n  font-size: .93rem;\n  line-height: 1.55;\n}\n\n.codesk2026-visual {\n  padding-bottom: clamp(4.75rem,7vw,7rem);\n}\n\n.codesk2026-visual-grid {\n  min-height: clamp(34rem,56vw,48rem);\n  display: grid;\n  grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr);\n  gap: 1rem;\n}\n\n.codesk2026-visual-main,\n.codesk2026-visual-side {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n}\n\n.codesk2026-visual-main img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.codesk2026-visual-side {\n  padding: clamp(2rem,4vw,4rem);\n  background: var(--co-sage);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.codesk2026-visual-art {\n  top: -2rem;\n  right: -3.5rem;\n  width: clamp(13rem,18vw,17rem);\n}\n\n.codesk2026-visual-title {\n  position: relative;\n  z-index: 2;\n  max-width: 20ch;\n  color: var(--co-green);\n  font-size: clamp(2rem,3vw,3.15rem);\n  line-height: .98;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-locations {\n  position: relative;\n  overflow: hidden;\n  background: var(--co-sand);\n}\n\n.codesk2026-locations-art {\n  right: -5rem;\n  bottom: -4rem;\n  width: clamp(15rem,21vw,20rem);\n}\n\n.codesk2026-locations-head {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(18rem,.64fr);\n  gap: clamp(2rem,7vw,7rem);\n  align-items: end;\n  margin-bottom: clamp(2.75rem,5vw,4rem);\n}\n\n.codesk2026-locations-head .codesk2026-copy {\n  justify-self: end;\n}\n\n.codesk2026-location-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 1rem;\n}\n\n.codesk2026-location-card {\n  min-height: 29rem;\n  padding: clamp(1.4rem,2.3vw,2rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 2rem;\n  border: 1px solid rgba(30,76,59,.16);\n  border-radius: var(--co-radius);\n  background: rgba(255,255,255,.74);\n  color: var(--co-green);\n  transition: transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease;\n}\n\n.codesk2026-location-card:hover {\n  transform: translateY(-.3rem);\n  border-color: rgba(30,76,59,.4);\n}\n\n.codesk2026-location-number {\n  color: rgba(30,76,59,.48);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .07em;\n}\n\n.codesk2026-location-city {\n  margin: 0 0 .7rem;\n  color: rgba(30,76,59,.56);\n  font-family: var(--co-sans) !important;\n  font-size: .71rem;\n  line-height: 1;\n  letter-spacing: .075em;\n  text-transform: uppercase;\n}\n\n.codesk2026-location-title {\n  max-width: 16ch;\n  color: var(--co-green);\n  font-size: clamp(2.35rem,3.15vw,3.4rem);\n  line-height: .95;\n  letter-spacing: -.03em;\n}\n\n.codesk2026-location-address {\n  margin: 1rem 0 0;\n  color: rgba(30,76,59,.62);\n  font-family: var(--co-sans) !important;\n  font-size: .83rem;\n  line-height: 1.5;\n}\n\n.codesk2026-location-bottom {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n  padding-top: 1.2rem;\n  border-top: 1px solid rgba(30,76,59,.16);\n}\n\n.codesk2026-location-price {\n  display: grid;\n  gap: .35rem;\n}\n\n.codesk2026-location-price-label {\n  color: rgba(30,76,59,.55);\n  font-family: var(--co-sans) !important;\n  font-size: .66rem;\n  line-height: 1;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.codesk2026-location-price-value {\n  color: var(--co-green);\n  font-family: var(--co-serif) !important;\n  font-size: clamp(1.7rem,2.2vw,2.35rem);\n  line-height: 1;\n}\n\n.codesk2026-location-arrow {\n  width: 2.85rem;\n  height: 2.85rem;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--co-yellow);\n  color: var(--co-green);\n}\n\n.codesk2026-location-arrow svg {\n  width: .95rem;\n  height: .95rem;\n}\n\n.codesk2026-tour-box {\n  position: relative;\n  min-height: 28rem;\n  padding: clamp(2.5rem,6vw,5rem);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  overflow: hidden;\n  border-radius: var(--co-radius);\n  background: var(--co-green);\n  color: var(--co-white);\n}\n\n.codesk2026-tour-art {\n  right: -4rem;\n  top: -3rem;\n  opacity: .18;\n}\n\n.codesk2026-tour-art circle {\n  stroke: #d7e5cc;\n}\n\n.codesk2026-tour-box .codesk2026-heading {\n  position: relative;\n  z-index: 2;\n  max-width: 25ch;\n  color: var(--co-white);\n}\n\n.codesk2026-tour-copy {\n  position: relative;\n  z-index: 2;\n  margin: 1.25rem 0 0;\n  max-width: 34rem;\n  color: rgba(255,255,255,.7);\n  font-family: var(--co-sans) !important;\n  font-size: .95rem;\n  line-height: 1.58;\n}\n\n.codesk2026-tour-box .codesk2026-action {\n  margin-top: 1.8rem;\n  color: var(--co-white);\n}\n\n.codesk2026-reveal {\n  opacity: 0;\n  transform: translateY(1rem);\n  transition: opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);\n}\n\n.codesk2026-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width:1050px) {\n  .codesk2026-benefits-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .codesk2026-benefit:nth-child(2) {\n    border-right: 0;\n  }\n\n  .codesk2026-benefit:nth-child(-n+2) {\n    border-bottom: 1px solid var(--co-line);\n  }\n\n  .codesk2026-location-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-location-card {\n    min-height: 22rem;\n  }\n}\n\n@media (max-width:920px) {\n  .codesk2026-hero {\n    min-height: auto;\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-hero-content {\n    min-height: 35rem;\n  }\n\n  .codesk2026-hero-media {\n    min-height: 34rem;\n  }\n\n  .codesk2026-experience-head,\n  .codesk2026-locations-head {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-experience-head .codesk2026-copy,\n  .codesk2026-locations-head .codesk2026-copy {\n    justify-self: start;\n  }\n\n  .codesk2026-experience-row {\n    grid-template-columns: 2.8rem minmax(0,1fr);\n  }\n\n  .codesk2026-experience-row p {\n    grid-column: 2;\n  }\n\n  .codesk2026-visual-grid {\n    min-height: 0;\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-visual-main {\n    min-height: 32rem;\n  }\n\n  .codesk2026-visual-side {\n    min-height: 21rem;\n  }\n}\n\n@media (max-width:760px) {\n  .codesk2026-wrap {\n    width: 92vw;\n  }\n\n  .codesk2026-section {\n    padding-block: 4rem;\n  }\n\n  .codesk2026-title {\n    max-width: 100%;\n    font-size: clamp(2.05rem,8.8vw,2.75rem);\n    line-height: .96;\n  }\n\n  .codesk2026-title-line {\n    white-space: nowrap;\n  }\n\n  .codesk2026-heading {\n    max-width: 100%;\n    font-size: clamp(2rem,8.5vw,2.8rem);\n    line-height: .99;\n  }\n\n  .codesk2026-copy {\n    font-size: .94rem;\n    line-height: 1.58;\n  }\n\n  .codesk2026-hero {\n    width: 94vw;\n    margin-top: .75rem;\n  }\n\n  .codesk2026-hero-content {\n    min-height: auto;\n    padding: 4.5rem 1.25rem 1.5rem;\n  }\n\n  .codesk2026-hero-facts {\n    margin-top: 2.5rem;\n    grid-template-columns: 1fr;\n    gap: .8rem;\n  }\n\n  .codesk2026-hero-fact {\n    grid-template-columns: 6rem 1fr;\n    align-items: baseline;\n  }\n\n  .codesk2026-hero-media {\n    min-height: 28rem;\n  }\n\n  .codesk2026-benefits {\n    padding-top: 4rem;\n  }\n\n  .codesk2026-benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .codesk2026-benefit {\n    min-height: 7.25rem;\n    border-right: 0;\n    border-bottom: 1px solid var(--co-line);\n  }\n\n  .codesk2026-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  .codesk2026-experience-row {\n    min-height: 0;\n    padding: 1.3rem 0;\n  }\n\n  .codesk2026-experience-title {\n    max-width: 100%;\n    font-size: 1.8rem;\n  }\n\n  .codesk2026-visual {\n    padding-bottom: 4rem;\n  }\n\n  .codesk2026-visual-main {\n    min-height: 27rem;\n  }\n\n  .codesk2026-visual-side {\n    min-height: 19rem;\n    padding: 1.35rem;\n  }\n\n  .codesk2026-visual-title {\n    max-width: 100%;\n    font-size: 2.25rem;\n  }\n\n  .codesk2026-location-card {\n    min-height: 21rem;\n    padding: 1.25rem;\n  }\n\n  .codesk2026-location-card:hover {\n    transform: none;\n  }\n\n  .codesk2026-location-title {\n    max-width: 100%;\n    font-size: 2.45rem;\n  }\n\n  .codesk2026-tour-box {\n    min-height: 24rem;\n    padding: 2rem 1.35rem;\n  }\n\n  .codesk2026-corner-art {\n    width: 12rem;\n  }\n\n  .codesk2026-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  .codesk2026-page *,\n  .codesk2026-page *::before,\n  .codesk2026-page *::after {\n    scroll-behavior: auto !important;\n    transition-duration: .01ms !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n\n  .codesk2026-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<div class=\"codesk2026-page\">\n\n  <section class=\"codesk2026-hero\">\n\n    <div class=\"codesk2026-hero-content codesk2026-reveal\">\n\n      <svg class=\"codesk2026-corner-art codesk2026-hero-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n        <circle cx=\"167.41\" cy=\"124.2\" r=\"115.11\" stroke-width=\".99\"><\/circle>\n        <circle cx=\"59.85\" cy=\"58.78\" r=\"49.56\" stroke-width=\".95\"><\/circle>\n      <\/svg>\n\n      <p class=\"codesk2026-kicker\">Eigen werkplek<\/p>\n\n      <h1 class=\"codesk2026-title\">\n        <span class=\"codesk2026-title-line\">Een eigen bureau,<\/span>\n        <span class=\"codesk2026-title-line\">in goed gezelschap.<\/span>\n      <\/h1>\n\n      <p class=\"codesk2026-copy codesk2026-copy--green codesk2026-hero-copy\">\n        Een vaste werkplek in een gedeeld kantoor. Je bureau staat iedere werkdag voor je klaar, met de lounges, belcellen en vergaderruimtes van Co-Office binnen handbereik.\n      <\/p>\n\n      <a class=\"codesk2026-action codesk2026-hero-action\" href=\"#coworking-locations\">\n        <span>Bekijk onze werkplekken<\/span>\n        <span class=\"codesk2026-action-circle\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/a>\n\n      <div class=\"codesk2026-hero-facts\">\n        <div class=\"codesk2026-hero-fact\">\n          <span>Werkplek<\/span>\n          <span>Een vast bureau van jou<\/span>\n        <\/div>\n        <div class=\"codesk2026-hero-fact\">\n          <span>Vanaf<\/span>\n          <span>\u20ac349 per maand<\/span>\n        <\/div>\n        <div class=\"codesk2026-hero-fact\">\n          <span>Amsterdam<\/span>\n          <span>3 locaties<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"codesk2026-hero-media codesk2026-reveal\">\n      <img decoding=\"async\" class=\"codesk2026-hero-image\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-32-scaled.webp\" alt=\"Eigen werkplek bij Co-Office\">\n\n      <div class=\"codesk2026-hero-caption\">\n        <span>Eigen werkplek<\/span>\n        <span>Co-Office Amsterdam<\/span>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"codesk2026-benefits\">\n    <div class=\"codesk2026-wrap codesk2026-benefits-grid\">\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">01<\/span>\n        <h2 class=\"codesk2026-benefit-title\">Je eigen vaste bureau<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">02<\/span>\n        <h2 class=\"codesk2026-benefit-title\">Toegang tot de lounges<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">03<\/span>\n        <h2 class=\"codesk2026-benefit-title\">Gedeelde belcellen<\/h2>\n      <\/article>\n\n      <article class=\"codesk2026-benefit codesk2026-reveal\">\n        <span class=\"codesk2026-benefit-index\">04<\/span>\n        <h2 class=\"codesk2026-benefit-title\">Vergaderen wanneer nodig<\/h2>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-section\">\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-experience-head codesk2026-reveal\">\n        <div>\n          <p class=\"codesk2026-kicker\">Meer dan een bureau<\/p>\n          <h2 class=\"codesk2026-heading\">Een vaste basis, met anderen om je heen.<\/h2>\n        <\/div>\n\n        <p class=\"codesk2026-copy\">\n          Je werkt iedere dag vanaf dezelfde plek, maar blijft onderdeel van een omgeving waar andere ondernemers en professionals hun eigen bedrijf bouwen.\n        <\/p>\n      <\/div>\n\n      <div class=\"codesk2026-experience-list\">\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">01<\/span>\n          <h3 class=\"codesk2026-experience-title\">Je bureau staat iedere dag voor je klaar.<\/h3>\n          <p>Geen dagelijkse zoektocht naar een plek. Je komt binnen, installeert je en kunt direct aan het werk.<\/p>\n        <\/article>\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">02<\/span>\n          <h3 class=\"codesk2026-experience-title\">Zelfstandig werken, zonder alleen te werken.<\/h3>\n          <p>Je deelt de omgeving met ondernemers en freelancers. Dat zorgt voor afwisseling, contact en nieuwe energie.<\/p>\n        <\/article>\n\n        <article class=\"codesk2026-experience-row codesk2026-reveal\">\n          <span class=\"codesk2026-experience-index\">03<\/span>\n          <h3 class=\"codesk2026-experience-title\">Wissel van setting wanneer dat nodig is.<\/h3>\n          <p>Gebruik een lounge, belcel of vergaderruimte wanneer je even anders wilt werken of iemand wilt ontvangen.<\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-visual\">\n    <div class=\"codesk2026-wrap codesk2026-visual-grid\">\n\n      <div class=\"codesk2026-visual-main codesk2026-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/05\/Bos-en-Lommerplein-270-22-scaled.webp\" alt=\"Gedeelde werkruimte van Co-Office\">\n      <\/div>\n\n      <div class=\"codesk2026-visual-side codesk2026-reveal\">\n\n        <svg class=\"codesk2026-corner-art codesk2026-visual-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n          <circle cx=\"124.24\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n          <circle cx=\"237.74\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n        <\/svg>\n\n        <div>\n          <p class=\"codesk2026-kicker\">Eigen werkplek<\/p>\n          <h2 class=\"codesk2026-visual-title\">Geen eigen kantoor nodig. Wel je eigen plek.<\/h2>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-locations codesk2026-section\" id=\"coworking-locations\">\n\n    <svg class=\"codesk2026-corner-art codesk2026-locations-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n      <circle cx=\"164.51\" cy=\"124.73\" r=\"107.5\" stroke-width=\".93\"><\/circle>\n      <circle cx=\"61.89\" cy=\"182.13\" r=\"46.29\" stroke-width=\".89\"><\/circle>\n    <\/svg>\n\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-locations-head codesk2026-reveal\">\n        <div>\n          <p class=\"codesk2026-kicker\">Onze locaties<\/p>\n          <h2 class=\"codesk2026-heading\">Drie plekken voor je vaste werkdag.<\/h2>\n        <\/div>\n\n        <p class=\"codesk2026-copy codesk2026-copy--green\">\n          De eigen werkplek is beschikbaar op drie locaties in Amsterdam. Bekijk het maandtarief per locatie en neem contact op voor het actuele aanbod.\n        <\/p>\n      <\/div>\n\n      <div class=\"codesk2026-location-grid\">\n\n        <a href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">01<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\">Amsterdam East<\/p>\n            <h3 class=\"codesk2026-location-title\">Adammium<\/h3>\n            <p class=\"codesk2026-location-address\">Joop Geesinkweg 201<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac349<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">02<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\">Amsterdam West<\/p>\n            <h3 class=\"codesk2026-location-title\">Bruggebouw<\/h3>\n            <p class=\"codesk2026-location-address\">Bos en Lommerplein 280<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac349<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/en\/contact\/\" class=\"codesk2026-location-card codesk2026-reveal\">\n          <span class=\"codesk2026-location-number\">03<\/span>\n\n          <div>\n            <p class=\"codesk2026-location-city\">Amsterdam Centrum<\/p>\n            <h3 class=\"codesk2026-location-title\">Herengracht<\/h3>\n            <p class=\"codesk2026-location-address\">Herengracht 582<br>Amsterdam<\/p>\n          <\/div>\n\n          <div class=\"codesk2026-location-bottom\">\n            <div class=\"codesk2026-location-price\">\n              <span class=\"codesk2026-location-price-label\">Per werkplek \/ maand<\/span>\n              <span class=\"codesk2026-location-price-value\">\u20ac449<\/span>\n            <\/div>\n\n            <span class=\"codesk2026-location-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"codesk2026-section\">\n    <div class=\"codesk2026-wrap\">\n\n      <div class=\"codesk2026-tour-box codesk2026-reveal\">\n\n        <svg class=\"codesk2026-corner-art codesk2026-tour-art\" viewbox=\"0 0 292.32 247.42\" aria-hidden=\"true\">\n          <circle cx=\"168.57\" cy=\"124.2\" r=\"121.47\" stroke-width=\"1.05\"><\/circle>\n          <circle cx=\"55.07\" cy=\"193.24\" r=\"52.3\" stroke-width=\"1\"><\/circle>\n        <\/svg>\n\n        <p class=\"codesk2026-kicker codesk2026-kicker--light\">Plan een bezichtiging<\/p>\n\n        <h2 class=\"codesk2026-heading\">Ontdek jouw toekomstige werkplek.<\/h2>\n\n        <p class=\"codesk2026-tour-copy\">\n          Kom vrijblijvend langs, bekijk de beschikbare werkplekken en ontdek welke locatie het beste bij je werkdag past.\n        <\/p>\n\n        <a class=\"codesk2026-action\" href=\"\/en\/contact\/\">\n          <span>Plan een bezichtiging<\/span>\n          <span class=\"codesk2026-action-circle\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 16 16\" fill=\"none\">\n              <path d=\"M3 8H13\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\"><\/path>\n              <path d=\"M9 4L13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const page = document.querySelector('.codesk2026-page');\n  if (!page) return;\n\n  const reveals = Array.from(page.querySelectorAll('.codesk2026-reveal'));\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const smallScreen = window.matchMedia('(max-width: 760px)').matches;\n\n  if (reduceMotion || smallScreen || !('IntersectionObserver' in window)) {\n    reveals.forEach(function (item) {\n      item.classList.add('is-visible');\n    });\n    return;\n  }\n\n  const observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      observer.unobserve(entry.target);\n    });\n  }, {\n    threshold: .12,\n    rootMargin: '0px 0px -5% 0px'\n  });\n\n  reveals.forEach(function (item) {\n    observer.observe(item);\n  });\n});\n<\/script>\n\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>Co-working voor focus, energie en nieuwe connecties Werk zelfstandig, zonder alleen te werken. Bij Co-Office vind je een professionele werkplek tussen ondernemers, freelancers en teams die ieder aan hun eigen idee\u00ebn bouwen. Je hebt de rust om geconcentreerd te werken, met de energie van anderen altijd dichtbij. Bekijk onze werkplekken Eigen werkplek Een eigen bureau, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/comments?post=14399"}],"version-history":[{"count":7,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399\/revisions"}],"predecessor-version":[{"id":14406,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14399\/revisions\/14406"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=14399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}