





  <div id="news" class="grid-layout mt-5">
    <turbo-stream action="append" target="news">
      <template>
                  <a href="https://www.liberein.nl/actueel/bedankt" 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-01-28T13:23:00+01:00">
                28 januari 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Bedankt!
              </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/39797/headerbrief.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/uitwisselingsprogramma" 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-01-27T11:47:00+01:00">
                27 januari 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Belgische studenten bij 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/40563/header-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>
                  <a href="https://www.liberein.nl/actueel/diëtist-in-de-spotlight-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="2025-01-16T15:13:00+01:00">
                16 januari 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Waardevol leven, voor diëtisten een belangrijk streven
              </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/40435/foto-carint.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-kookclub-locatie-ariënshuis" 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-01-15T11:39:00+01:00">
                15 januari 2025
              </time>
              <h4 class="grid-item-title mb-4">
                Samen koken doet eten
              </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/40390/kookclub2.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/interview-over-de-compaan" 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-01-06T14:53:00+01:00">
                06 januari 2025
              </time>
              <h4 class="grid-item-title mb-4">
                “De Compaan heeft ons dichterbij gebracht&quot;
              </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/40238/header-compaan.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/interview-met-business-controller-john" 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-12-31T13:11:00+01:00">
                31 december 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Bij Liberein gaat het om meer dan cijfers alleen.
              </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/40192/headerjohn.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/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-12-18T15:29:00+01:00">
                18 december 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Een goede sfeer doet wonderen voor eetgedrag
              </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/40128/header-dieet_2024-12-18-142844_vvrn.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/interview-met-teamleider-jeffrey" 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-12-13T12:05:00+01:00">
                13 december 2024
              </time>
              <h4 class="grid-item-title mb-4">
                Ruimte en vertrouwen geven om lef te tonen
              </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/40041/jeffrey-teamleider-liberein.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/p8"
    loading="lazy"
  >
    <div class="flex justify-center mt-10">
      <a href="https://www.liberein.nl/actueel/stream/p8" 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>
  