<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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/pesto-rosso-demeter-130-g-20061">
          <img alt="Pesto Rosso Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10772/file/small-04dc1550379057802ce4c4d65ec64a30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10772/file/medium-2b8114e6b5d05411743cf6531f9c5daf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10772/file/large-c2135c4279d2b5cef43c8a1c11fd4af1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10772/file/medium-2b8114e6b5d05411743cf6531f9c5daf.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">Giancarlo Ceci</p>
          <a href="/products/pesto-rosso-demeter-130-g-20061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Rosso Demeter, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aqj32zGnt8RHVMleZ8dhCelw7vHYPX-3-5OcgS7whQ4UFs2MR4UI3td2tFCOd6vGpJ5ZtOvbdRIR9eQCCeKsDA" />
    <input value="20061" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/pesto-al-basilico-demeter-130-g-20062">
          <img alt="Pesto al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10773/file/small-c5b93e3c487e2e2056d396080cf744b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10773/file/medium-ea6fb6ceec86be7e17b760c0b11aff8a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10773/file/large-a10e82f5bd4d72c37466160ae228323b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10773/file/medium-ea6fb6ceec86be7e17b760c0b11aff8a.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">Giancarlo Ceci</p>
          <a href="/products/pesto-al-basilico-demeter-130-g-20062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto al Basilico Demeter, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N35BAlHHMh_OAUlYY8HXXmLLq3M1Welsugf0qia1VY0hwHtVJ-WNBV4jNFaKcR2RLyUcNga_48lQYYwpAad8jw" />
    <input value="20062" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/weisswein-giancarlo-ceci-almagia-bianco-demeter-7-5-dl-20063">
          <img alt="Weisswein Giancarlo Ceci Almagia Bianco Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/small-6fb6203bebf985b0f851baf2293ea1f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-928a48ca1a0e31fb98d1d0f7fc979e31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/large-410b8d48bb5fa50aab5e751d7484a74b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-928a48ca1a0e31fb98d1d0f7fc979e31.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">Giancarlo Ceci</p>
          <a href="/products/weisswein-giancarlo-ceci-almagia-bianco-demeter-7-5-dl-20063">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Giancarlo Ceci Almagia Bianco Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uMvKVTcAJmvcrgcUSjA4cBKd8YvmXSkgyny09LLy95KudfACQSKZcUyMehqjgPK_X3NGztW7I4UgGsx3leDekA" />
    <input value="20063" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/rosewein-giancarlo-ceci-almagia-rosato-demeter-7-5-dl-20064">
          <img alt="Roséwein Giancarlo Ceci Almagia Rosato Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10775/file/small-ab08470a359134079e1cea6af5dabf3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10775/file/medium-fcbc2e2a7abed3144ac11f6e15b7ddc5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10775/file/large-7794b56bb38ebe26034f1bd73898f5c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10775/file/medium-fcbc2e2a7abed3144ac11f6e15b7ddc5.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">Giancarlo Ceci</p>
          <a href="/products/rosewein-giancarlo-ceci-almagia-rosato-demeter-7-5-dl-20064">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roséwein Giancarlo Ceci Almagia Rosato Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RHtdsMPVvZeA4gMCPd0OYqdxjleAgHTfksL9PqlWMQxSxWfntfcCjRDAfgzUbcSt6p85ErNmfnp4pIW9jkQYDg" />
    <input value="20064" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/rotwein-giancarlo-ceci-almagia-rosso-demeter-7-5-dl-20065">
          <img alt="Rotwein Giancarlo Ceci Almagia Rosso Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10776/file/small-560bc2ba4e93f371acd141b79e5ed985.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10776/file/medium-9d40106a3f7e52a428fd65a04fc03403.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10776/file/large-95370a21275d018421603dfa21abba2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10776/file/medium-9d40106a3f7e52a428fd65a04fc03403.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">Giancarlo Ceci</p>
          <a href="/products/rotwein-giancarlo-ceci-almagia-rosso-demeter-7-5-dl-20065">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rotwein Giancarlo Ceci Almagia Rosso Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QF7WIPthq-KCXUExjfp83bI4xMYLMyqUJiqRGFdS_RNW4Ox3jUMU-BJ_PD9kSrYS_9ZzgzjVIDHMTOmbcEDUEQ" />
    <input value="20065" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/laboratoires-de-biarritz-sonnenol-invisible-lsf50-125-ml-20066">
          <img alt="Laboratoires De Biarritz Sonnenöl invisible LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10783/file/small-85de76c7d0d4d3380fbdba58d5e5e97c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10783/file/medium-dc5249b682b4910481b20229fda14290.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10783/file/large-4e768cc5e42089c4c6b0d4070246d351.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10783/file/medium-dc5249b682b4910481b20229fda14290.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">LaborDeBiarritz</p>
          <a href="/products/laboratoires-de-biarritz-sonnenol-invisible-lsf50-125-ml-20066">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Sonnenöl invisible LSF50, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YdhGdxr__arVZvJBXosO7pkhYbANZmii7jhlKIO27hV3ZnwgbN1CsEVEj0-3O8Qh1M_W9T6AYgcEXh2rpKTHFw" />
    <input value="20066" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/dinkelhalbweissmehl-bio-1-kg-20067">
          <img alt="Dinkelhalbweissmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10784/file/small-13c9e8174f1ba2c387777053b60856a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10784/file/medium-21979e7631ca22a2cbd4f5d8db3c0071.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10784/file/large-675887fa546834aabf9542de8386e88d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10784/file/medium-21979e7631ca22a2cbd4f5d8db3c0071.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f0UUxe_84K3UQwiE4oWse25-aFTVzAg85KJFmt6iFL5p-y6Smd5ft0RhdYoLNWa0I5DfEeYqApkOxD0Z-bA9vA" />
    <input value="20067" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/dinkel-ruchmehl-bio-1-kg-20068">
          <img alt="Dinkel Ruchmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10785/file/small-76ac5cc46f2e9019f98a41047a36aa15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10785/file/medium-f13039e70e2d63de31460a3cd631cd74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10785/file/large-8d872a8dd2adf8d3a84893e2f6c363ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10785/file/medium-f13039e70e2d63de31460a3cd631cd74.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/dinkel-ruchmehl-bio-1-kg-20068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Ruchmehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </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-20068-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XhxM03UvlBIrp1SvFu6ljVlWNj8_ijDWcYmTCyOJqYhIonaEAw0rCLuFKaH_Xm9CFLiBegxsOnOb7-uIBJuAig" />
    <input value="20068" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/dinkel-weissmehl-bio-1-kg-20069">
          <img alt="Dinkel Weissmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/small-6a8d626dbf4daf28bae28d4de0dbf750.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-e083b3b1ba46154a86ad1036e93cce45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/large-a9ee0b1775798827ba9a243f75063fcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-e083b3b1ba46154a86ad1036e93cce45.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/dinkel-weissmehl-bio-1-kg-20069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Weissmehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9G1zWBVLZIPbZtskK2LBhCBswGzZJKgqLYj3_QDS0pHi00kPY2nbmUtEpirC0gtLbYJ3KerCoo_H7o9-J8D7kw" />
    <input value="20069" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/omega-silver-bio-100-ml-20070">
          <img alt="Omega Silver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/small-875aaa4896143903aa51afe491f3cbf4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-e92c29d6ee3e7fd87379928c7fd7628d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/large-6f6f453b6e7afe6a9365e21a031ea8d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-e92c29d6ee3e7fd87379928c7fd7628d.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">Bio Planète</p>
          <a href="/products/omega-silver-bio-100-ml-20070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Silver Bio, 100 ml</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 12.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rni2BC-OjwPT5fSkUfXb2m_BV2TctMIzybxQK_SXTo-4xoxTWawwGUPHiaq4RREVIi_gIe9SyJYj2iio04VnjQ" />
    <input value="20070" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/gekeimte-nudeln-buchweizen-bio-250-g-20071">
          <img alt="Gekeimte Nudeln Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10788/file/small-65e546236bee17a51da6475cfd93ade6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10788/file/medium-abb489cc7454ea810eb427b08d09d436.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10788/file/large-e910992ff39ca9fa80ecf78ac1eddbbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10788/file/medium-abb489cc7454ea810eb427b08d09d436.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/products/gekeimte-nudeln-buchweizen-bio-250-g-20071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gekeimte Nudeln Buchweizen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kzsrt2eJoW5Dy8mqe_zwFr4oLPTLanJBGarojc_ziZ2FhRHgEasedNPptKSSTDrZ88absfiMeOTzzJAO6OGgnw" />
    <input value="20071" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/lisas-kesselchips-bbq-style-bio-115-g-20072">
          <img alt="Lisas Kesselchips BBQ Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10789/file/small-55a01ffc4f9df9c11b37bb1ad15bdaa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10789/file/medium-1de675629af8f58f63652773f217c34f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10789/file/large-17a78236eb30a163b911cbd9934a1cf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10789/file/medium-1de675629af8f58f63652773f217c34f.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">Lisa&#39;s Chips</p>
          <a href="/products/lisas-kesselchips-bbq-style-bio-115-g-20072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lisas Kesselchips BBQ Style Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e15RAYIK2qBtQwtRtZ5f_yA7IjAjTjfHwv9trbpch6tt4GtW9Chluv1hdl9cLpUwbdWVdRCoPWIomRUunU6uqQ" />
    <input value="20072" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/sauce-knoblauch-bio-210-ml-20073">
          <img alt="Sauce 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/10790/file/small-6955d78dee1a33a77725d05bba83dbc0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10790/file/medium-031bb06b9eb2d805f0684cca69266dd7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10790/file/large-26cacb128d59697f3b9213f3a54e6583.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10790/file/medium-031bb06b9eb2d805f0684cca69266dd7.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">Naturata</p>
          <a href="/products/sauce-knoblauch-bio-210-ml-20073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Knoblauch Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oc5V23guTwMYNZqAXZv1LUfYnf3SZDSUn7qNesd4QV63cG-MDgzwGYgX5460Kz_iCjYquOGCPjF13PX54GpoXA" />
    <input value="20073" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/nkw-hanf-proteinpulver-mit-vit-b12-bio-220-g-20074">
          <img alt="NKW Hanf Proteinpulver mit Vit. B12 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10791/file/small-f2e38cb2d613d306ad0b903cf965b5ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10791/file/medium-66bddbd02859cdc7a9210e8a9ae82060.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10791/file/large-4d5c62a69b20e5b3e38fdde33183c526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10791/file/medium-66bddbd02859cdc7a9210e8a9ae82060.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/products/nkw-hanf-proteinpulver-mit-vit-b12-bio-220-g-20074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Hanf Proteinpulver mit Vit. B12 Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j_CgZTHvuLJmfpSaWRk-dIapX7ri057zkwaPirM273GZTpoyR80HqPZc6ZSwqfS7y0fo_9E1lFZ5YPcJlCTGcw" />
    <input value="20074" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/conchiglie-maisnudeln-bio-400-g-20075">
          <img alt="Conchiglie Maisnudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10792/file/small-1a8094c309d38288937613b4339e55a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10792/file/medium-3d6448a001309351053bc58547f89302.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10792/file/large-41b9d6f087657301a8062e7acf839bc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10792/file/medium-3d6448a001309351053bc58547f89302.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">Probios</p>
          <a href="/products/conchiglie-maisnudeln-bio-400-g-20075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Conchiglie Maisnudeln Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFQ687jsAOdG8lxSNdanX1t-FNOlJ0N3RbB6JnleEekG6gCkzs6__dbQIVzcZm2QFpCjlpbBSdKv1gKlXkw46w" />
    <input value="20075" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/fusilli-maisnudeln-bio-400-g-20076">
          <img alt="Fusilli Maisnudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10793/file/small-f2b6276ccfe45de86a3ffa3ea057826b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10793/file/medium-21d8a99b7314aab169535a3476fb3944.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10793/file/large-be2da46db2fb566f8f0cbe97ea4265ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10793/file/medium-21d8a99b7314aab169535a3476fb3944.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">Probios</p>
          <a href="/products/fusilli-maisnudeln-bio-400-g-20076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fusilli Maisnudeln Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CmEuAtIo3LbUp_RSni16dAbl-Uj4srSz943DDuGV4-sc3xRVpApjrESFiVx3nbC7SwtODctUvhYd67uNxofK6Q" />
    <input value="20076" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/maccheroncini-reisnudeln-bio-400-g-20077">
          <img alt="Maccheroncini Reisnudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10794/file/small-52ab373f2322b17bed8b6491a7852e8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10794/file/medium-3f4a6562856e696cdbd7cdaf33701774.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10794/file/large-af873a5877ea9fcca270d06eeb2a0ea1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10794/file/medium-3f4a6562856e696cdbd7cdaf33701774.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">Probios</p>
          <a href="/products/maccheroncini-reisnudeln-bio-400-g-20077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maccheroncini Reisnudeln Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gD2GGOUg6aOLvzEjB6g1pX4q9dtRU2u7fqvALPstL7SWg7xPkwJWuRudTC3uGP9qM8RCnmK1YR6Uzbiv3D8Gtg" />
    <input value="20077" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/distelol-nativ-bio-250-ml-20078">
          <img alt="Distelöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10795/file/small-cf97d350ba20f870d81978e6bb91d2a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10795/file/medium-48a18db89030db87e901514c69c41dc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10795/file/large-cae49ba5e3a5e72120db7d5101baf1f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10795/file/medium-48a18db89030db87e901514c69c41dc2.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">Rapunzel</p>
          <a href="/products/distelol-nativ-bio-250-ml-20078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Distelöl nativ Bio, 250 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 3.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nI1clhwzNKhl83IwDQsu8OYOwyOoWRCce63LA0S1N9uKM2bBahGLsvXRDz7ku-Q_q-B0Zpu_GjmRy7OAY6ce2Q" />
    <input value="20078" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/bio-snacky-power-sprossen-mix-40-g-20079">
          <img alt="Bio-Snacky Power Sprossen Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10796/file/small-0a6cd2820b1826640721a3ce38700395.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10796/file/medium-7eb2ad89e20dcc91152714c775c61dd6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10796/file/large-5154bdc463e4f4880429ce82c2d9e94d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10796/file/medium-7eb2ad89e20dcc91152714c775c61dd6.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">Rapunzel</p>
          <a href="/products/bio-snacky-power-sprossen-mix-40-g-20079">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Power Sprossen Mix, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MRXDTJ17sALEEtUpjp7sM15n1iLay2aaaUw1tNVhni8nq_kb61kPGFQwqCdnLib8E4lhZ-ktbD-DKk038nO3LQ" />
    <input value="20079" 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%2Fmartera%3Fformat%3Dturbo_stream%26page%3D125">
    <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/samba-snack-bio-25-g-20080">
          <img alt="Samba Snack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/small-03fd1d4bf8f66c6605172fd0790635ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-50db210c3927ad8bb54258f0ef185091.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/large-65c2a00a7f2c3999c758843a6d1f13e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-50db210c3927ad8bb54258f0ef185091.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">Rapunzel</p>
          <a href="/products/samba-snack-bio-25-g-20080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Snack Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

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

</template></turbo-stream>