<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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/slipeinlagen-mini-30-stuck-20308">
          <img alt="Slipeinlagen mini" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10977/file/small-0381032b7be87e363903eeeef13a80d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/large-cce7cdb4dc3d81042fc351d1a207a62c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.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">Natracare</p>
          <a href="/de/products/slipeinlagen-mini-30-stuck-20308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen mini, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.13 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o2dQtBzcUPyZpaikSKfsG7jid-J2EkroxiM-j4mKgy0ZqSLUF7cDTuguLmJedcUHstqFGSkkb9mVMP7teDGQWA" />
    <input value="20308" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/white-delights-pistazie-bio-40-g-20309">
          <img alt="White Delights Pistazie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10978/file/small-3c6da8b162fad5fef22c65c5ad0e36a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-a45ade38c0afbde4aa4e57f8dc8e1c52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/large-d6be27369cb107cce7eec32adc72cb37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-a45ade38c0afbde4aa4e57f8dc8e1c52.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">foodloose</p>
          <a href="/de/products/white-delights-pistazie-bio-40-g-20309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Delights Pistazie Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rd880KX1w5nQvgNGCK21_SVge1dL9gK6htHH4kJYmcgXEU6wrp6QK6E1hYAef5zhL1iJrBTAJ4vVwgeAs-OKvQ" />
    <input value="20309" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/rosmarin-cashews-gerostet-gesalzen-bio-140-g-20310">
          <img alt="Rosmarin Cashews geröstet &amp; gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10979/file/small-2062d7060016f314f98ddc077c3d35ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10979/file/medium-d25abd3120830cb7580b999ad4edbefb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10979/file/large-a06ec40c1f42260249bf86937955239f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10979/file/medium-d25abd3120830cb7580b999ad4edbefb.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">Mahler &amp; Co.</p>
          <a href="/de/products/rosmarin-cashews-gerostet-gesalzen-bio-140-g-20310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosmarin Cashews geröstet &amp; gesalzen Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aur2bbSl3XwVAjAhIpUsVPiBD6LjtBhRjP4E2OOZnrK4JIQNv86OzmSJtuc0RwVI8rn9WbyCPWDf7cS6EiKNxw" />
    <input value="20310" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/blutenpollen-bio-100-g-20311">
          <img alt="Blütenpollen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10980/file/small-95f1513902efca80b49f64f71ce7674a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10980/file/medium-c69c9c12fe2fe3c56370b9fc03c18b4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10980/file/large-ec3d08f66768852f0b3c37c930c976d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10980/file/medium-c69c9c12fe2fe3c56370b9fc03c18b4f.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">Villiger</p>
          <a href="/de/products/blutenpollen-bio-100-g-20311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blütenpollen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_6MuAXPwGNjxOoPJS1SV1M-d6nnEKmsAes8OCTZ_EEtFbVxheJtLaoCxBQ9dhrzIxaUYgpscTjEp3M5rx8QDPg" />
    <input value="20311" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/goodel-kindernudel-bauernhof-bio-250-g-20312">
          <img alt="Goodel Kindernudel Bauernhof Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10981/file/small-26c6d04422876deb0443498257c74597.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-7fd508733f35b23ba5a95d3d64b56326.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/large-178ed2460f54e5a310bfd4edf8ebcc99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-7fd508733f35b23ba5a95d3d64b56326.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">Govinda</p>
          <a href="/de/products/goodel-kindernudel-bauernhof-bio-250-g-20312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Goodel Kindernudel Bauernhof Bio, 250 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 1.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GZhPC-XQg6Q4XTsXgsGVIbjcGAUe0Gux9_0ZCRc8jPqjVj1r7rvQFknWvdGUE7w9suTq_kHmToCk7tlr5oefjw" />
    <input value="20312" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/goodel-kindernudel-safari-bio-250-g-20313">
          <img alt="Goodel Kindernudel Safari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/small-77832755df298024e267426ece137c6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-1b58cc667de3071597c32fe0c33dbb39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/large-80f8a023dd216cd7a69cb78b3f3b8ca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-1b58cc667de3071597c32fe0c33dbb39.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">Govinda</p>
          <a href="/de/products/goodel-kindernudel-safari-bio-250-g-20313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Goodel Kindernudel Safari Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hqJpdjQN3ljZ89VQGV-jXrnfBHLGvv3IIaFN1ThK4hU8bBsWP2aN6qh4U5YPjYpCs-f2iZmI2Plyso23yfHxYA" />
    <input value="20313" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/aufstrich-natur-bio-135-g-20314">
          <img alt="Aufstrich Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10983/file/small-4edb37cd2f3efde75adad7380997b82b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-9cd1fb94240ff67f5aa081ca139c492d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/large-68b6be47a083fe9989dd95f88a36fd16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-9cd1fb94240ff67f5aa081ca139c492d.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">Zwergenwiese</p>
          <a href="/de/products/aufstrich-natur-bio-135-g-20314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Natur Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gxEUbdbI1XlwRH9SI_yiN7mru0m5nSFc2fpOZCG-PtE532YN3aOGywHP-ZQ1Losrs5NJsuarBG2K6Y4G0AUtpA" />
    <input value="20314" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/aufstrich-smoto-bio-135-g-20315">
          <img alt="Aufstrich Smoto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/small-adf0b237ae3abf4c03017b1a185429e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-1e90e0ee68c443d41c742d8e4062c632.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/large-850616b957797671315be7db87ff2ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-1e90e0ee68c443d41c742d8e4062c632.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">Zwergenwiese</p>
          <a href="/de/products/aufstrich-smoto-bio-135-g-20315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Smoto Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Bi51Dri8Ot3pTe4YqslxBaelT1pFyr-a_Z6KKWrEVhS1su0MYmjWQYusX50eQzYHKZnxjYhD8845bpKVBACLQ" />
    <input value="20315" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/schweizer-mix-bio-100-g-20316">
          <img alt="Schweizer Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/small-20418bc399f5a66b8d0ed9670b5b8a84.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-3afaa6409c72fffca8854320ec454e74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/large-534351025b04462d020964bf0cc87e02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-3afaa6409c72fffca8854320ec454e74.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">Mahler &amp; Co.</p>
          <a href="/de/products/schweizer-mix-bio-100-g-20316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Mix Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f_dT6M8IVGl0hAzwaqYA42UYopEgNZnfyH5Z18KGVrfFOSGIxGMH2wUPijZ8dCn_byBQan8DvO6bbZm1Mz1Fwg" />
    <input value="20316" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/rose-rosa-lenz-alkoholfrei-7-5dl-bio-1-stuck-20317">
          <img alt="Rosé rosa Lenz alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/small-f63373f21d377374bb9bd8584f486313.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-4df92f0c43d7a72b03bca08a3b9b863b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/large-4fa0a1ab14086117af17feb259021399.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-4df92f0c43d7a72b03bca08a3b9b863b.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">Küferweg</p>
          <a href="/de/products/rose-rosa-lenz-alkoholfrei-7-5dl-bio-1-stuck-20317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé rosa Lenz alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="73WQDc6oZQMDjwOoDrf9JeV4jFlAREQ4f8FDlQm0B85Vu-JtxcM2sXIEhW4YZdQ570B-oh9yYQks0oP3-A8Uuw" />
    <input value="20317" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/weisswein-weisser-lenz-alkoholfrei-7-5dl-bio-1-stuck-20318">
          <img alt="Weisswein Weisser Lenz alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10987/file/small-45dbcbd748408c701aaeb24ec9e695e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10987/file/medium-ec629f6a8a03cfb3c95063e930990b76.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10987/file/large-9237cbd1e8e4764526b36a750d626a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10987/file/medium-ec629f6a8a03cfb3c95063e930990b76.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">Küferweg</p>
          <a href="/de/products/weisswein-weisser-lenz-alkoholfrei-7-5dl-bio-1-stuck-20318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Weisser Lenz alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xj4ZAHNobGsYLTP7jwfGBKug8alntrq5MPURRAI--XR88GtgeAM_2WmmtT2Z1e8YoZgDUjiAn4hj5tEm84XqAQ" />
    <input value="20318" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/kichererbsen-snack-paprika-bio-140-g-20319">
          <img alt="Kichererbsen Snack Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10989/file/small-f9b293279d27ad479c672c188b4f84f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10989/file/medium-26e919bcd28e24ece7d364b1ea3f30fc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10989/file/large-c752bd87ff0ee878085d9d90769c193c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10989/file/medium-26e919bcd28e24ece7d364b1ea3f30fc.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">Mahler &amp; Co.</p>
          <a href="/de/products/kichererbsen-snack-paprika-bio-140-g-20319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Snack Paprika Bio, 140 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 4.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KBt6appDRwVavN26Ypc1Xo704z8xsd4j9X0fm-nT6JaS1QgKkSgUtys3W3x0RRxChMwRxG6H-xKmbt_5GGj74w" />
    <input value="20319" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/baumnuss-bio-100-g-20320">
          <img alt="Baumnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10988/file/small-ad73e4287d7465d3d0e86b5f40aba8f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10988/file/medium-183896f7614b49f313a2a9623f42d55d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10988/file/large-f9c5413441aef78ff0bf7d6270c55114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10988/file/medium-183896f7614b49f313a2a9623f42d55d.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">Mahler &amp; Co.</p>
          <a href="/de/products/baumnuss-bio-100-g-20320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnuss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9hT1YQgbQc8GmMydBFFhN8UKaS_L5nnu4w8o5DJJhTBM2ocBA3ASfXcTSlsSg0grzzKb1JTQXN-wHOiGw_KWRQ" />
    <input value="20320" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/trockenshampoo-detox-mit-bio-wasserminze-150-ml-20321">
          <img alt="Trockenshampoo Detox mit Bio-Wasserminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10990/file/small-41ca58b143ce37af7fab0c20e8d67d0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10990/file/medium-eaaae6f21da9954e9634673c507f8939.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10990/file/large-7d381493eed58c2b8974565952af4a01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10990/file/medium-eaaae6f21da9954e9634673c507f8939.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">Klorane</p>
          <a href="/de/products/trockenshampoo-detox-mit-bio-wasserminze-150-ml-20321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trockenshampoo Detox mit Bio-Wasserminze, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="--C_kmXr5cyD3e8_fLtJkgH39iDX5cf7HfBnRcSnNGhBLs3yboC2fvJWaflqaWCOC88E24jT4spO46cnNRwnHQ" />
    <input value="20321" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/pralinen-symphonie-n-2-bio-72-g-20322">
          <img alt="Pralinen Symphonie N°2 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10991/file/small-03ce6b8c4cc02cbcc8672a63f7205858.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10991/file/medium-afe8b3c180a84cafa9dbaeebbdea54d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10991/file/large-3c891808829729762f4cb1f7385eb039.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10991/file/medium-afe8b3c180a84cafa9dbaeebbdea54d2.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">Naturkostbar</p>
          <a href="/de/products/pralinen-symphonie-n-2-bio-72-g-20322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinen Symphonie N°2 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="80DS-Sl9DhQRXiu5iQNUBXuOHVOtyDpl2zC39ItsoqtJjqCZIhZdpmDVrX-f0X0ZcbbvqPL-H1SII3eWetex3g" />
    <input value="20322" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/vibracell-flasche-300-ml-20323">
          <img alt="Vibracell Flasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10994/file/small-2aa0b2c8f3b11548d0cf3926e1428e59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10994/file/medium-0a5df8091211ea4fad590fddb32f8b94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10994/file/large-950c6ac6b3b514c75ae3dd6fad232ee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10994/file/medium-0a5df8091211ea4fad590fddb32f8b94.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">Martera</p>
          <a href="/de/products/vibracell-flasche-300-ml-20323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vibracell Flasche, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 68.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ebzWeeHcD6ewoZz8GZ0pc8ii6Wkjf2unHl4GU3u7ntbKIE57OwjjO9JALXmtF25xRp5Xvu72J_Parh7vFX9Dg" />
    <input value="20323" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/dinkel-loffelbiskuits-bio-200-g-20324">
          <img alt="Dinkel Löffelbiskuits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/small-0b0d708da67e00af1ad995c2846f7ea0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-455f0c3f2caacb73e2a579b59a6d3e94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/large-279fa2b87d01e70840579cd7dee5a7fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-455f0c3f2caacb73e2a579b59a6d3e94.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">Pural</p>
          <a href="/de/products/dinkel-loffelbiskuits-bio-200-g-20324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Löffelbiskuits Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8fNZ6SecqLVW1V3ltNr9KZ2DXjVWLtjcCPH10XWyNVFLPSuJLPf7Byde2yOiCNQ1l7uszgkY_e1b4jWzhAkmJA" />
    <input value="20324" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/dinkel-vollkorn-couscous-bio-500-g-20325">
          <img alt="Dinkel Vollkorn Couscous Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/small-b099d22ae0f7df6e2c8fee2fe5744fd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-68049ca02d966f634ea7fc2680bc718c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/large-fd593f9e0f17804d3901b62ad97380f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-68049ca02d966f634ea7fc2680bc718c.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">Spielberger</p>
          <a href="/de/products/dinkel-vollkorn-couscous-bio-500-g-20325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Vollkorn Couscous Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yFrM8bVOnoJ73O9ZZ0Og427nibF4dQPpMCeb6EFQT3RylL6RviXNMApXaZ9xkYn_ZN97SidDJthjNFuKsOtcAQ" />
    <input value="20325" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/derm-nutrition-kollagen-pulver-480-g-20326">
          <img alt="Derm`Nutrition Kollagen Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/small-518ae82d196b8f39471872ff927da933.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-febe83aac0fa6a62f25e4eac09394bfd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/large-877c8265f2382c9eb740e94f6223c9a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-febe83aac0fa6a62f25e4eac09394bfd.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">Collamin</p>
          <a href="/de/products/derm-nutrition-kollagen-pulver-480-g-20326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Derm`Nutrition Kollagen Pulver, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WGaDqav_-ha_oC-jv7xcp1lrwl6yUlmX3Y79zLDOiSviqPHJoJSppM4rqWWpbnW7U1Mwpe1kfKaOnT2uQXWaXg" />
    <input value="20326" 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="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D139">
    <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="/de/products/royal-gewurz-himalaya-safran-75-g-20327">
          <img alt="Royal Gewürz Himalaya/ Safran" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10996/file/small-2824b20f27fb074de154df7e3e8ec361.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10996/file/medium-28108a2c18fa983c6bf9617ef2812f6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10996/file/large-e0bb04999b275eb0de62ad2ccd87a400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10996/file/medium-28108a2c18fa983c6bf9617ef2812f6b.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">Swiss Safran</p>
          <a href="/de/products/royal-gewurz-himalaya-safran-75-g-20327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Royal Gewürz Himalaya/ Safran, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ty4MdPghX5RyEh9vPaQynRvZ6ZmpdWAj2OOQg7c-9kX14H4U80oMJgOZmakrdhuBEeEbYvZDRRKL8FDhRoXlMA" />
    <input value="20327" 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;780 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=140">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>