





  <div id="news" class="grid-layout mt-5">
    <turbo-stream action="append" target="news">
      <template>
                  <a href="https://www.liberein.nl/actueel/van-tandarts-assistente-naar-woonassistent" 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="2025-12-16T09:00:00+01:00">
                16 december 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Bevoegd of bekwaam?
              </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/79233/bevoegd.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-verhaal-van-ria-en-gerrie" 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="2025-12-02T00:00:00+01:00">
                02 december 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Samen de zorg lichter maken
              </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/46093/leefondersteuner.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/maak-kennis-met-mirian-teamleider-facilitair-bij-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="2025-10-24T15:45:00+02:00">
                24 oktober 2025
              </time>
              <h4 class="grid-item-title mb-4">
                “Wij zijn te gast in het huis van onze bewoners”
              </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/46208/Mirian.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-kracht-van-samenzorg" 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="2025-10-10T12:10:00+02:00">
                10 oktober 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Yvonne de Boer over langer thuis wonen met regie en aandacht
              </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/46088/yvonne-de-boer.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/palliatieve-zorg-bij-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="2025-10-06T10:01:00+02:00">
                06 oktober 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Gewoon onderdeel van het leven
              </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/44922/foto-palliatief-verpleegkundigen.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/medewerker-sandra-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="2025-09-29T14:36:00+02:00">
                29 september 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Het zit in zelfredzaamheid.
              </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/30903/header-sandra-de-Brink.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/samen-wandelen-verbindt" 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="2025-09-01T21:54:00+02:00">
                01 september 2025
              </time>
              <h4 class="grid-item-title mb-4">
                de wandel 3-daagse 700 jaar Enschede
              </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/44648/wandel3daagse.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/van-betekenis-zijn" 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="2025-09-01T13:47:00+02:00">
                01 september 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Samen in beweging
              </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/44381/foto-tekst.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>
                    <turbo-frame
    id="load_more"
    src="https://www.liberein.nl/actueel/stream/p4"
    loading="lazy"
  >
    <div class="flex justify-center mt-10">
      <a href="https://www.liberein.nl/actueel/stream/p4" class="button button-primary w-fit group">
        <span>Laad meer berichten</span>
        <svg class="w-3 h-3 rotate-90 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>

      </a>
    </div>
  </turbo-frame>

              </template>
    </turbo-stream>
  