<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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/getreidetaler-mit-erdmandeln-bio-45-g-18526">
          <img alt="Getreidetaler mit Erdmandeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9213/file/small-4059c7b7309dbdbde7fedb3eeb75602c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-6f8aca71c1386ecdc36dc4edb15fc44e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/large-1bea116e135372d417d601ebce1e4124.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-6f8aca71c1386ecdc36dc4edb15fc44e.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">Guggenloch</p>
          <a href="/products/getreidetaler-mit-erdmandeln-bio-45-g-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Getreidetaler mit Erdmandeln Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GaMaiGqY5J9z3UB4XWm6Z2Wx9vb2aQKG6nfGJXCor2Tb9iCGlpXAmMmqfuI3-lUkL3_-lZ3bwlRkPeXWIWjcLg" />
    <input value="18526" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/vanille-jumbo-bio-65-g-18527">
          <img alt="Vanille Jumbo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/small-9db9ec75e1bf971ac7494a8e3b37cca9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-a5656d4e8739a67a708e20237d12a487.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/large-fe2ae500826ea721c0677ecfc6c5ce69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-a5656d4e8739a67a708e20237d12a487.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">Guggenloch</p>
          <a href="/products/vanille-jumbo-bio-65-g-18527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Jumbo Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sDXSRAGJXmHvCOz8TIt5c4QZ_63lOgXV-wpb1xTH3ltyYOhK_YR6ZlV_0mYmGJYwztf3zo6IxQd1QHgkRQetEQ" />
    <input value="18527" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/vebugan-die-vegane-butter-bio-100-g-18528">
          <img alt="Vebugan die vegane Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/small-d9e2e844dbc0fa2ebddc5b92ed032b55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-3b934dd8b0529d7d40708429bd2173d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/large-538aec2a4046e5965e3b66b4d417cb99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-3b934dd8b0529d7d40708429bd2173d4.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">Guggenloch</p>
          <a href="/products/vebugan-die-vegane-butter-bio-100-g-18528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vebugan die vegane Butter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B8yQMdZVZ5UYzamq_VQOjFfCNTA8FcjaXHJXaUup0AnFmao_KlhDkqK6lzCXx-HPHQw9U1enCAjSOHSaGmmjQw" />
    <input value="18528" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/wienerwaffel-bio-70-g-18529">
          <img alt="Wienerwaffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/small-43c6fc308655e8ae7d52dd0e67ce9e37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-af4f3c66c83eb0a0f6bb0e1692c6eb4a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/large-d6fb253c4c4d3af10ce3de87b443f756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-af4f3c66c83eb0a0f6bb0e1692c6eb4a.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">Guggenloch</p>
          <a href="/products/wienerwaffel-bio-70-g-18529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wienerwaffel Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XPbRBfgPFR1MpgWrmLMTmUvoT6VKzlgvE0VkeLX3gI6eo-sLBAIxGvbROzHyIPzaASZHxiF8mP2dD0eL5DfzxA" />
    <input value="18529" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/zimtblatt-bio-50-g-18530">
          <img alt="Zimtblatt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-4733185d05eb7ca7a478a4f764684912.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-42914c9f75c1b28150086051c6f17f78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-818bc157482f3bea4f04939471e443aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-42914c9f75c1b28150086051c6f17f78.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">Guggenloch</p>
          <a href="/products/zimtblatt-bio-50-g-18530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimtblatt Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtORdOdfg7JKpSWBO05PC0hql8w99v0p2O2jLzFrNX-Mhqt6G1KntfDSGxtR3aBIAqSfr1ZEPftWp4DcYKtGNQ" />
    <input value="18530" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schoko-knusper-musli-bio-250-g-18531">
          <img alt="Schoko Knusper-Müsli Bio" 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-7824374d60ce8e345a2f36298fa5c83b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-fddda61504090ad8ca651268782d27d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/large-68738ccbeabeaa7376d83447621be4e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-fddda61504090ad8ca651268782d27d9.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">Hammermühle</p>
          <a href="/products/schoko-knusper-musli-bio-250-g-18531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Knusper-Müsli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZRjwbM3Wd2vaX8j2XzB02FhRNc5n3nQS_nCwV_qB2LGnTcpiMdtTbGAo9mw1o5ubEp89rQxstMBwOpOkq0Gr-w" />
    <input value="18531" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/salzstangen-mit-meersalz-bio-45-g-18532">
          <img alt="Salzstangen mit Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/small-e9c78955d86c4c7259bad1cd049cbaa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7de4dcfc30c15373557005bfc893b3d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/large-f8ab8142857f9f4fee98220f967859f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7de4dcfc30c15373557005bfc893b3d8.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">Hammermühle</p>
          <a href="/products/salzstangen-mit-meersalz-bio-45-g-18532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salzstangen mit Meersalz Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rmwIWoRXyA6TiCfsGloEWZg3uB6sCt0UhByLGQhlm9xsOTJUeFrsCSn_GXZwyesa0vmwfce4HcYKVqjqWaXolg" />
    <input value="18532" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/gruntee-pur-teebeutel-demeter-20-stuck-18533">
          <img alt="Grüntee Pur Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/small-f082f6ce925355c236e4dbf0a6423625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/large-6b58608e00fba1c9ce2f7a4963cc9a0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.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">Hampstead</p>
          <a href="/products/gruntee-pur-teebeutel-demeter-20-stuck-18533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OJa-hzbbEjQAKL9TgBRtUcMf8hBAtLj98Eo6Ih9v_-P6w4SJytY2M7pfgcnqh4ISidH6cysGeC9-ABnRTq-MqQ" />
    <input value="18533" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schwarztee-assam-teebeutel-bio-20-stuck-18534">
          <img alt="Schwarztee Assam Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/small-fcc3a95cbb34db031fd25c7cbb921cf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/large-3b779aa3d418439b695f94cdf2697090.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.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">Hampstead</p>
          <a href="/products/schwarztee-assam-teebeutel-bio-20-stuck-18534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Assam Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i31RD8BpEMf8hh5jxGWnVAEn1yDbaExxRca46w-YMRZJKGsBPGQ0wEbxIPmu9kgXS-nfQ7DajKPLjJsYXlhCXA" />
    <input value="18534" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
          <img alt="Schwarztee Darjeeling Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/small-ee08afb803b5de6034fd4b3c00ba6bf5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/large-b02e6a0a1dd7d720bfa5ed8d9fd7d14e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.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">Hampstead</p>
          <a href="/products/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Darjeeling Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XU7fP_3kJyanon-SQlZjIh-LB-CVSl8ZZQyTwt9_ywufG-UxAekDIR3VQQgoxYxhVUUPg_74n8vrRrAxjr-4QQ" />
    <input value="18535" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
          <img alt="Schwarztee Earl Grey Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/small-888ab0eebf0f6f6b7022dce67ac132f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/large-e143557e60d9c27d3d55b5f7a4b2c35c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.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">Hampstead</p>
          <a href="/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pYsip2RqLIGNDCS_SGD_3npPjTSQwJ3ZbNZjG0SfEkZn3hipmGcIhjd7GiUi8xCdMIGFV_tyXQvinEDoFV9hDA" />
    <input value="18536" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schwarztee-earl-grey-offen-demeter-100-g-18537">
          <img alt="Schwarztee Earl Grey offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/small-ede642656857fe79677ae9f88f2d89ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/large-cfc6580bbf5f797d5a0477bd8103599b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.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">Hampstead</p>
          <a href="/products/schwarztee-earl-grey-offen-demeter-100-g-18537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CjbHfVLA4d7it3gXTG82mwAEM-6GBcmiRcZVpk5m2FDIY_1zrs3F2VjARo0m_NnYSso7je23CXDLjHZVH6arGg" />
    <input value="18537" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
          <img alt="Schwarztee English Breakfast Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9696/file/small-853987c4833d33618e24d0e16ba410d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/large-5aeda6eb73ad66b1b5fceddfdea32e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.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">Hampstead</p>
          <a href="/products/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee English Breakfast Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Y-RB8AsXnnKXC8aIv9RXrmvFCAMBm6bnHMuPY7edX4n2qsJPCF6fnArEYBIbL4d82EcQ2e0rkkSOQ3O3x4GNA" />
    <input value="18538" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/brotaufstrich-pikant-ds-konv-200-g-18539">
          <img alt="Brotaufstrich Pikant Ds konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10777/file/small-e2af8d78eafe748c687f0acc2975505d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10777/file/medium-ef9001e7ddf3c71b359109c86946f0b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10777/file/large-3a0b786ddc113b0c86efe87365813713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10777/file/medium-ef9001e7ddf3c71b359109c86946f0b5.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">Harmona</p>
          <a href="/products/brotaufstrich-pikant-ds-konv-200-g-18539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Pikant Ds konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VFXxD70FFp7JivfPJSTQjg3LuxpdCEs1N-AxYb8Bi0CWAMsBQQgymXP9yVVPtz_NRwWzeTa6i-e5qhKS7sH4Cg" />
    <input value="18539" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/plantex-paste-nr-3-glas-konv-450-g-18540">
          <img alt="Plantex Paste Nr. 3 Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10163/file/small-529b6a85157fa4187988165c3880cc00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10163/file/medium-b0beacab2c7ac23130ac18ab763d7a4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10163/file/large-e19f83fe2b5e162e259733d418aeafa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10163/file/medium-b0beacab2c7ac23130ac18ab763d7a4c.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">Harmona</p>
          <a href="/products/plantex-paste-nr-3-glas-konv-450-g-18540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 3 Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-fw4p2x2dMlJInjpGbEOQFEP8BPzwOXVrSooNVIBjXo7qQKpkHtQzvNVRnNzIuEDG8H4cJhyJQcjYAvGA8H-MA" />
    <input value="18540" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/plantex-paste-nr-1-bouillon-dose-konv-250-g-18541">
          <img alt="Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10149/file/small-f9cb8e4d3638a73461d99e2da50fb607.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-fc8eaa5479bfd8971b2ff93cbdb3803a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/large-5298d6af7102e7f3f417bfbb9f741f82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-fc8eaa5479bfd8971b2ff93cbdb3803a.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">Harmona</p>
          <a href="/products/plantex-paste-nr-1-bouillon-dose-konv-250-g-18541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 1 Bouillon Dose konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pTzF-0iy9U0W_mFZVtgPv-baxYg0J6sp5OxuBqWSTIJnaf_1tL_RSqyJX8M8S-D8rBTN61-Va_tqpk319FI_yA" />
    <input value="18541" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/plantex-paste-nr-1-bouillon-dose-konv-500-g-18542">
          <img alt="Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/small-0cfff481755c918aba85125a4725bb38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-79a336b9ffef75a478307778cfebf51c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/large-c2469ecdbe8052c5df38d72af353a653.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-79a336b9ffef75a478307778cfebf51c.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">Harmona</p>
          <a href="/products/plantex-paste-nr-1-bouillon-dose-konv-500-g-18542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 1 Bouillon Dose konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xH-CVoeC4WVfXjto4btFzudiL5bQE8HxI_zvoqPJEyUGKrhYe4_FYuUpBfKLKKqNrawn9buhASOttsxR8glgbw" />
    <input value="18542" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/hefe-frisch-bio-42-g-18543">
          <img alt="Hefe frisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11200/file/small-a60391e73619c612f89037c0d129d074.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11200/file/medium-90400443dc034646af9340d05cc0b5cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11200/file/large-b121b0a865eaf4cb39ea374d8f49e536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11200/file/medium-90400443dc034646af9340d05cc0b5cb.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">Bioreal</p>
          <a href="/products/hefe-frisch-bio-42-g-18543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe frisch Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iz7VGBvdJ_CCXOiNrKMfXvMcr9z6gs4Zgg6O4eZBfx1Ja-8W59AD9zgr1hfGMPAdudKnv5EwDssMRK0St4EMVw" />
    <input value="18543" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/alpen-yodl-energy-drink-bio-250-ml-18544">
          <img alt="Alpen Yodl Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/small-85ab2fc3c81733223c98771642df4f16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/large-5bdaa8372546f13eb25f6cf1908a9868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.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">Holderhof</p>
          <a href="/products/alpen-yodl-energy-drink-bio-250-ml-18544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpen Yodl Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BULZq1q3g7p5TKG791CrKndGTaEqWFryD10DQ2mhvhrHF-OlprqnvcM7nyGdw0RpPYhFwkHqmiCBFyCwOGHNUA" />
    <input value="18544" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D50">
    <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/limonade-grapefruit-bio-500-ml-18545">
          <img alt="Limonade Grapefruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/small-b5be030df947253432098b21337aff7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/large-e5cec2c1bb98582274c5f34ef30c65fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.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">Holderhof</p>
          <a href="/products/limonade-grapefruit-bio-500-ml-18545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Grapefruit Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fg82NVlLBg2kgKmW5S92cH46veSOLuOjw7MBHmayEdC8Wgw7pUYiCh73lwyPvJkzNPS1h-WcI3FN-SLtN3Jimg" />
    <input value="18545" 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">
      1&#39;000 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/mitosana?format=turbo_stream&amp;page=51">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>