<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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/salbei-pastillen-55-g-18786">
          <img alt="Salbei Pastillen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/small-a49294f42413bee1aedad46c823e114b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-e76d9ecac57ea087608193233c4aa412.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/large-e6d0848432d278425b9a182c7abe05ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-e76d9ecac57ea087608193233c4aa412.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">Phytopharma</p>
          <a href="/products/salbei-pastillen-55-g-18786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salbei Pastillen, 55 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 14.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rx9_kAvZkGYLzWfeVSZkDhg9QudxYhMjWnvIk8kGKM7t-95uRSqpMTXEJ9pkX_EKLDW9ZVmJfqhv2PntNmrLKw" />
    <input value="18786" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/teebaumol-pastillen-55-g-18787">
          <img alt="Teebaumöl Pastillen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9494/file/small-fad7dff10c506b66c11d0136768bf867.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9494/file/medium-22887e06d412c8f388371d9dcff2c20b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9494/file/large-9cf801f0bf2a46f07bff01fb1c13bd13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9494/file/medium-22887e06d412c8f388371d9dcff2c20b.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">Phytopharma</p>
          <a href="/products/teebaumol-pastillen-55-g-18787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Teebaumöl Pastillen, 55 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 12.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pr_j4qV8KQegbIC933HxQ2JVmS-czDWEjwzIYpFu0YXkW0Ic648QUJ5lwLnuCGRHVl1mrbQnWA-6r_kcbgIyYA" />
    <input value="18787" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/thymian-timo-pastillen-55-g-18788">
          <img alt="Thymian / Timo Pastillen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9491/file/small-7a39faa746d0a646782c2c032eb7aefe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9491/file/medium-ab76a64ddeec4c8163adb1722774c7f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9491/file/large-5a5f27443d4ef4abd3da0dc947203ec8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9491/file/medium-ab76a64ddeec4c8163adb1722774c7f5.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">Phytopharma</p>
          <a href="/products/thymian-timo-pastillen-55-g-18788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thymian / Timo Pastillen, 55 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 14.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_TO0zZ-S5n0lfi-uFIcdBgmrOEX_XSzXTPNP_9n1-Hu_1xUz0WHfKht3b6ol_ogCPaPHx9e2QVx5UH6BJpkbng" />
    <input value="18788" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/wild-yam-kapseln-80-stuck-18789">
          <img alt="Wild Yam Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9488/file/small-28799c5f98ac217695302153d0d33cf4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9488/file/medium-9c703981c52f89dcc28a388e084d9b5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9488/file/large-9455ead1023f82aa82904b2870496941.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9488/file/medium-9c703981c52f89dcc28a388e084d9b5b.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">Phytopharma</p>
          <a href="/products/wild-yam-kapseln-80-stuck-18789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Yam Kapseln, 80 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kSc_D7OVjbTucqETiFlQkiem4zmKtbioUAnAVqBmFKbTw57x_Wa049B74Re5IMWWE64cu6Je1SNlqvEoXwr3Qw" />
    <input value="18789" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/piniol-ibons-ingwer-bonbon-mango-box-60-g-18790">
          <img alt="Piniol Ibons Ingwer Bonbon Mango Box" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/small-4948bd49f202f15c95ec967fe0ff93a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-188cb153c4faef22e5536bd0ae17dba9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/large-a65462062beb5008b91cd5eff000c1b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-188cb153c4faef22e5536bd0ae17dba9.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">Ibons</p>
          <a href="/products/piniol-ibons-ingwer-bonbon-mango-box-60-g-18790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Piniol Ibons Ingwer Bonbon Mango Box, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KbGulIptyM7ekajfB49ViOxoyQ82ZwCioxPSxnR4g2drVQ9qxJ7xmeCY6Ns29sCM2GA2jR6MbSmWsOO4ixRggg" />
    <input value="18790" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/pygenol-gel-100-ml-18791">
          <img alt="Pygenol Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10334/file/small-a27d52454f67c9f7da2cbb4c815601fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10334/file/medium-488f3b642178bed5891ea0511c419742.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10334/file/large-c51adce27ffb0be419f4749577c88af4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10334/file/medium-488f3b642178bed5891ea0511c419742.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">Pinus</p>
          <a href="/products/pygenol-gel-100-ml-18791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pygenol Gel, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.60
            </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-18791-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SheTWmbWZfsqx1cKRNmKCcm7ZYMRDe7W8WRzLF6tehYI8zKkKCVcrBTOFw51oB8N_bOaATnmg13Ex0JSocGZ8w" />
    <input value="18791" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/apfelessig-konv-700-ml-18792">
          <img alt="Apfelessig konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10036/file/small-0322d9b45df3a7dd3f74e969076bb718.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10036/file/medium-73178fcd905cac31f1b1ab10447c0ea4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10036/file/large-dd5656a65a3a69922448a99cb43dbc41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10036/file/medium-73178fcd905cac31f1b1ab10447c0ea4.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">Pommel</p>
          <a href="/products/apfelessig-konv-700-ml-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfelessig konv, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S6QIxhRcCoFWzSJFDZ8WFpXYveHe2tjsuh1yMsr4o5IJQKk4Wq8z1mjEYkE85oMSodBCY_YxtWePvkNMNZRAdw" />
    <input value="18792" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/reis-fusilli-vk-bio-250-g-18793">
          <img alt="Reis Fusilli VK Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11419/file/small-8ebb1f1bcbee7526c506aabb267e7010.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11419/file/medium-03ab7640bd200bb91c5a76918cfbf3d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11419/file/large-c524425c472d5d5ecda3a83712f1e7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11419/file/medium-03ab7640bd200bb91c5a76918cfbf3d9.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/reis-fusilli-vk-bio-250-g-18793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Fusilli VK Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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-18793-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wf5pOkErbW_tyA_UjFRDImE9YBG5jh5V2c2ax5KSWxMbGsjED9hUONPBT9C9LdYmVTWfk5Flc97sbqu5bf649g" />
    <input value="18793" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-after-dinner-20x1-8g-bio-1-stuck-18794">
          <img alt="Tea After Dinner 20x1.8g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11172/file/small-89bfa4945ff66140b367726ccc002505.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11172/file/large-fcc5294dc2b1db46a537431401b5d90f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11172/file/medium-abcd7183e50bef2bf64ab7d7cd92a4b4.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">Pukka</p>
          <a href="/products/tea-after-dinner-20x1-8g-bio-1-stuck-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner 20x1.8g Bio, 1 Stück</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 7.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d0C6okPhAITIICio9aoBtHRbZsefs7j0li7ZfkEHWrE1pBtcDRI50_YpaKzE05SwQFOZRbdY1X-jjegAvmu5VA" />
    <input value="18794" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18795">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/small-d42fb207fa88e4973fd216a74bf63650.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9576/file/large-6dfa1fb24c4fad21d3a01fc6521c8e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9576/file/medium-3528bbb746b6b7ac2d5d743c3b6f26bd.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">Pukka</p>
          <a href="/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mIkmfKJpFkQ_5DEDgcPR1e4_h_uVfsrSPhHBsRZDuI7abYeC7JovEwHtcQewukTR2jd4eb2Vp1kLsvDP6S9baw" />
    <input value="18795" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-love-20x1-2g-bio-1-stuck-18796">
          <img alt="Tea Love 20x1.2g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/small-29693526768487a3e803e6313d6c15e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/large-d03f958a7143b960d5bf9a3b387481a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-ce9ca25f6370d18de151d535f2e5bf53.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">Pukka</p>
          <a href="/products/tea-love-20x1-2g-bio-1-stuck-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love 20x1.2g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ggDaw3884-nGx5172TkAHZCzzJjeY4_bCXIFvLrCg8zA5Hs9Mc_avvjO3X_oQJUZpLszGvaI4lA80TTCRa5gKQ" />
    <input value="18796" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
          <img alt="Tea Supreme Matcha Green 20x1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/small-67d1fd95d63c1f38dc0a73d2e4a98544.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11398/file/large-9910aa58f96f05fef2397ac5f3ebc1e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11398/file/medium-a206691d65497f21b5c295a2ef4e01b7.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">Pukka</p>
          <a href="/products/tea-supreme-matcha-green-20x1-5g-bio-1-stuck-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Supreme Matcha Green 20x1.5g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WqAoddBXUuVK4fKKMKn-VUsyeYbGM5FM05ixWd6KZXQYRImLnqRrsnToso4B0GtRfzqGBO7Y_MfmO4AnIeaGkQ" />
    <input value="18797" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tea-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
          <img alt="Tea Zitrone Ingwer Manuka Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/small-f4356db46c9d10264eb15f9d84ebb5f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11399/file/large-26378802a0e00a41b1bdcafda31ab1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11399/file/medium-4996cbd0bf187d7feb5ab250b667297d.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">Pukka</p>
          <a href="/products/tea-zitrone-ingwer-manuka-bio-20-x-2-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Zitrone Ingwer Manuka Bio, 20 x 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l10u8z4aesuOEktd7X5xu-RBRJMeaUf_iSCEyi-A7_LVuY8NcOlDnLAbC1ncB-S_0Em7ETaCKnS8g7W00OwMFw" />
    <input value="18798" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/biobis-weizen-vanille-bio-320-g-18799">
          <img alt="BioBis Weizen Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11395/file/small-276fa4ea87963049300bc5caf0960f92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11395/file/medium-8c826ee57843617c2345c25860b8642e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11395/file/large-dc7b33684ef536502e0a93373cdb1e2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11395/file/medium-8c826ee57843617c2345c25860b8642e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/biobis-weizen-vanille-bio-320-g-18799">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioBis Weizen Vanille Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MQ94xsrcKyEEMnELFIT_1eKP5l3oJBvNEmfMA-D64alz69k4hC8Sdjo7MQ8l_WrR1ocZ38DPdkYnxP19H5YCTA" />
    <input value="18799" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/crusty-weizen-classic-bio-200-g-18800">
          <img alt="Crusty Weizen Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9572/file/small-01f891caeb31bb4dcb52ac0c58f5e5d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9572/file/medium-5fddcde911bea4ada8a414f8f6e20931.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9572/file/large-95242df0e797bd3e8f881166419cd4d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9572/file/medium-5fddcde911bea4ada8a414f8f6e20931.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/crusty-weizen-classic-bio-200-g-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty Weizen Classic Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqiBKRZSV2AXRqrYxVIADQd58LQJVufpqtp9WVXS3JXoTCDXWKFuNylP6tz0K5UJM3EPNiG9imKfeUwnqr4_cA" />
    <input value="18800" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/crusty-weizen-kase-kurbis-bio-200-g-18801">
          <img alt="Crusty Weizen Käse-Kürbis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9573/file/small-215a15f29f1785b8b2e37683ee5a331b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9573/file/medium-3fabe35cfde305c5fd69800a8143f28c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9573/file/large-f9c66d7fde0dac6bc0524e82a35efcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9573/file/medium-3fabe35cfde305c5fd69800a8143f28c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/crusty-weizen-kase-kurbis-bio-200-g-18801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty Weizen Käse-Kürbis Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f72Sg7gYfXi4HyIsCB9u7rKlFnXm2BBP67M3Z3kXOaQ9WTN99utEL4YWYig5Zvvqhq3p984zfcTeEAYZhnvaQQ" />
    <input value="18801" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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-backerbsen-bio-125-g-18802">
          <img alt="Dinkel Backerbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/small-9f3894015acdc97aaaf3415e57b532c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-cf5e61566b7e0360c4dcd727fd062379.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/large-4fa523e8a9d76b1081a36006bbdf527d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-cf5e61566b7e0360c4dcd727fd062379.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/dinkel-backerbsen-bio-125-g-18802">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Backerbsen Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wT89JQlXcSlCOYvwSQRgMZ6WC_gDRa8yZ6JxjLZQfmV4F0K2tZkk5sBpivwXYSE8nKnrcjmezf8Pbi4zbWiHA" />
    <input value="18802" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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-zwieback-butter-demeter-200-g-18803">
          <img alt="Dinkel Zwieback Butter Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9574/file/small-c14cec1a6ce0f054bbd976ba85d90e17.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9574/file/medium-7488eac4c060d6d51d82e39ac04d1b6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9574/file/large-868b2b67eb96383eed1f25a5378cf680.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9574/file/medium-7488eac4c060d6d51d82e39ac04d1b6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/dinkel-zwieback-butter-demeter-200-g-18803">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Zwieback Butter Demeter, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N1nmQgu8sbr5D36qKe7zJM4a7lYq8ySTDPXZEG0GIfl1vUe8RU-I7ccGPq4Yl2Yg-hIR1AIYSRg5VuhukmrCHA" />
    <input value="18803" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/gnocchi-susskartoffel-bio-400-g-18804">
          <img alt="Gnocchi Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9575/file/small-6773327e1e982a985500f7df1ca3bff5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9575/file/medium-26ed1a1ebe9b1d4045ed5325e7b8518f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9575/file/large-0aacb9daaf7c0dac794ae000b27eefdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9575/file/medium-26ed1a1ebe9b1d4045ed5325e7b8518f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/gnocchi-susskartoffel-bio-400-g-18804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gnocchi Süsskartoffel Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Te649bDHrEFPPx9_aktpufdCR7DzsjNN_tdv9DeXfWb0xsdmDAn5js1vHnM0Lii09X2nOslpUYCWGzBL7K-EA" />
    <input value="18804" 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%2Fsojade%3Fformat%3Dturbo_stream%26page%3D63">
    <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/harissa-scharf-demeter-125-g-18805">
          <img alt="Harissa Scharf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11396/file/small-525dcca981a5e23c27bcc64c5e82cb2b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11396/file/medium-b5576ad3a07741375167170fff7ca232.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11396/file/large-408b312bb87f8609d16e9911f1b15aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11396/file/medium-b5576ad3a07741375167170fff7ca232.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/harissa-scharf-demeter-125-g-18805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harissa Scharf Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KsqDr5siW4rHyU6fLeR2u3ksK9JfRo0rLk5vhOzsTB9oLiJR1dFi3fnADpscneO_TSTUUHet4KAb7V76E4Cv-g" />
    <input value="18805" 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;260 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/sojade?format=turbo_stream&amp;page=64">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>