{"id":613,"date":"2026-01-31T14:41:12","date_gmt":"2026-01-31T14:41:12","guid":{"rendered":"http:\/\/localhost\/kenisbank\/"},"modified":"2026-05-02T18:54:20","modified_gmt":"2026-05-02T18:54:20","slug":"kenisbank","status":"publish","type":"page","link":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/","title":{"rendered":"Kenisbank"},"content":{"rendered":"<section\n  \n  role=\"region\"\n  \n  class=\"section block-wrapper flex flex-col contrast:border-b-2 bg-row-primary\"\n>\n\n  \n  <div\n  class=\"section-content flex  group\/wrapper flex relative flex-col lg:flex-row flex-col-reverse gap-4 lg:gap-8 px-4 lg:px-8 items-stretch py-32 [.block-wrapper:nth-child(odd)&gt;&amp;]:lg:flex-row [.block-wrapper:nth-child(even)&gt;&amp;]:lg:flex-row-reverse sm:[.block-wrapper:nth-child(odd)&gt;&amp;]:items-end lg:[.block-wrapper:nth-child(odd)&gt;&amp;]:items-stretch  align wp-block-knowledge-base\"\n    >\n  \n  \n  <div class=\"hidden\"\n  >\n  <\/div>\n  \n  <div class=\"flex w-full lg:w-9\/12 relative\"\n  >\n    <div\n      class=\"flex w-full h-full\"\n    >\n        <div\n          x-data=\"filterResults({\n                restEndpoint: 'https:\\\/\\\/bouwefoarfryslan.nl\\\/fy-nl\\\/wp-json\\\/bouwefoarfryslan\\\/v1\\\/filter\\\/knowledge-base',\n                baseQuery: JSON.parse('{\\u0022post_type\\u0022:\\u0022knowledge-base\\u0022}'),\n                gridSelector: '#kb-filter-results-grid',\n                sentinelSelector: '#kb-infinite-scroll-sentinel',\n                perPage: 20,\n                view: 'items-grid'\n            })\"\n        class=\"relative w-full @container\"\n  >\n          \n      <div\n        data-filter-loading-overlay\n        class=\"absolute inset-0 z-40 flex items-center justify-center bg-row-primary\/80 backdrop-blur-sm\"\n        style=\"display: none;\"\n        aria-live=\"polite\"\n        aria-busy=\"true\"\n      >\n        <div class=\"flex flex-col items-center gap-4\">\n          <svg class=\"animate-spin h-10 w-10 text-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n               viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\"\n                  d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n          <\/svg>\n          <span class=\"text-lg font-medium\">Resultaten laden...<\/span>\n        <\/div>\n      <\/div>\n    \n    \n    <div\n      id=\"kb-filter-results-grid\"\n      class=\"grid grid-cols-1 @xl:grid-cols-2 @5xl:grid-cols-3  gap-4 items-stretch \"\n      role=\"list\"\n      aria-label=\"Knowledge base items\"\n    >\n              <div\n          data-id=\"753\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/ynspiraasje-foar-transformaasje-san-betelbere-wenningen-yn-leechsteande-pleats-garyp\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Ynspiraasje foar transformaasje: S\u00e2n betelbere wenningen yn leechsteande pleats Garyp<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-753\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Inspirerende voorbeelden<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"752\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/ynspiraasje-foar-starterswenten-njoggen-betelbere-keapwenten-yn-raerd\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Ynspiraasje foar starterswenten: Njoggen betelbere keapwenten yn Raerd<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-752\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Inspirerende voorbeelden<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"751\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/ynspiraasje-foar-cpos-fyftjin-keapwenten-yn-in-wenmienskip-op-in-arnhimske-pleats\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Ynspiraasje foar CPO\u2019s: Fyftjin keapwenten yn in wenmienskip op in Arnhimske pleats<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-751\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Inspirerende voorbeelden<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"750\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/ynspiraasje-foar-behearskooperaasjes-seisenfjirtich-wenningen-yn-in-behearkooperaasje-yn-nijmegen\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Ynspiraasje foar behearsko\u00f6peraasjes: &lt;br&gt;Seisenfjirtich wenningen yn in behearko\u00f6peraasje yn Nijmegen<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-750\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Inspirerende voorbeelden<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"749\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/ynspiraasje-foar-cpos-fiif-libbensrinbestindige-wenningen-yn-in-eardere-skoalle-yn-gees\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Ynspiraasje foar CPO\u2019s: Fiif libbensrinbestindige wenningen yn in eardere skoalle yn Gees<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-749\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Inspirerende voorbeelden<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"748\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/wonen-in-de-toekomst-bouwstenen-voor-wooninitiatieven\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Wonen in de toekomst \u2013 Bouwstenen voor wooninitiatieven<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-748\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"747\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/handreiking-wonen-in-een-krachtige-gemeenschap\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Handreiking wonen in een krachtige gemeenschap<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-747\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"746\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/handreiking-toewijzing-koopwoningen-nu-en-in-de-toekomst-praktische-gids-voor-collectieve-woonprojecten\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Handreiking toewijzing koopwoningen, nu \u00e9n in de toekomst: Praktische gids voor collectieve woonprojecten<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-746\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"745\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/woonvarianten-voor-senioren-hoe-krijg-je-ze-van-de-grond-lessen-van-tien-initiatiefnemers\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Woonvarianten voor senioren: Hoe krijg je ze van de grond? Lessen van tien initiatiefnemers<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-745\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"744\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/een-wijk-of-dorpsplan-maken-stap-voor-stap-handleiding-voor-bewoners\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Een wijk- of dorpsplan maken, stap voor stap: Handleiding voor bewoners<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-744\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"743\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/de-wooncooperatie-die-komt-er-wel\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">De woonco\u00f6peratie, die komt er w\u00e9l<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-743\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"742\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/de-cpo-startersgids\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">De CPO Startersgids<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-742\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"741\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/stappeplan-selsbou-eigen-hus\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Stappeplan selsbou eigen h\u00fbs<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-741\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"740\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/handreiking-collectief-bouwen-en-wonen\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Handreiking Collectief bouwen en wonen<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-740\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"737\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/subsydzjes-en-regelingen-fan-provinsje-fryslan\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Subsydzjes en regelingen fan provinsje Frysl\u00e2n<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-737\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n              <div\n          data-id=\"736\"\n          role=\"listitem\"\n          class=\"flex\"\n        >\n          <article\n  x-data=\"{ open: false }\"\n  class=\"flex w-full h-full flex-col @container group group\/item relative\"\n>\n  <a\n    href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/knowledge-base\/subsydzjes-en-regelingen-fanut-it-ryk\/\"\n    target=\"_blank\"\n    class=\"flex w-full h-full flex-col justify-between transition-all duration-400  p-8 relative bg-offwhite\"\n  >\n    <div>\n      <header class=\"pb-4\">\n        <p class=\"text-header text-flex-md m-0 \">Subsydzjes en regelingen fan\u00fat it Ryk<\/p>\n        <p class=\"text-header text-flex-sm m-0 pt-2\"><\/p>\n      <\/header>\n      \n\n      <div\n        id=\"kb-description-736\"\n        \n        \n        class=\"my-4 \"\n      >\n\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"Flex flex-row flex-wrap\">\n\n      <div>\n                  <div class=\"flex flex-wrap gap-2 mt-2 pr-10\">\n                          <span class=\"px-2 py-1 text-xs bg-secondary rounded\">Handige tools<\/span>\n                      <\/div>\n              <\/div>\n      <div class=\"\">\n        <div class=\"flex absolute bottom-4 right-4 w-8 h-8 text-secondary-deep\" aria-hidden=\"true\">\n          <div\n    class=\"flex w-full h-full  bg-secondary text-center justify-center items-center  transition-all duration-700  group-hover\/item:scale-200 group-focus\/item:scale-200 p-[10%]\">\n    <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1081.13 1009.54\">\n    <path  style=\"fill: currentColor;\" d=\"M465.09,20.72h0c-24.5,26.31-23.02,67.5,3.31,91.98l351.79,327.01H0s0,130,0,130h820.44s-352.03,327.13-352.03,327.13c-26.34,24.47-27.82,65.67-3.32,91.98h0c24.47,26.27,65.6,27.75,91.89,3.31l524.14-487.3L556.99,17.41c-26.29-24.45-67.43-22.97-91.9,3.3Z\"\/>\n<\/svg>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    \n    \n    \n    \n    \n  <\/a>\n  <style>\n  [data-outline-animate] {\n    transition-duration: var(--duration-in);\n    transition-delay: var(--delay-in);\n  }\n  .group:hover [data-outline-animate] {\n    transition-duration: var(--duration-out);\n    transition-delay: var(--delay-out);\n  }\n<\/style>\n\n<div class=\"absolute w-full h-full top-0 left-0 pointer-events-none\" aria-hidden=\"true\">\n  <div\n    data-outline-animate\n    class=\"absolute top-0 left-0 w-0 group-hover:w-full origin-left transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 600ms; --duration-out: 200ms; --delay-out: 0ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute top-0 right-0 h-0 group-hover:h-full origin-top transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 400ms; --duration-out: 200ms; --delay-out: 200ms; width: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 right-0 w-0 group-hover:w-full origin-right transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 200ms; --duration-out: 200ms; --delay-out: 400ms; height: 2px;\"\n  ><\/div>\n  <div\n    data-outline-animate\n    class=\"absolute bottom-0 left-0 h-0 group-hover:h-full origin-bottom transition-all ease-linear bg-black\"\n    style=\"--duration-in: 200ms; --delay-in: 0ms; --duration-out: 200ms; --delay-out: 600ms; width: 2px;\"\n  ><\/div>\n<\/div>\n<\/article>\n        <\/div>\n      \n      \n          <\/div>\n\n          \n      <div id=\"kb-infinite-scroll-sentinel\" class=\"h-1\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div class=\"flex w-full flex-row lg:w-4\/12 [.block-wrapper:nth-child(odd)_&]:lg:flex-row-reverse [.block-wrapper:nth-child(even)_&]:lg:flex-row @container\"\n  >\n    <div class=\"flex w-full  @xl:w-2\/3 \"\n    >\n        <div class=\"flex flex-col w-full \">\n    <div class=\"flex w-full flex-col @container px-4 lg:px-0 \"\n     block=\"title-content-button \">\n  \n\n  <div class=\"flex h-full flex-col \">\n    \n    \n          \n      <div class=\"\"\n      >\n                  <div class=\"prose-content\">\n            <p>Yn mear as 700 doarpen en buorskippen yn Frysl\u00e2n is de ferlet fan passende en betelbare wenningen grut. Bouwe Foar Frysl\u00e2n stipet inisjatyven dy&#8217;t it wenjen yn lytse kearn\u0435\u043d mooglik meitsje \u00e9n helpt dy inisjatyven mei fersnellen. Wy helpe gemeenten, wentekorporaasjes, bouers en lokale inisjatyfnimmers om wenningbouprojakten fan &#8216;e gr\u00fbn te krijen. Dit dogge wy yn gearwurking mei it Ryk en Provinsje Frysl\u00e2n. Fan nijbou oant it sl\u00fbger benutten fan de besteande wenningfoarried.    <\/p>\n\n          <\/div>\n        \n\n        \n      <\/div>\n      <\/div>\n<\/div>\n          <div class=\"flex flex-col w-full sticky top-header-and-other z-1\">\n        <div class=\"sticky top-header-and-other  h-fit flex w-full bg-white\/50 mt-4\">\n          <div class=\"flex w-full flex-col\" block=\"filterbar-knowledge-base\">\n  <div\n    x-data=\"filterbar(JSON.parse('{\\u0022filters\\u0022:{\\u0022knowledge-category\\u0022:{\\u0022type\\u0022:\\u0022checkbox_group\\u0022,\\u0022label\\u0022:\\u0022Categorie\\u0022,\\u0022expanded\\u0022:true,\\u0022items\\u0022:[\\u0022handige-tools\\u0022,\\u0022inspiratie\\u0022],\\u0022term_map\\u0022:{\\u0022handige-tools\\u0022:21,\\u0022inspiratie\\u0022:20},\\u0022term_labels\\u0022:{\\u0022handige-tools\\u0022:\\u0022Handige tools\\u0022,\\u0022inspiratie\\u0022:\\u0022Inspirerende voorbeelden\\u0022},\\u0022taxonomy\\u0022:\\u0022knowledge-category\\u0022}},\\u0022restEndpoint\\u0022:\\u0022https:\\\\\\\/\\\\\\\/bouwefoarfryslan.nl\\\\\\\/fy-nl\\\\\\\/wp-json\\\\\\\/bouwefoarfryslan\\\\\\\/v1\\\\\\\/filter\\\\\\\/knowledge-base\\u0022,\\u0022restNonce\\u0022:\\u0022\\u0022,\\u0022baseQuery\\u0022:{\\u0022post_type\\u0022:\\u0022knowledge-base\\u0022},\\u0022perPage\\u0022:20,\\u0022targetSelector\\u0022:\\u0022#kb-filter-results-grid\\u0022,\\u0022formDataInit\\u0022:{\\u0022knowledge-category\\u0022:[]},\\u0022openState\\u0022:{\\u0022knowledge-category\\u0022:true},\\u0022expandAllFilters\\u0022:true,\\u0022renderedWithFilters\\u0022:false,\\u0022contentType\\u0022:\\u0022knowledge-base\\u0022}'))\"\n    @click.away=\"closeMobileDropdown()\"\n    @click.outside=\"closeMobileDropdown()\"\n    @keydown.escape.window=\"closeMobileDropdown()\"\n    @keydown.q.window=\"closeMobileDropdown()\"\n    class=\"flex flex-col w-full contrast:border-secondary-dark contrast:border-2\"\n    role=\"region\"\n    aria-label=\"Filters\"\n    id=\"filter-knowledge-base\"\n  >\n    \n    \n    \n    <div class=\"lg:hidden\">\n      <button\n        type=\"button\"\n        @click=\"mobileOpen = !mobileOpen\"\n        :aria-expanded=\"mobileOpen.toString()\"\n        aria-controls=\"mobile-filter-panel-knowledge-base\"\n        class=\"w-full flex justify-between items-center px-4 py-3 border-b border-secondary\/20 hover:bg-secondary\/10 transition-colors focusable\"\n      >\n        <div class=\"flex items-center gap-2\">\n          <svg\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            class=\"w-4 h-4\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z\"\n            \/>\n          <\/svg>\n          <span class=\"text-base font-semibold\">Filters<\/span>\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <span\n            x-show=\"activeBadgeList().length > 0\"\n            x-text=\"activeBadgeList().length\"\n            class=\" text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center\"\n            aria-label=\"Aantal actieve filters\"\n          ><\/span>\n          <svg\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            class=\"w-4 h-4 transition-transform duration-300\"\n            :class=\"mobileOpen ? 'rotate-180' : ''\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n          <\/svg>\n        <\/div>\n      <\/button>\n    <\/div>\n\n          \n      <div\n        class=\"px-4 pt-3 pb-2\"\n        x-show=\"activeBadgeList().length > 0\"\n      >\n        <div\n          x-ref=\"badgeContainer\"\n          class=\"flex flex-wrap gap-1.5\"\n          role=\"list\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n        >\n          <template x-for=\"badge in activeBadgeList()\" :key=\"badge.key\">\n            <div role=\"listitem\" class=\"inline-flex\">\n              <button\n                type=\"button\"\n                @click=\"removeBadge(badge)\"\n                class=\"flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs bg-secondary\/80 focusable hover:bg-secondary transition-colors contrast:border-secondary-dark contrast:border-2\"\n                :aria-label=\"`Verwijder filter ${badge.label}`\"\n              >\n                <span x-text=\"badge.label\" aria-hidden=\"true\"><\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                     class=\"w-3 h-3\"\n                     fill=\"none\"\n                     viewBox=\"0 0 24 24\"\n                     stroke=\"currentColor\"\n                     aria-hidden=\"true\">\n                  <path stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        stroke-width=\"2\"\n                        d=\"M6 18L18 6M6 6l12 12\"\/>\n                <\/svg>\n              <\/button>\n            <\/div>\n          <\/template>\n\n          <div role=\"listitem\" class=\"inline-flex\">\n            <button\n              type=\"button\"\n              @click=\"resetFilters\"\n              class=\"text-xs px-2.5 py-0.5 underline underline-offset-2 opacity-70 hover:opacity-100 transition-opacity focusable\"\n              aria-label=\"Wis alle actieve filters\"\n            >\n              Wis alles\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n    \n    <div\n      id=\"mobile-filter-panel-knowledge-base\"\n      x-show=\"mobileOpen || isDesktop\"\n      x-transition:enter=\"transition-all duration-300 ease-out\"\n      x-transition:enter-start=\"opacity-0 -translate-y-2\"\n      x-transition:enter-end=\"opacity-100 translate-y-0\"\n      x-transition:leave=\"transition-all duration-200 ease-in\"\n      x-transition:leave-start=\"opacity-100 translate-y-0\"\n      x-transition:leave-end=\"opacity-0 -translate-y-2\"\n      class=\"p-4 space-y-3 bg-base lg:max-h-none max-h-[calc(100vh-200px)] overflow-y-auto lg:overflow-y-visible\"\n    >\n      \n              <div class=\"\">\n          \n                                    <h3 class=\"text-h4 py-2\" id=\"filter-button-knowledge-category\">Categorie<\/h3>\n            \n            <div\n              :id=\"`filter-panel-knowledge-category`\"\n                            class=\"mt-1 space-y-2 pb-2\"\n              role=\"region\"\n              aria-labelledby=\"filter-button-knowledge-category\"\n            >\n              \n              \n              \n                              <fieldset>\n                  <legend class=\"sr-only\">Categorie<\/legend>\n                  <div class=\"flex flex-wrap gap-1.5\">\n                                                                <label\n                        class=\"flex-grow flex items-center border-2 border-secondary-dark rounded transition-all duration-200 contrast-border\"\n                        :class=\"isTermAvailable('knowledge-category', 'handige-tools') ? 'hover:opacity-80 cursor-pointer' : 'opacity-40 cursor-not-allowed'\"\n                        :aria-disabled=\"!isTermAvailable('knowledge-category', 'handige-tools')\"\n                      >\n                        <input\n                          type=\"checkbox\"\n                          id=\"knowledge-category-0\"\n                          class=\"peer sr-only\"\n                          value=\"handige-tools\"\n                          :disabled=\"!isTermAvailable('knowledge-category', 'handige-tools')\"\n                          x-effect=\"$el.checked = Array.isArray(formData['knowledge-category']) && formData['knowledge-category'].includes('handige-tools')\"\n                          @change=\"toggleCheckbox('knowledge-category', 'handige-tools', $event.target.checked)\"\n                        >\n                        <span\n                          class=\"w-full text-center text-sm px-2 py-0.5 bg-gradient-to-r from-secondary to-secondary bg-no-repeat bg-[length:0%_100%] transition-all duration-400 peer-checked:bg-[length:100%_100%] peer-hover:bg-[length:20%_100%] focusable contrast-border\">\n                          Handige tools\n                        <\/span>\n                      <\/label>\n                                                                <label\n                        class=\"flex-grow flex items-center border-2 border-secondary-dark rounded transition-all duration-200 contrast-border\"\n                        :class=\"isTermAvailable('knowledge-category', 'inspiratie') ? 'hover:opacity-80 cursor-pointer' : 'opacity-40 cursor-not-allowed'\"\n                        :aria-disabled=\"!isTermAvailable('knowledge-category', 'inspiratie')\"\n                      >\n                        <input\n                          type=\"checkbox\"\n                          id=\"knowledge-category-1\"\n                          class=\"peer sr-only\"\n                          value=\"inspiratie\"\n                          :disabled=\"!isTermAvailable('knowledge-category', 'inspiratie')\"\n                          x-effect=\"$el.checked = Array.isArray(formData['knowledge-category']) && formData['knowledge-category'].includes('inspiratie')\"\n                          @change=\"toggleCheckbox('knowledge-category', 'inspiratie', $event.target.checked)\"\n                        >\n                        <span\n                          class=\"w-full text-center text-sm px-2 py-0.5 bg-gradient-to-r from-secondary to-secondary bg-no-repeat bg-[length:0%_100%] transition-all duration-400 peer-checked:bg-[length:100%_100%] peer-hover:bg-[length:20%_100%] focusable contrast-border\">\n                          Inspirerende voorbeelden\n                        <\/span>\n                      <\/label>\n                                      <\/div>\n                <\/fieldset>\n              \n              \n              \n              \n                          <\/div>\n          \n          \n                  <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div class=\"hidden lg:flex lg:w-1\/12\"\n  >\n  <\/div>\n  \n<\/div>\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":502,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"highlighted":[],"class_list":["post-613","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kenisbank - Bouwe Foar Fryslan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/\" \/>\n<meta property=\"og:locale\" content=\"fy_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kenisbank - Bouwe Foar Fryslan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/\" \/>\n<meta property=\"og:site_name\" content=\"Bouwe Foar Fryslan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-02T18:54:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/\",\"url\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/\",\"name\":\"Kenisbank - Bouwe Foar Fryslan\",\"isPartOf\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg\",\"datePublished\":\"2026-01-31T14:41:12+00:00\",\"dateModified\":\"2026-05-02T18:54:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#breadcrumb\"},\"inLanguage\":\"fy-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fy-NL\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage\",\"url\":\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg\",\"contentUrl\":\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bouwefoarfryslan.nl\/fy-nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kenisbank\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#website\",\"url\":\"https:\/\/bouwefoarfryslan.nl\/\",\"name\":\"Bouwe Foar Fryslan\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bouwefoarfryslan.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fy-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#organization\",\"name\":\"Bouwe Foar Fryslan\",\"url\":\"https:\/\/bouwefoarfryslan.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fy-NL\",\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/03\/cropped-cropped-favico.png\",\"contentUrl\":\"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/03\/cropped-cropped-favico.png\",\"width\":512,\"height\":512,\"caption\":\"Bouwe Foar Fryslan\"},\"image\":{\"@id\":\"https:\/\/bouwefoarfryslan.nl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kenisbank - Bouwe Foar Fryslan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/","og_locale":"fy_NL","og_type":"article","og_title":"Kenisbank - Bouwe Foar Fryslan","og_url":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/","og_site_name":"Bouwe Foar Fryslan","article_modified_time":"2026-05-02T18:54:20+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/","url":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/","name":"Kenisbank - Bouwe Foar Fryslan","isPartOf":{"@id":"https:\/\/bouwefoarfryslan.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage"},"image":{"@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage"},"thumbnailUrl":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg","datePublished":"2026-01-31T14:41:12+00:00","dateModified":"2026-05-02T18:54:20+00:00","breadcrumb":{"@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#breadcrumb"},"inLanguage":"fy-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/"]}]},{"@type":"ImageObject","inLanguage":"fy-NL","@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#primaryimage","url":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg","contentUrl":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/02\/pexels-kampus-5940846-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/kenisbank\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/"},{"@type":"ListItem","position":2,"name":"Kenisbank"}]},{"@type":"WebSite","@id":"https:\/\/bouwefoarfryslan.nl\/#website","url":"https:\/\/bouwefoarfryslan.nl\/","name":"Bouwe Foar Fryslan","description":"","publisher":{"@id":"https:\/\/bouwefoarfryslan.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bouwefoarfryslan.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fy-NL"},{"@type":"Organization","@id":"https:\/\/bouwefoarfryslan.nl\/#organization","name":"Bouwe Foar Fryslan","url":"https:\/\/bouwefoarfryslan.nl\/","logo":{"@type":"ImageObject","inLanguage":"fy-NL","@id":"https:\/\/bouwefoarfryslan.nl\/#\/schema\/logo\/image\/","url":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/03\/cropped-cropped-favico.png","contentUrl":"https:\/\/bouwefoarfryslan.nl\/wp-content\/uploads\/2026\/03\/cropped-cropped-favico.png","width":512,"height":512,"caption":"Bouwe Foar Fryslan"},"image":{"@id":"https:\/\/bouwefoarfryslan.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/pages\/613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/comments?post=613"}],"version-history":[{"count":3,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/pages\/613\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/pages\/613\/revisions\/621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/media\/502"}],"wp:attachment":[{"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"highlighted","embeddable":true,"href":"https:\/\/bouwefoarfryslan.nl\/fy-nl\/wp-json\/wp\/v2\/highlighted?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}