





  <div id="news" class="grid-layout mt-5">
    <turbo-stream action="append" target="news">
      <template>
                  <a href="https://www.liberein.nl/actueel/de-diëtist-in-de-spotlight" 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-10-17T11:32:00+02:00">
                17 oktober 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Weer genieten van het leven dankzij hulp van diëtist Lisan
              </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/38942/Foto-mw-Jansen.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/wereldalzheimerdag" 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-09-19T13:55:00+02:00">
                19 september 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Het verhaal 
van Aly en Robert
              </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/38437/header-alzheimer.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/dag-van-de-diëtist-2" 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-09-19T10:48:00+02:00">
                19 september 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Diëtisten zijn onmisbaar voor ouderen in het verpleeghuis
              </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/38413/header-dieet.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/bestuurders-praten-vandaag-over-ouderenzorg-van-morgen" 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-08-01T17:07:00+02:00">
                01 augustus 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Anders denken en doen
              </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/37557/LJKS20240507-82536.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/wonen-en-werken-in-het-enschedese-stadsdeel-centrum" 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-06-14T16:28:00+02:00">
                14 juni 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Ervaren is begrijpen
              </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/37170/Werkbezoek-burgemeester-Roelof-Bleeker_2024-06-14-144744_zzhx.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/structuur-en-ondersteuning" 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-04-04T15:29:00+02:00">
                04 april 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Beginnende dementie? Je staat er niet alleen voor.
              </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/35418/header_oc.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/nieuwe-biljarttafel" 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="2024-04-04T15:19:00+02:00">
                04 april 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Nieuwe Biljarttafel voor locatie Ariënshuis
              </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/35385/biljart-ah.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/zie-de-mens" 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="2024-02-15T11:39:00+01:00">
                15 februari 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Human Forever
              </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/32591/toebes.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/p9"
    loading="lazy"
  >
    <div class="flex justify-center mt-10">
      <a href="https://www.liberein.nl/actueel/stream/p9" 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>
  