





  <div id="news" class="grid-layout mt-5">
    <turbo-stream action="append" target="news">
      <template>
                  <a href="https://www.liberein.nl/actueel/ergotherapeut-laura-vertelt" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2024-01-15T13:55:00+01:00">
                15 januari 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in uitdagen.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsLarge/31377/laura-header-ergotherapie.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/mantelzorg" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-11-09T09:37:00+01:00">
                09 november 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in delen.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsSmall/30656/header-dag-van-de-mantelzorg.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/digitalisering-meer-dan-een-tech-speeltje" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Nieuws
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-10-26T14:47:00+02:00">
                26 oktober 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Digitalisering = meer dan een tech-speeltje
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsSmall/30037/header-artikel-actiz.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/het-zit-in-broederschap" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-09-27T13:54:00+02:00">
                27 september 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in broederschap.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsLarge/28481/broederschap.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/het-zit-in-wat-je-geeft" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-09-21T13:54:00+02:00">
                21 september 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in wat je geeft.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsLarge/28510/header-vrijwilliger-Henny.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/de-nieuwe-koers-van-liberein" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-09-14T13:54:00+02:00">
                14 september 2023
              </time>
              <h4 class="grid-item-title mb-4">
                De nieuwe koers
van Liberein.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsSmall/17020/Artikel-Heidi.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/het-zit-in-jouw-passie" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-08-22T13:54:00+02:00">
                22 augustus 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in jouw passie.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsLarge/25232/header-victor.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
                  <a href="https://www.liberein.nl/actueel/het-zit-in-doorzetten" class="grid-item text-white hover:shadow-xl transition-all duration-300 ease-out-quint flex relative items-end overflow-hidden group">
            <div class="bg-white flex justify-center items-center md:text-xl h-10 md:h-12 item-center px-3 text-primary-500 font-bold z-20 absolute top-9 left-9">
              Blog
            </div>
            <div class="relative z-20 p-9 w-full">
              <time class="block font-bold" datetime="2023-08-22T13:54:00+02:00">
                22 augustus 2023
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in doorzetten.
              </h4>
              <div class="button button-clear group-hover:text-white">
                <span>Lees meer</span>
                <svg class="w-3 h-3 group-hover:rotate-90 transition-all duration-300 ease-out-quint" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
  <path fill="currentColor" fill-rule="nonzero" d="M6.0513 12c-.4103 0-.8205-.3103-.8205-.8276V6.8276H.8205c-.5128 0-.718-.3104-.8205-.7242 0-.724.4103-.931.8205-.931h4.3077V.8276C5.1282.3103 5.436 0 5.9487 0s.923.4138.923.8276v4.3448h4.3078c.4102 0 .8205.3104.8205.8276s-.3077.8276-.8205.8276H6.7692v4.3448c0 .4138-.4102.8276-.718.8276Z"/>
</svg>

              </div>
            </div>
            <div class="bg-gradient-to-t from-black/50 to-transparent absolute inset-0 z-10"></div>
                                                                            <img src="https://liberein.s3.eu-west-1.amazonaws.com/_newsSmall/25955/header-wielrenner-van-bruggerbosch.webp" class="top-0 left-0 object-cover w-full h-full absolute group-hover:scale-105 transition-all duration-300 ease-out-quint">
                      </a>
              </template>
    </turbo-stream>
  </div>
      <turbo-stream action="replace" target="load_more">
      <template>
              </template>
    </turbo-stream>
  