{"id":8520,"date":"2025-03-13T22:58:41","date_gmt":"2025-03-13T22:58:41","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=8520"},"modified":"2025-03-13T23:24:42","modified_gmt":"2025-03-13T23:24:42","slug":"kantoorruimte-huren-amsterdam","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/kantoorruimte-huren-amsterdam\/","title":{"rendered":"Co-Office | Office space for rent in Amsterdam"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"8520\" class=\"data-eoa data-eoa-8520\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a03643e layoutID-full e-flex layoutID e-parent\" data-id=\"a03643e\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3305418 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3305418\" 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 l5 splitword\">Renting an office space in Amsterdam<\/h1>\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-523e8f1 layoutID-full e-flex layoutID e-parent\" data-id=\"523e8f1\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8e7396f e-grid layoutID-full layoutID e-child\" data-id=\"8e7396f\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-897e528 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"897e528\" 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=\"s-m l2 splitter\">We are happy to help you find the ideal office space to rent in Amsterdam. Co-Office has full-service, turnkey, office space for entrepreneurs in several cities, in several locations.\nWant to rent a flexible office space, or try one of the coworking spaces? <\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-cba517f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"cba517f\" 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    .spliter{\n        display: inline\n    }\n<\/style>\n\n <p class=\"s-m l2 splitter\">\n Are you looking for a flexible workplace or just a customized office space in Amsterdam including furniture, internet and meeting room, all for a fixed transparent all-in price per month. Just give us a call and we will be happy to help you find the office solution for your business.<\/p>\t\t<\/div>\n\t\t\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-cb0a434 layoutID-full e-flex layoutID e-parent\" data-id=\"cb0a434\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5135506 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5135506\" 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<link href=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v3.8.0\/mapbox-gl.css\" rel=\"stylesheet\">\r\n\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\r\n  #map {\r\n    width: 100%;\r\n    height: 45vh;\r\n    border-radius: 1vh;\r\n  }\r\n\r\n  .mapboxgl-ctrl-bottom-right,\r\n  a.mapboxgl-ctrl-logo {\r\n    bottom: 0;\r\n    right: 0;\r\n    display: none;\r\n  }\r\n\r\n \r\n<\/style>\r\n\r\n<div id=\"map\"><\/div>\r\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-aa86458 layoutID-full e-flex layoutID e-parent\" data-id=\"aa86458\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-476c61f layoutID-full e-flex layoutID e-child\" data-id=\"476c61f\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e40ae0d layoutID-full e-flex layoutID e-child\" data-id=\"e40ae0d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1d56fd8 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"1d56fd8\" 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>\r\n\r\n@media screen and (min-width:990px){\r\n    [clip_wrapper] {\r\n    \r\n        width: 100%; \r\n\r\n        overflow: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n        border-radius: 0.5vh\r\n      \r\n    }\r\n\r\n    #first.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 80vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n        \r\n      }\r\n  #second.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 60vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n      }\r\n        #third.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 110vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fourth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 82vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fifth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 80vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n      #sixth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 65vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n    \r\n}\r\n      \r\n      \r\n      \r\n      \r\n      @media screen and (max-width:990px){\r\n    [clip_wrapper] {\r\n    \r\n        width: 100%; \r\n\r\n        overflow: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n        border-radius: 0.5vh\r\n      \r\n    }\r\n\r\n    #first.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n        \r\n      }\r\n  #second.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n      }\r\n        #third.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 55vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fourth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fifth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n           #sixth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n          \r\n      }\r\n<\/style>\r\n<a href=\"\/en\/locations\/bruggebouw\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/bruggebouw-locatie.jpg\" alt=\"Bruggebouw Amsterdam Co-Office\" class=\"masked\" id=\"first\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dcb51c0 layoutID-full e-flex layoutID e-child\" data-id=\"dcb51c0\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-16c09a9 layoutID-full e-flex layoutID e-child\" data-id=\"16c09a9\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2591409 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2591409\" 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<h1 class=\"s-l light splitter\">Bruggebouw<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7b3e787 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7b3e787\" 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<h1 class=\"s-m light splitter opac50\">Bos- en lommerplein 280<\/h1>\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-d0f43f1 layoutID-full e-flex layoutID e-child\" data-id=\"d0f43f1\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e1e4759 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"e1e4759\" data-dynamic_type=\"data-hxm\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/bruggebouw\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \n     \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-04341ae data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"04341ae\" 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<a href=\"\/en\/locations\/keynes\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/KeynesBuilding-Co-Office-locatie.webp\" alt=\"Keynes Building Co-Office\" class=\"masked\" id=\"third\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6d514fb layoutID-full e-flex layoutID e-child\" data-id=\"6d514fb\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1345855 layoutID-full e-flex layoutID e-child\" data-id=\"1345855\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-33982f5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"33982f5\" 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<h1 class=\"s-l light splitter\">Keynes Building<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-21e3528 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"21e3528\" 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<h1 class=\"s-m light splitter opac50\">John M. Keynesplein 10<\/h1>\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-2ebc771 layoutID-full e-flex layoutID e-child\" data-id=\"2ebc771\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-002eb27 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"002eb27\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/keynes\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \n     \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-abd4d4c data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"abd4d4c\" 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<a href=\"\/en\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/locaties_valleydata78433.jpg\" alt=\"Valley Co Office\" class=\"masked forbidden\" id=\"sixth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c937fd8 layoutID-full e-flex layoutID e-child\" data-id=\"c937fd8\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-9349aff layoutID-full forbidden e-flex layoutID e-child\" data-id=\"9349aff\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a8e9e1e data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a8e9e1e\" 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<h1 class=\"s-l light splitter\">Valley<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7834168 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7834168\" 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<h1 class=\"s-m light splitter opac50\">Beethovenstraat 505<\/h1>\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-9e06c29 layoutID-full forbidden e-flex layoutID e-child\" data-id=\"9e06c29\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a368ee8 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a368ee8\" 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<h1 class=\"s-s light splitter\">Q2-2025<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-dc87f37 layoutID-full e-flex layoutID e-child\" data-id=\"dc87f37\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-da1e0cd data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"da1e0cd\" 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<a href=\"\/en\/locations\/adammium\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/Adammium-Co-Office-locatie.webp\" alt=\"Adammium Co-Office\" class=\"masked\" id=\"second\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-97bc932 layoutID-full e-flex layoutID e-child\" data-id=\"97bc932\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4d09288 layoutID-full e-flex layoutID e-child\" data-id=\"4d09288\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2f0e1df data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2f0e1df\" 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<h1 class=\"s-l light splitter\">Adammium<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5e33cdd data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5e33cdd\" 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<h1 class=\"s-m light splitter opac50\">Joop Geesinkweg 201<\/h1>\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-433077d layoutID-full e-flex layoutID e-child\" data-id=\"433077d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3e11234 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3e11234\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/adammium\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \n     \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8588abb data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"8588abb\" 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<a href=\"\/en\/locations\/zuidas\/\">\r\n<img decoding=\"async\" src=\"\/media\/2024\/10\/Zuidas-intereieurv2.jpg\" alt=\"Amsterdam Zuidas Co-Office\" class=\"masked\" id=\"fourth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a896165 layoutID-full e-flex layoutID e-child\" data-id=\"a896165\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c5c6348 layoutID-full e-flex layoutID e-child\" data-id=\"c5c6348\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7052624 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7052624\" 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<h1 class=\"s-l light splitter\">Amsterdam Zuidas<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-22f033b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"22f033b\" 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<h1 class=\"s-m light splitter opac50\">De Boelelaan 30<\/h1>\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-27904d3 layoutID-full e-flex layoutID e-child\" data-id=\"27904d3\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-22cb843 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"22cb843\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/zuidas\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \n     \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-fbdca33 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"fbdca33\" 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<a href=\"#\">\r\n<img decoding=\"async\" src=\"\/media\/2024\/11\/Herengracht-exterieur-v2.jpg\" alt=\"Herengracht Co-Office\" class=\"masked forbidden\" id=\"fourth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-18dc4b2 layoutID-full e-flex layoutID e-child\" data-id=\"18dc4b2\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8e89c3c layoutID-full forbidden e-flex layoutID e-child\" data-id=\"8e89c3c\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0308889 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0308889\" 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<h1 class=\"s-l light splitter\">Herengracht<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-974033b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"974033b\" 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<h1 class=\"s-m light splitter opac50\">Herengracht 582<\/h1>\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-ba2dde7 layoutID-full forbidden e-flex layoutID e-child\" data-id=\"ba2dde7\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ce46556 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ce46556\" 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<h1 class=\"s-s light splitter\">Q3-2025<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-48b3629 layoutID-full e-flex layoutID e-child\" data-id=\"48b3629\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f9b3e35 layoutID-full e-flex layoutID e-child\" data-id=\"f9b3e35\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-df2b445 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"df2b445\" 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 <script src=\"https:\/\/d3e54v103j8qbb.cloudfront.net\/js\/jquery-3.5.1.min.dc5e7f18c8.js?site=66e5ec33a18f2697a1f774e5\" type=\"text\/javascript\" integrity=\"sha256-9\/aliU8dGd2tb6OSsuzixeV4y\/faTqgFtohetphbbj0=\" crossorigin=\"anonymous\"><\/script><script src=\"https:\/\/cdn.prod.website-files.com\/66e5ec33a18f2697a1f774e5\/js\/webflow.41ee80978.js\" type=\"text\/javascript\"><\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b02bcb6 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b02bcb6\" 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\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger, CustomEase);\r\n\r\nconst revealDuration = 2;\r\nconst customEase = CustomEase.create(\"cardccv\", \"M0,0 C0.5,0.1,0.01,1,1,1\");\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const maskedImages = document.querySelectorAll(\".masked\");\r\n\r\n    maskedImages.forEach(function (img) {\r\n        img.addEventListener(\"load\", function () {\r\n            const wrapper = document.createElement(\"div\");\r\n            wrapper.setAttribute(\"clip_wrapper\", \"\");\r\n\r\n            img.parentNode.insertBefore(wrapper, img);\r\n            wrapper.appendChild(img);\r\n\r\n            \/\/ Zorg ervoor dat de afbeelding een geldige afmeting heeft\r\n            requestAnimationFrame(() => {\r\n                wrapper.style.width = `${img.offsetWidth}px`;\r\n                wrapper.style.height = `${img.offsetHeight}px`;\r\n\r\n                gsap.set(wrapper, {\r\n                    clipPath: \"inset(100% 0% 0% 0% round 0rem)\",\r\n                    position: \"relative\",\r\n                    overflow: \"hidden\"\r\n                });\r\n\r\n                gsap.set(img, {\r\n                    scale: 1.3,\r\n                    transformOrigin: \"top center\",\r\n                });\r\n\r\n                ScrollTrigger.create({\r\n                    trigger: wrapper,\r\n                    start: \"top 85%\",  \/\/ Lagere startwaarde om triggeren op mobiel te verbeteren\r\n                    onEnter: () => revealItem(wrapper, img),\r\n                });\r\n\r\n                ScrollTrigger.refresh(); \/\/ Voorkomt inconsistentie op mobiel\r\n            });\r\n        });\r\n\r\n        \/\/ Als de afbeelding al geladen is (bv. uit cache), trigger dan direct de load-handler\r\n        if (img.complete) {\r\n            img.dispatchEvent(new Event(\"load\"));\r\n        }\r\n    });\r\n});\r\n\r\nfunction revealItem(wrapper, img) {\r\n    gsap.to(wrapper, {\r\n        duration: revealDuration,\r\n        clipPath: \"inset(0% 0% 0% 0% round 1rem)\",\r\n        ease: \"cardccv\",\r\n    });\r\n\r\n    gsap.to(img, {\r\n        duration: revealDuration,\r\n        scale: 1,\r\n        ease: \"cardccv\",\r\n    });\r\n}\r\n\r\n<\/script>\r\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-1ca06a7 layoutID-full e-flex layoutID e-child\" data-id=\"1ca06a7\" data-dynamic_type=\"container\">\n\t\t\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-f8f7f78 layoutID-full e-flex layoutID e-parent\" data-id=\"f8f7f78\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-03e2ca5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"03e2ca5\" 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<script>\nconst lenis = new Lenis({\n  duration: 1.5,\n  easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \n  direction: 'vertical', \/\/ vertical, horizontal\n  gestureDirection: 'vertical', \/\/ vertical, horizontal, both\n  smooth: true,\n  mouseMultiplier: 0.95,\n  smoothTouch: false,\n  touchMultiplier: 3.5,\n  infinite: false,\n})\n\n\/\/get scroll value\nlenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => {\n  console.log({ scroll, limit, velocity, direction, progress })\n})\n\nfunction raf(time) {\n  lenis.raf(time)\n  requestAnimationFrame(raf)\n}\n\nrequestAnimationFrame(raf)\n<\/script>\n <script src=\"https:\/\/unpkg.com\/lenis@1.1.19\/dist\/lenis.min.js\"><\/script>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"\/attributes\/js\/Splittext.js\"><\/script>\n\n<script src=\"https:\/\/co-office.nu\/attributes\/js\/CustomEase.min.js\"><\/script>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.6\/gsap.min.js\"><\/script>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b2f6be9 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b2f6be9\" 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<script>\r\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(dynamic, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: dynamic,\r\n                    start: \"top 80%\", \r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                defaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n            }),\r\n            numChars = mySplitText.chars.length;\r\n\r\n        var maxStartTime = 0.688 - 0.13;\r\n\r\n        for (var i = 0; i < numChars; i++) {\r\n            var randomStartTime = Math.random() * maxStartTime;\r\n            tl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n        }\r\n    }\r\n\r\n    function triggerGlitchfade(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            gsap.set(dynamic, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(dynamic, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: dynamic,\r\n            start: \"top 85%\", \r\n            end: \"bottom center\", \r\n            toggleActions: \"play none none reverse\"\r\n        });\r\n\r\n        tl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n    }\r\n\r\n    function triggerMainTitle(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            createMainTitleAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', (event) => {\r\n        triggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\n        triggerMainTitle(document.querySelectorAll('.maintitle'));\r\n    });\r\n\r\n\r\n    setTimeout(() => {\r\n        const newText = document.createElement('div');\r\n        newText.classList.add('text', 'glitchfade');\r\n        document.body.appendChild(newText);\r\n        triggerGlitchfade([newText]);\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n        const newTitle = document.createElement('div');\r\n        newTitle.classList.add('maintitle', 'hide');\r\n        document.body.appendChild(newTitle);\r\n        triggerMainTitle([newTitle]);\r\n    }, 4000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ce9ed4f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ce9ed4f\" 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<script>\r\n  gsap.registerPlugin(CustomEase);\r\n\r\n const customEase1 = CustomEase.create(\"ccv\", \"M0,0 C0.9,0.1,0.1,1,1,1\");\r\n\r\nconst customEase3 = CustomEase.create(\"ccv2\", \"M0,0 C0.9,0.1,0.05,0.95,1,1\");\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  const tl = gsap.timeline();\r\n\r\n  tl.fromTo(\".menu-button[data-v-649bbaab]\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\"#cooffice-logo\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n\r\n\r\n  );\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4367927 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"4367927\" 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<div id=\"map\" style=\"width: 100%; height: 500px;\"><\/div>\r\n\r\n<script>\r\n  function loadMapboxScript(callback) {\r\n    if (window.mapboxgl) {\r\n      callback(); \/\/ Als Mapbox al geladen is, start de kaart direct\r\n      return;\r\n    }\r\n    \r\n    const script = document.createElement('script');\r\n    script.src = \"https:\/\/api.mapbox.com\/mapbox-gl-js\/v3.8.0\/mapbox-gl.js\";\r\n    script.onload = callback; \/\/ Start de kaart pas als het script is geladen\r\n    document.body.appendChild(script);\r\n  }\r\n\r\n  function initializeMap() {\r\n    mapboxgl.accessToken = 'pk.eyJ1Ijoic3RhemkiLCJhIjoiY2wyZnp2eTc5MDR4aDNsczN3MXlqcTgyZSJ9.Gv_WaHysOwH-Iwto1vP-fw';\r\n\r\n    const map = new mapboxgl.Map({\r\n      container: 'map',\r\n      style: 'mapbox:\/\/styles\/stazi\/cm3my1317001o01qwgkct87w4',\r\n      center: [4.895200, 52.370200],\r\n      zoom: 10.3,\r\n      pitch: 0,\r\n      bearing: 0,\r\n      scrollZoom: false\r\n    });\r\n\r\n    map.scrollZoom.disable();\r\n    map.addControl(new mapboxgl.NavigationControl());\r\n\r\n    const locations = [\r\n      { coordinates: [4.9314090557452115, 52.335094350293], name: \"Amstel Business Park\" },\r\n      { coordinates: [4.8862707104740855, 52.3353103543038], name: \"Boelelaan\" },\r\n      { coordinates: [4.876983525817562, 52.33831934623451], name: \"Valley\" },\r\n      { coordinates: [4.823843368146097, 52.341702013260104], name: \"Riekerpolder\" },\r\n      { coordinates: [4.844766396135988, 52.378420685481224], name: \"Bruggebouw\" },\r\n      { coordinates: [4.899526468147495, 52.3653405545321], name: \"Herengracht\" }\r\n    ];\r\n\r\n    locations.forEach(location => {\r\n      const el = document.createElement('div');\r\n      const isMobile = window.innerWidth < 768;\r\n      const size = isMobile ? '22px' : '20px';\r\n\r\n      el.style.backgroundImage = 'url(\/media\/2024\/11\/faviconV2-1.png)';\r\n      el.style.width = size;\r\n      el.style.height = size;\r\n      el.style.backgroundSize = 'cover';\r\n      el.style.cursor = 'pointer';\r\n      el.style.borderRadius = '50%';\r\n\r\n      new mapboxgl.Marker(el).setLngLat(location.coordinates).addTo(map);\r\n    });\r\n  }\r\n\r\n  \/\/ Lazy loading met Intersection Observer\r\n  const mapContainer = document.getElementById('map');\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        loadMapboxScript(initializeMap);\r\n        observer.disconnect(); \/\/ Stop observer na het laden van de kaart\r\n      }\r\n    });\r\n  }, { rootMargin: \"100px\" }); \/\/ Start iets eerder dan de viewport\r\n\r\n  observer.observe(mapContainer);\r\n<\/script>\r\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>Rent an office space in Amsterdam We are happy to help you find the ideal office space to rent in Amsterdam. Co-Office has full-service, turnkey, office space for entrepreneurs in several cities, in several locations. Renting a flexible office space, or trying one of the coworking spaces? Are you looking for a flexible workspace or [...]<\/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-8520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/8520","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=8520"}],"version-history":[{"count":0,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/8520\/revisions"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=8520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}