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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandelmus-weiss-bio-200-g-19861">
          <img alt="Mandelmus weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10430/file/small-85591e175f0d799e281c3d6e172755a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10430/file/medium-5a39bbbe313471eab7933e63f95161f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10430/file/large-6311de74396bc4cd6aeb0efc17567320.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10430/file/medium-5a39bbbe313471eab7933e63f95161f2.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="/products/mandelmus-weiss-bio-200-g-19861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus weiss Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schwarzkummelol-roh-bio-250-ml-19862">
          <img alt="Schwarzkümmelöl roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10431/file/small-4228e827b54d34af13d4f129bf789b3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-e6ce10fa9522e6c4fe6c42cdd5ee4ff9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10431/file/large-019acb69c5e065d00df17df14c5cc814.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10431/file/medium-e6ce10fa9522e6c4fe6c42cdd5ee4ff9.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="/products/schwarzkummelol-roh-bio-250-ml-19862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl roh Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-19863">
          <img alt="Johannisbeeren schwarz gefriergetrock. Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10432/file/small-799db57aad7187da46d485aa92ef3e27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-7cdb0d29ba46873346c155d61115c125.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/large-a4738ae266858266507d088730cdda78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-7cdb0d29ba46873346c155d61115c125.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="/products/johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-19863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johannisbeeren schwarz gefriergetrock. Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferflocken-angekeimt-bio-500-g-19864">
          <img alt="Haferflocken angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10433/file/small-1efeb36b8fac2386e5a6ad35ebd50ca3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10433/file/medium-d6c06b4f9713352067d0eb1a55cf2af1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10433/file/large-887cf8f2badb3643bc815ab0c83b3717.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10433/file/medium-d6c06b4f9713352067d0eb1a55cf2af1.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="/products/haferflocken-angekeimt-bio-500-g-19864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzjXRbjYGz2QaYIbAVBVnJNSA6z7EbVHT9GXsBZYGCobOlBx-AoSTu6Vpc-7spl3_QnvPaiKHryKIjrmCCalhQ" />
    <input value="19864" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gewurzbluten-flower-power-nachfullbeutel-bio-35-g-19865">
          <img alt="Gewürzblüten Flower Power Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10434/file/small-3e588c09662c7c1b7948b96e092fc26a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10434/file/medium-623f287abdbdaf6c9090790e2d0604f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10434/file/large-4e767686af09f9cc35298564cb44a312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10434/file/medium-623f287abdbdaf6c9090790e2d0604f4.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">Sonnentor</p>
          <a href="/products/gewurzbluten-flower-power-nachfullbeutel-bio-35-g-19865">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Flower Power Nachfüllbeutel Bio, 35 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 16.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j4RcpG1cC5Mh9Q-ByuTbB8pAve-smwtKCtHN5tQg3i-rhtuQLY4C4F8JKFVwBhfspBtRfv8AoLHPImCwyl5jgA" />
    <input value="19865" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-grand-selection-bio-36-beutel-19866">
          <img alt="Tea Grand Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/small-6baa6dae8bdb87bbca476860ac16025f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6695bc8049ed8bedb9ca16aed730a978.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/large-bc25df15c3ea5e0727695b97ff69ef06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6695bc8049ed8bedb9ca16aed730a978.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">Sirocco</p>
          <a href="/products/tea-grand-selection-bio-36-beutel-19866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Grand Selection Bio, 36 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LfTlppsvLNqIgLU7VzfSH-2ISb1dzGpTClz-zLbbEF4J9mKS2_0lqfZ8ku_t1R70g9OlLA5XwajPr1OaqKWt8Q" />
    <input value="19866" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kernenmischung-bio-60-g-19867">
          <img alt="Kernenmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/small-2adfa2780ae976234191f54807f85efb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-14ae848549cc22f9652bc32bbed03047.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/large-8f3b6db586c1a8dd2b862424f91b0163.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-14ae848549cc22f9652bc32bbed03047.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">Sun Snack</p>
          <a href="/products/kernenmischung-bio-60-g-19867">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kernenmischung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/knusper-mix-bio-60-g-19868">
          <img alt="Knusper-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/10509/file/small-124defa17be7a30ad398177152c86606.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-34927559a4f69e22252da13fc8ab66d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/large-3640b1c7c8a93abcf79187915a82dc56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-34927559a4f69e22252da13fc8ab66d2.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">Sun Snack</p>
          <a href="/products/knusper-mix-bio-60-g-19868">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knusper-Mix Bio, 60 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nuss-mix-gerostet-225-g-19869">
          <img alt="Nuss-Mix geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/small-4ce3d1e058b37be442ad5368a6063aa3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-a8413c4860dcf2f920d6a8b7271c0886.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/large-bea4984c71b56da249ec8c859a314e71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-a8413c4860dcf2f920d6a8b7271c0886.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">Sun Snack</p>
          <a href="/products/nuss-mix-gerostet-225-g-19869">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuss-Mix geröstet, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandelkekse-bio-glutenfrei-110-g-19870">
          <img alt="Mandelkekse Bio glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/small-fc279a825f8018c05415a37e2e3a93b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-ff0868640feba048854a91429fcd17d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/large-80b7d19d55e9755154630a3e8da6c6cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-ff0868640feba048854a91429fcd17d3.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">Werz</p>
          <a href="/products/mandelkekse-bio-glutenfrei-110-g-19870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelkekse Bio glutenfrei, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-19871">
          <img alt="Papua Neuguinea Kaffee instant Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/small-63aa273305fdb02457970c9f2ec871e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-c4d94e554fe446284f8adef56f0d4e61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/large-4d95de4c080e6d900982f4b21c85de63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-c4d94e554fe446284f8adef56f0d4e61.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">MountHagen</p>
          <a href="/products/papua-neuguinea-kaffee-instant-bio-fairtrade-100-g-19871">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papua Neuguinea Kaffee instant Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/weizenkleie-naturrein-bio-knospe-250-g-19872">
          <img alt="Weizenkleie naturrein Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/small-2fad4aa3bd4c18c0787e8804deebc7a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-27759599158a1a8bc43605f229301bba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/large-439a68aaa396cea6d91be14b546f4462.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-27759599158a1a8bc43605f229301bba.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">MORGA</p>
          <a href="/products/weizenkleie-naturrein-bio-knospe-250-g-19872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenkleie naturrein Bio Knospe, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-regeneration-tag-nachtpflege-50-ml-19873">
          <img alt="Rose Regeneration Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/small-555f27d943eda2429a070f4d4f077747.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-49d3d6e2007d333c2f56449247023438.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/large-2eef0763e7a6d2a1576ce128b3e91900.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-49d3d6e2007d333c2f56449247023438.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">Arya Laya</p>
          <a href="/products/rose-regeneration-tag-nachtpflege-50-ml-19873">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Regeneration Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vesta-glas-bio-40-g-19874">
          <img alt="Vesta Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/small-6fb168dd671f2c94da067b9a64eeabf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-ba58d849ebe1e80dbd78f963c8ad7c9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/large-6f0dc5d801bd5a35728e58d96f1cb64e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-ba58d849ebe1e80dbd78f963c8ad7c9c.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">Chalira</p>
          <a href="/products/vesta-glas-bio-40-g-19874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Glas Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vesta-nfp-bio-40-g-19875">
          <img alt="Vesta NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/small-112897617e21e6f56f92c892ada57a67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-30e77c58c7449b7d513119c446f686a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/large-6085de804bb87af41cfc6f5bba6b21f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-30e77c58c7449b7d513119c446f686a3.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">Chalira</p>
          <a href="/products/vesta-nfp-bio-40-g-19875">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tamora-glas-bio-62-g-19876">
          <img alt="Tamora Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/small-01c775307969106332781d053745df1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-9291cb0363d4fa24bd82582181516b6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/large-b52c217f54c3d6b6edac08e064819c8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-9291cb0363d4fa24bd82582181516b6a.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">Chalira</p>
          <a href="/products/tamora-glas-bio-62-g-19876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora Glas Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0oPVEu8OMVMZane3jljh95sZR-h_rF6Q-7nXGkXYiu32gVImr9w4IGeWUGM0ui0c9UKreSw39Ws-SnpMW6Y3Qg" />
    <input value="19876" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tamora-nfp-bio-62-g-19877">
          <img alt="Tamora NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/small-045ca50488cfb2a6635d7c846388f06c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-a874916c1030a43685cf7b258498307b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/large-4817a69d9816dbab4c3cfa34baa70c69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-a874916c1030a43685cf7b258498307b.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">Chalira</p>
          <a href="/products/tamora-nfp-bio-62-g-19877">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora NFP Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nussmix-rauna-bio-120-g-19878">
          <img alt="Nussmix Rauna Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/small-48a97c2142af10e2e344727d11724b23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-77d363dd18825f740ba02d255c585a7b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/large-da833ab39969bae7959d8f526e947af4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-77d363dd18825f740ba02d255c585a7b.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">Chalira</p>
          <a href="/products/nussmix-rauna-bio-120-g-19878">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmix Rauna Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.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-19878-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nussmix-curry-bio-120-g-19879">
          <img alt="Nussmix Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/small-ac751e0dc613dca13992e7b445e6175f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-bf23eb1065a3c8b1d7d4ff81df149388.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/large-0161581eff53d1c2f1a9b24bdb920737.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-bf23eb1065a3c8b1d7d4ff81df149388.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">Chalira</p>
          <a href="/products/nussmix-curry-bio-120-g-19879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmix Curry Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.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-19879-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mustarda-birnensenf-bio-120-g-19880">
          <img alt="Mustarda Birnensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/small-5ed041c4e08277f49233e50bc6a41cc5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-00f4920e8e4e8d24ba76f04644fbb2cc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/large-6e3932cc9daa7cf65c77ffc7d97206ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-00f4920e8e4e8d24ba76f04644fbb2cc.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">Chalira</p>
          <a href="/products/mustarda-birnensenf-bio-120-g-19880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mustarda Birnensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ghj1ji8QouzHy-dW4OIf5W1W3RJZ-bPjAjh4sLrSE5A-GnK6b8Krn7k3wIJaANMOAw0xgwpiGBjHy9XmpKyuPw" />
    <input value="19880" 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;300 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/denttabs?format=turbo_stream&amp;page=116">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>