<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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/flanino-chocolat-demeter-110-g-18287">
          <img alt="Flanino Chocolat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/small-e03047c319d7537e8b3e3be5acd4e297.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-0b272236a48860abbdcbe91db4e897b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/large-d45f0ac1bd49a971a0c325bb5ba1c92b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-0b272236a48860abbdcbe91db4e897b2.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">Biomilk</p>
          <a href="/de/products/flanino-chocolat-demeter-110-g-18287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Chocolat Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6pb6-7opbq7fPJit93Fe91SlC-O7N3QMN34KCE8iFX7n1KH3UztSvwE0O5wviNse5NGJl9unsidsglB7fi1deA" />
    <input value="18287" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/flanino-vanille-demeter-110-g-18288">
          <img alt="Flanino Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/small-599a1581a5bd0475da2d931577cde9b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-cca3b2d45f121b6976cb9186ea4c89b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/large-43c2ecec8403fd268008b1195575ce78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-cca3b2d45f121b6976cb9186ea4c89b7.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">Biomilk</p>
          <a href="/de/products/flanino-vanille-demeter-110-g-18288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Vanille Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1hYIArHxGmTemXjKF6LG4nqqbh-G6Hu2GRXBHHbgB8HbVFMOWOMmdQCR2_vPW0MLyt7sa-Z4vZ1C6ZtvR-9Pxw" />
    <input value="18288" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-aprikosen-demeter-150-g-18289">
          <img alt="Joghurt Aprikosen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/small-bd1b2f49a177312e07a1fdba5fb62796.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-c3a8bfe887eaa2f3df575783b61b031c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/large-4ddb0dde766b3228968dbea3249fb33e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-c3a8bfe887eaa2f3df575783b61b031c.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">Biomilk</p>
          <a href="/de/products/joghurt-aprikosen-demeter-150-g-18289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Aprikosen Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w4fAPwu4uVztSFdKoO0waPMMAVzkLp-2CsZJOjyMsoTOxZsz4qqFTTNA9Ht4FLWBQ3iDKIS-WZ1ROhNJDYP6gg" />
    <input value="18289" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-erdbeere-demeter-150-g-18290">
          <img alt="Joghurt Erdbeere Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9767/file/small-b2da7dd0ae9a49574592dfbe67cde77c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9767/file/medium-4befc4768179494f63100c2756c34d9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9767/file/large-b4ef0b932b7fafb336e855cb1b1a9fef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9767/file/medium-4befc4768179494f63100c2756c34d9e.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">Biomilk</p>
          <a href="/de/products/joghurt-erdbeere-demeter-150-g-18290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Erdbeere Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GMZbpID1vjWE1f1ALqzI05c_DhQQC1ZkzJMbsUV4q8MVhACoaeeCJFrdXnH2VU06J0uMYHCbkE-Xb0HCdHfjxQ" />
    <input value="18290" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-feige-griechische-art-bio-150-g-18291">
          <img alt="Joghurt Feige griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9768/file/small-f47477f8e3d94c1d0f3faa07f1f3a0bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9768/file/medium-1c223201026a7c0283e0c2afcaeead6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9768/file/large-baa363fd33151eb2f95a7814297439ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9768/file/medium-1c223201026a7c0283e0c2afcaeead6b.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">Biomilk</p>
          <a href="/de/products/joghurt-feige-griechische-art-bio-150-g-18291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Feige griechische Art Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hykffKIWHpZu7iN4GIUNJJYfCZd8MQd70Q3zwys9fTmKa0RwSwQih7DmgEnAfIjNJmuL4xyhwVCK8amwGjI1Pw" />
    <input value="18291" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-haselnuss-demeter-150-g-18292">
          <img alt="Joghurt Haselnuss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9764/file/small-98084afa705506f8764dc9de48251512.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9764/file/medium-ee7de60c4c14fa9a10a7ce597299a5dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9764/file/large-fb0fca970d2e270431fc6fb48d0792e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9764/file/medium-ee7de60c4c14fa9a10a7ce597299a5dd.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">Biomilk</p>
          <a href="/de/products/joghurt-haselnuss-demeter-150-g-18292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Haselnuss Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SI2PVs1ddQJXgUpDlvMdUKByQ0qZ3AIOMB3T6XMihPxFz9RaJE9JE4mJ6XJOCpi5EAbBPvlMxCVr4YmaQi3M-g" />
    <input value="18292" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-heidelbeere-bio-150-g-18293">
          <img alt="Joghurt Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/small-d601402b131e7371d1e449e814df6a8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-e6d78ceb26192af9b6db8cf5833edeb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/large-3eae9c75bf589e85d7e138ea55416c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-e6d78ceb26192af9b6db8cf5833edeb2.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">Biomilk</p>
          <a href="/de/products/joghurt-heidelbeere-bio-150-g-18293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ru0I1nPPmp8LcxEarEHXzj-xqC1oLdOj717P9xrE-xRLr1Pamt2mjtV7sit0uFInj8UqWQi9FYi0opWEK8uzEg" />
    <input value="18293" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-mango-demeter-150-g-18294">
          <img alt="Joghurt Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9769/file/small-1c09ef3c7bd73e9628a5ec521c443c86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9769/file/medium-e8d5dbcfca150b8ebd4814a098bda601.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9769/file/large-0cc081500ddfd78f530c471d8312044f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9769/file/medium-e8d5dbcfca150b8ebd4814a098bda601.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">Biomilk</p>
          <a href="/de/products/joghurt-mango-demeter-150-g-18294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Mango Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zAJgfD2Kp1P3GCI1gwsQkGaJKsSxbFIS02NGgrOq1vjBQDtw1JibQikQgQRb8pV51v2osNH8lDmInxzxgqWe_g" />
    <input value="18294" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-nature-griechische-art-bio-150-g-18295">
          <img alt="Joghurt Nature griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9770/file/small-d2d6f6beaedc7b8528b85a2a9565cac2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9770/file/medium-5037143098c85b9f72be4d13dd803f92.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9770/file/large-317484475252d237296eb01021c1f81e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9770/file/medium-5037143098c85b9f72be4d13dd803f92.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">Biomilk</p>
          <a href="/de/products/joghurt-nature-griechische-art-bio-150-g-18295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature griechische Art Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yC2voGubFKz5F0aYG-mPVZLQP8G7FCIvCTLwvTZKCDLFb_SsgokovScf5anDEAq8IqS9tduE5ARSzqrOB0VANA" />
    <input value="18295" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-nature-stichfest-demeter-150-g-18296">
          <img alt="Joghurt Nature stichfest Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9766/file/small-93d61e6678f92665eca7f4400659e8fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9766/file/medium-de9b2de49e357686e898c19f5aecf702.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9766/file/large-9d4ab079f41053c7c358a254cbb3613a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9766/file/medium-de9b2de49e357686e898c19f5aecf702.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">Biomilk</p>
          <a href="/de/products/joghurt-nature-stichfest-demeter-150-g-18296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature stichfest Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v9bYScCOmC33mD_USA2Wp_8le93A81OFPk1S5BtzK82ylINFKZykPCmQnOWQ9BNOT1H5qaBjla5lsQiXKnxjyw" />
    <input value="18296" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-saison-demeter-150-g-18297">
          <img alt="Joghurt Saison Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/small-5f61cf014b13bac66dd4d8de0221ea57.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-24c38c2801ee41bbf4e1af63a8ceb9b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/large-e84fdd04ab6599fa29142c1370c6210d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-24c38c2801ee41bbf4e1af63a8ceb9b7.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">Biomilk</p>
          <a href="/de/products/joghurt-saison-demeter-150-g-18297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Saison Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tt_2GTCy2rs6530HxJndNY8cSLjRGxtkPf262XKcLgNDna0V2aDmquTv3jYcYFjcP2jKzLGL3U9mAeCqQ5NmBQ" />
    <input value="18297" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/joghurt-sanddorn-demeter-150-g-18298">
          <img alt="Joghurt Sanddorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9765/file/small-67932507c56771c98ded0882e2fe883c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9765/file/medium-4425cc913f9eb0d840327dcbd5c8e989.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9765/file/large-7f3605a8e34b305424fd7b54dd60d8e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9765/file/medium-4425cc913f9eb0d840327dcbd5c8e989.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">Biomilk</p>
          <a href="/de/products/joghurt-sanddorn-demeter-150-g-18298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Sanddorn Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GIFlb5E9t7INx7BSXntyAkDLFM10gwti3SSwAchzVr8Vwz5jeC-Lo9PPE2OGgvfr8L-WuRQTzUmG2Opy-XweuQ" />
    <input value="18298" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/magerquark-nature-demeter-250-g-18299">
          <img alt="Magerquark Nature Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11261/file/small-0df65df2c2d964975d9f03bf7c0235c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11261/file/medium-50d0d4118f64628ef4936c00b53b02b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11261/file/large-8991eb681dc05d17bb7f75aa8c9f145e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11261/file/medium-50d0d4118f64628ef4936c00b53b02b7.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">Biomilk</p>
          <a href="/de/products/magerquark-nature-demeter-250-g-18299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magerquark Nature Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yIp2lLYP2QlB1KNMd3Abfo0FItQ529ydrJEmaOP_Fj7FyC2YXx3lGJ_cAH2viZ6XPXGgoFlLGrb3bXwb0vBeOA" />
    <input value="18299" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/panna-cotta-bio-110-g-18300">
          <img alt="Panna Cotta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9771/file/small-23e3f97ef31d7661f208a414c8aca62a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9771/file/medium-698747bec863a4bc95a520d750c8147b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9771/file/large-9ec5b575ab686f1c1b9cae3b91a627d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9771/file/medium-698747bec863a4bc95a520d750c8147b.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">Biomilk</p>
          <a href="/de/products/panna-cotta-bio-110-g-18300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Panna Cotta Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pOUid7yF9bg0x2SIqU_tFvUV5sed_iAVeP_oA2rJVNqpp3l7VZfJqerPx7lxtmj_RWFks_1u5j4jA7JwW8Yc3A" />
    <input value="18300" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/olivenol-balsamico-bio-250-ml-18304">
          <img alt="Olivenöl &amp; Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/small-909ed25211f3b337fe512ca487958bde.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-6e3c3dc81d465b0cd8be494fde9e6f3a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/large-b9aa7a55c6a6c7d25b390687aea63342.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-6e3c3dc81d465b0cd8be494fde9e6f3a.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">BioPlanète</p>
          <a href="/de/products/olivenol-balsamico-bio-250-ml-18304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Balsamico Bio, 250 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 4.76 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PqcXuEkVYRJTKUXvEnnD44QO6XynTxyivJX8f-PNZJ8z5Uy0oAddA40h5t7KgEYKNHprCMff2onnaaYM0sIsmQ" />
    <input value="18304" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/olivenol-knoblauch-bio-100-ml-18305">
          <img alt="Olivenöl &amp; Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9163/file/small-b3f5e38c1531a5da85399ba639854ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9163/file/medium-abe148a6376bbbe1422605f5f17e030d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9163/file/large-373932ae6c65eeccdc87a5a3b61a0fdf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9163/file/medium-abe148a6376bbbe1422605f5f17e030d.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">BioPlanète</p>
          <a href="/de/products/olivenol-knoblauch-bio-100-ml-18305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Knoblauch Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nbcita-Vx6oYTzRStH8vv3JTMSGrSs4EqVnInZdeIfiQ9Xm5Rof7u8ZHl2NshqpWwiezVcvaCC_ypZLuplFp_g" />
    <input value="18305" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/olivenol-zitrone-bio-250-ml-18306">
          <img alt="Olivenöl &amp; Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/small-27b1ca17c58a63373b805cc991ad3a4d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-8b630d4639cc746144a4c5b5077047c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/large-99d734adc6ae1d622157c3a74e29178f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-8b630d4639cc746144a4c5b5077047c4.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">BioPlanète</p>
          <a href="/de/products/olivenol-zitrone-bio-250-ml-18306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Zitrone Bio, 250 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 4.76 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HiSXfiuA_5jsR77_CkeSFjJskrxoUOW3C_Up2-tpgXgTZsxywpLDiTJPHc7Svhf_ghgQyAjAI5xQCXOo2mbJfg" />
    <input value="18306" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/omega-orange-bio-100-ml-18307">
          <img alt="Omega Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9164/file/small-1c93f3038f1199aabc79854ac1d40221.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9164/file/medium-b3a99bf0c3c3d509a0efbd579653094a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9164/file/large-58087f902c71b682b644a21c791977aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9164/file/medium-b3a99bf0c3c3d509a0efbd579653094a.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">BioPlanète</p>
          <a href="/de/products/omega-orange-bio-100-ml-18307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Orange Bio, 100 ml</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 10.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w6Aps0czUkZhQsOGlytjliZKLX1tI2KCPfnaDNkDCwzO4nK_riFuV79KYLdP0uZ_lj6vCQ2zpKlmBYB_6AxDCg" />
    <input value="18307" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/omega-pink-bio-100-ml-18308">
          <img alt="Omega Pink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9165/file/small-9cfe743c8772d3746dd127178fd8f8e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9165/file/medium-14220b963c79357e163f27258444a1d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9165/file/large-5ce37626c1cf7b4ffb6bc0b845dd78a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9165/file/medium-14220b963c79357e163f27258444a1d1.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">BioPlanète</p>
          <a href="/de/products/omega-pink-bio-100-ml-18308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Pink Bio, 100 ml</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 10.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJPWXBHzQJ0uld2RrfcwNOo4svlv8oXT2hDXS6P0w1Nt0Y1Q-OF8jPCdfqB1DrXdWkwwjQ9iQ_iB7I04kvuLVQ" />
    <input value="18308" 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%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D27">
    <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/omega-red-bio-100-ml-18309">
          <img alt="Omega Red Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/small-f61043c92887438c7f1a2abb8c5f3b55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-20bf24939921937bb9bf339c2d211374.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/large-f32b25ae96f55dae15c19cfede1fe06e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-20bf24939921937bb9bf339c2d211374.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">BioPlanète</p>
          <a href="/de/products/omega-red-bio-100-ml-18309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Red Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="moVQR5MWB9PPxfoE6H-M8drQuO_sQdluEQDNg_IJVISXxwtLegQ7whHNWTUwhgkYaqQ6m4zRH0VK_JfwwwYcgg" />
    <input value="18309" 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">
      540 von 1&#39;578 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=28">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>