





  <div id="news" class="grid-layout mt-5">
    <turbo-stream action="append" target="news">
      <template>
                  <a href="https://www.liberein.nl/actueel/een-beweging" 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="2026-02-08T11:09:00+01:00">
                08 februari 2026
              </time>
              <h4 class="grid-item-title mb-4">
                Geen project, maar een 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/_newsLarge/79909/mirella.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/zorg-die-meebeweegt" 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="2026-02-03T10:47:00+01:00">
                03 februari 2026
              </time>
              <h4 class="grid-item-title mb-4">
                bouwen aan het Team van de Toekomst
              </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/79748/header-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/gloednieuwe-duofiets" 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="2026-01-19T12:14:00+01:00">
                19 januari 2026
              </time>
              <h4 class="grid-item-title mb-4">
                Gloednieuwe duofiets dankzij Stichting Vrienden 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/79536/header-vrienden-van_2026-01-19-105902_ldxr.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-nicky-hummel-teamleider-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="2026-01-14T09:37:00+01:00">
                14 januari 2026
              </time>
              <h4 class="grid-item-title mb-4">
                Werken als teamleider Zorg bij Ariënsstaete.
              </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/79457/Nicky_teamleider_zorg-3.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/liberein-slaat-eerste-paal" 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="2026-01-08T00:00:00+01:00">
                08 januari 2026
              </time>
              <h4 class="grid-item-title mb-4">
                Voor nieuw woongebouw en zet koers richting toekomstbestendige ouderenzorg
              </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/79489/header_2026-01-14-142551_lnll.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/maarten-kuipers-manager-facilitair-vastgoed-huisvesting-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-12-23T12:44:00+01:00">
                23 december 2025
              </time>
              <h4 class="grid-item-title mb-4">
                De rol van Teamleider Vastgoedbeheer &amp; Techniek
              </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/79321/DS308410.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/hulp-uit-onverwachte-hoek" 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-16T10:42:00+01:00">
                16 december 2025
              </time>
              <h4 class="grid-item-title mb-4">
                mevrouw Van Enk-Schutte
              </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/79247/hulp-uit-onverwachtse-hoek.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/oma-en-kleinzoon-samen-vrijwilliger" 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:30:00+01:00">
                16 december 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Oma en kleinzoon
              </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/17679/header-vrijwilligers.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/p3"
    loading="lazy"
  >
    <div class="flex justify-center mt-10">
      <a href="https://www.liberein.nl/actueel/stream/p3" 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>
  