<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hot-hafer-basis-ungesusst-demeter-400-g-19721">
          <img alt="Hot Hafer Basis ungesüsst Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10194/file/small-f3b794d946a416e5176363ead88a1987.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10194/file/medium-be7a3537897483e60677b4b6ea0a5743.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10194/file/large-17602fe750014eca5aac19e6fb816928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10194/file/medium-be7a3537897483e60677b4b6ea0a5743.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/hot-hafer-basis-ungesusst-demeter-400-g-19721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hot Hafer Basis ungesüsst Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19721-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XIVfRtAiYfdo8xnnef6F7PC3YSpEBH45YUv2ZHcNpusFhG6Ha7qxM2cz10_0li84fBfm1lS_grzqaaGzf8vsiQ" />
    <input value="19721" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hot-hafer-apfel-zimt-ungesusst-demeter-400-g-19722">
          <img alt="Hot Hafer Apfel Zimt ungesüsst Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10193/file/small-eaf0e17f566d4a97fd53ea21cc73f446.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-e359d64a6417ec5f794e582c50be094a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/large-9d8c75362bc64211883dc3ef521ace18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-e359d64a6417ec5f794e582c50be094a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/hot-hafer-apfel-zimt-ungesusst-demeter-400-g-19722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hot Hafer Apfel Zimt ungesüsst Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.31 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19722-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gClVXn0Jt9CAJnLXlvJAGPZfVck1-EQe3FHSMFwRH2TZKGSfxpFnFI_mvH8bmurMev_SNSVDuJtXc4XnVNdVBg" />
    <input value="19722" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zahnpasta-white-mit-fluorid-100-ml-19723">
          <img alt="Zahnpasta White mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10330/file/small-135992e8e4e0604a389cf305e4c4cf67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10330/file/medium-d84e1ba08182eb1751d2d30cc7a6e8ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10330/file/large-149759eb38b38e085135fc2bc14c327e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10330/file/medium-d84e1ba08182eb1751d2d30cc7a6e8ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/zahnpasta-white-mit-fluorid-100-ml-19723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White mit Fluorid, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.90 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19723-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3JMFNiNiVG6J8CX4OgFk-p8HgbNor36NDFHd0Ui9BbqFkjT3mPqEqoYw61C3ac4uE6cGT3gUggiHc4oGQHtP2A" />
    <input value="19723" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/leinsamen-ch-bio-500-g-19724">
          <img alt="Leinsamen CH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/small-2499c9d80b1fdcbf16642ed7fa78d571.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-c44c247283a30edf706330b179f54aac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/large-be4f9b6286b8dcfc8ba5dab30f924682.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-c44c247283a30edf706330b179f54aac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/leinsamen-ch-bio-500-g-19724">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamen CH Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19724-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dnLGjXcp3trCDQ6wvzSBBqVJu5z56vFvqBnP3IkJUNsvc_dMzLEOHs3NwBgyXCvSKek8YOlRDeojO5gLgc8auQ" />
    <input value="19724" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferflocken-grob-bio-500-g-19725">
          <img alt="Haferflocken grob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/small-5c8c603e88240e6685a1266922236f3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-adf78f1be3eec90938d716b9079b08bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/large-3d98799fdc31cd8f70832f80890a2637.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-adf78f1be3eec90938d716b9079b08bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/haferflocken-grob-bio-500-g-19725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken grob Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.92 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19725-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yaKHQlZKR3HCms_E_l-9Kx-Byza-eaIEUYI92bKhCsiQo7aD7dKXtc1aAWxzNxf_kyFMyq7CXoHaoGoOumdAqg" />
    <input value="19725" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/5-korn-flocken-bio-500-g-19726">
          <img alt="5-Korn Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10188/file/small-13e65082bdc6b9cd603709e50c2bcddb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10188/file/medium-a25578ef04d5088390c9335093a14fd3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10188/file/large-fecb8f9e66df045612d5702b4649ac63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10188/file/medium-a25578ef04d5088390c9335093a14fd3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/5-korn-flocken-bio-500-g-19726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">5-Korn Flocken Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.98 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19726-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dVu10QrsgeVzCOUEvcvBAJ9tyL9aMb02ZzRhUOimntcsWoQQsXRRIXzIK6wwo2vUE81PQ0qKQbPsFjaH4GDUtQ" />
    <input value="19726" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/huus-muesli-bio-400-g-19727">
          <img alt="Huus Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/small-6928d58769e03546b6be13d6a316dec7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-b4420eb83ef3855e3d2a72526a81f4f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/large-4b9c7976d1443d1f4a88459d30822054.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-b4420eb83ef3855e3d2a72526a81f4f8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/huus-muesli-bio-400-g-19727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huus Müesli Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.73 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19727-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SfB22G7cf7dLbsUQMKZ3N1F7pk2af856hE67-kqzKn4Q8UcZ1USvc0SuC7i9zt3j3dshsYrEMv8PbOwtQnVgHA" />
    <input value="19727" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aprikosen-sauer-bio-knospe-180-g-19728">
          <img alt="Aprikosen sauer Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/small-c03619a9fea6991ebdeb478618f71b72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-b759fb3ff5ecb729ad44145b68c6cf4d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/large-d399fe792198f55a853329a7e5a9be0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-b759fb3ff5ecb729ad44145b68c6cf4d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/aprikosen-sauer-bio-knospe-180-g-19728">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aprikosen sauer Bio Knospe, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.83 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19728-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcWQzvXXsGQHjVAmuDslaJUa2e0ZaBh4JEqjl4BL0GBwxKEPTk9goAhNno41U4-8GbpeEQnT5P2vaPRAiI2aAg" />
    <input value="19728" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnenfluid-lsf30-125-ml-19729">
          <img alt="Sonnenfluid LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10199/file/small-d1fadd9717aaca338c6420210223e504.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10199/file/medium-e4204078d76608e76550b9fe492e4336.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10199/file/large-ac35dbf96d2117d8880b23fa98c2c35e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10199/file/medium-e4204078d76608e76550b9fe492e4336.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnenfluid-lsf30-125-ml-19729">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenfluid LSF30, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 22.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19729-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4SvDQH6jiIfVyDD3xQhcYEtK49-dWWRJ-tCzAVlkv-q4KvKBxTtYQ9oI_l9IYPa0x-pkI43imMxx8uTWUaL1iA" />
    <input value="19729" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/foundation-natuwear-light-30-ml-19730">
          <img alt="Foundation Natuwear light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/small-b84f09761b933e336da507e26875fd89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-ab6c552e781741727a8d9fca48f1e282.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/large-83a6cbee2df2318f83a12270624bd91e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-ab6c552e781741727a8d9fca48f1e282.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/foundation-natuwear-light-30-ml-19730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear light, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 120.00 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19730-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cjBIMR_YYsK-IHYrX2q-n9k4O9x9hIRlTpdkOvtTYUkrMXnwpECyBrHguIPSAhRLVZi8IG0_eODFtTPt85UrKw" />
    <input value="19730" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/foundation-natuwear-hazel-30-ml-19731">
          <img alt="Foundation Natuwear Hazel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/small-850a459a101bdabe6059278dcaa42ca3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-2cf2318f7fd45816b7f007ee605c4859.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/large-86dceac4bcba58e3ac4a009a3e71815f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-2cf2318f7fd45816b7f007ee605c4859.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/foundation-natuwear-hazel-30-ml-19731">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear Hazel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 120.00 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19731-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-QrYgD_sbi-lRq_TWniePBHBHXxmQCjjVNOUoky20HOgC-lBhHS-66qGYXvXEDTonWGagHb71Gbf8cN1RHCaEQ" />
    <input value="19731" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-nachtcreme-50-ml-19732">
          <img alt="Energynature Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10202/file/small-19a825e9cbf374d277defde11d053823.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-4141d2491e0721e61d537ba6e35494af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/large-61d9d42641fdc7ae05b138b936db4aad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-4141d2491e0721e61d537ba6e35494af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/energynature-nachtcreme-50-ml-19732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 73.00 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19732-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_wLg7GsZ3mjraN9G8ihbSDKmYl4lWBbNMPsJ9SGJd3-mA9Et0IEOrOSoEe5_QPGcvgblojXj6ki72V4iKU89HQ" />
    <input value="19732" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnencreme-dna-protect-lsf30-50-ml-19733">
          <img alt="Sonnencreme DNA Protect LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10203/file/small-0a74ab05c731b4f7e302c324fea00c7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-1d71b7e1d770a1444e6eb31b355ae968.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/large-3c14b97228d4a9f97db50ee5f6d62c6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-1d71b7e1d770a1444e6eb31b355ae968.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnencreme-dna-protect-lsf30-50-ml-19733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme DNA Protect LSF30, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 85.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19733-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pitiC042AOs3Ajp6kYb77O3JubIg_qc4Hqe10j7ukQL_KlPK9a7QLzjC9NIc7lE4YWk-TjBFW72VheIFNijbYA" />
    <input value="19733" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/beauty-shot-hydro-booster-15-ml-19734">
          <img alt="Beauty Shot Hydro Booster" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10204/file/small-6f124c862ebc78d7277a0792260fdab5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-b52ffb15a54bd5987411b8f4c86131a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/large-08210f1d6c7b06e587928fe09d080a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-b52ffb15a54bd5987411b8f4c86131a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/beauty-shot-hydro-booster-15-ml-19734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Hydro Booster, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 332.67 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19734-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PBLZzDzyYH_ETAUzUtqhtJyAvobkyOY6wDwZAhOStkNlE-gNh2qwu8uMy5vfsgtgECA5evRzGr9LHk7VG1T8IQ" />
    <input value="19734" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-nature-augencreme-gel-15-ml-19735">
          <img alt="Rose Nature Augencreme Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10205/file/small-d0ea9d89fea2dc089da5d47856743476.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10205/file/medium-26593c77ad0eed5147c6d8d554eec77f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10205/file/large-b8f6d31095fc9ffcd2f351a1722c8c38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10205/file/medium-26593c77ad0eed5147c6d8d554eec77f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rose-nature-augencreme-gel-15-ml-19735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Augencreme Gel, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 419.33 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19735-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="feZmnR69LV7mJHOoV9tRwC8sKc3YAF2I8KBbX1G_eBkk51dcpSX9munkvQDas_sUo4yuMci7oQ17ggyIWXkyew" />
    <input value="19735" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/purifying-care-reinigungsgel-150-ml-19736">
          <img alt="Purifying Care Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10206/file/small-852bcdc33e0c645fa5850b585c033cf7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10206/file/medium-530ae32b1a53de2eb62f1c71d67990f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10206/file/large-d935450a3af0430a190b5ca1551e6a5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10206/file/medium-530ae32b1a53de2eb62f1c71d67990f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/purifying-care-reinigungsgel-150-ml-19736">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Reinigungsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.00 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19736-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-c9zUuGDaJGW-dHAbft7Qmah9WxAlE8YBn8SzdIzpXegzkKTWhu4VZk5H2jgk9GW6gFykFAvs52NXUUa2vXvFQ" />
    <input value="19736" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/crunchy-hafer-schoko-nuss-300-g-19737">
          <img alt="Crunchy Hafer Schoko-Nuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10207/file/small-475041585f8fc5459bc6e6f93e272844.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10207/file/medium-c9243e4f9b6ecd415b35aba2963a8c9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10207/file/large-da7a1b8ecbb9032a33b79162de883e98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10207/file/medium-c9243e4f9b6ecd415b35aba2963a8c9c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/crunchy-hafer-schoko-nuss-300-g-19737">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Hafer Schoko-Nuss, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.08 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19737-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JRhm4sRgVJdhSyhAcWVlgbLN9KuETYhXYEHehpmb7_V8GVcjf_iEU26L5uj8Dc9VPm1zV5T2dNLrY4lRkV2llw" />
    <input value="19737" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/knusper-choco-igel-225-g-19738">
          <img alt="Knusper Choco Igel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10208/file/small-1158bc3d3047373d8e4f03b71f5fb53b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10208/file/medium-0fc49d08a796ecd2b9a3b3d3db34a82b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10208/file/large-6317024e87f1b75eabdd4e3e57743650.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10208/file/medium-0fc49d08a796ecd2b9a3b3d3db34a82b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/knusper-choco-igel-225-g-19738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knusper Choco Igel, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19738-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pwkPQj7Z9DZCxtU8guamJAdoUeR9KMypmn1q9c_Rs8j-CD6DhUEk8k0GG5QPjgzwi8jWGG2TMCwRXz0ixxf5qg" />
    <input value="19738" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schabzigerklee-gemahlen-bio-40-g-ba370199-13fb-421f-accd-e5a17f3943e7-19739">
          <img alt="Schabzigerklee gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/small-f9d5e25cc66c7f86aa51712413ba5367.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-dd7048c672a9cde91e4e7f041d3b8b8e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/large-a590e45d1ad3218210bb8ae00c3b5389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-dd7048c672a9cde91e4e7f041d3b8b8e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/schabzigerklee-gemahlen-bio-40-g-ba370199-13fb-421f-accd-e5a17f3943e7-19739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schabzigerklee gemahlen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 17.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19739-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qXvUIMWB73xr8rmr9ilUNjr2ZQBltoinb2bTkS8em_TweuXhfhk_uGQydwN7Qf7itlbi_HUNdCLkRIRGJ9jRlg" />
    <input value="19739" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnewroots%3Fformat%3Dturbo_stream%26page%3D108">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schwarzkummel-ganz-nfp-bio-70-g-19740">
          <img alt="Schwarzkümmel ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/small-66a861db20eb6764817ece5aa72fea13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-f4539e2152fbe215ee63de509c5574bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/large-d11a70f93f2b6b66d02f9c509ae1c54f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-f4539e2152fbe215ee63de509c5574bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/schwarzkummel-ganz-nfp-bio-70-g-19740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmel ganz NFP Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.86 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19740-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8ITjdsRKDqBFPvVZqlrdczuQNHw_AbnExTl9zH6EjomphdK3f9LeZEr-O_EnMnentzCzgC-6RUFOGyobdkLE6w" />
    <input value="19740" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;160 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/newroots?format=turbo_stream&amp;page=109">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>