<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%2Fdanival%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="q8MqU_ajtZHa9s9nu3ydynXEw4ENfceEr0l9mU2nbzuzAYpUxu5bOINQn5qhurLJIl-znMwjLOMMR_seTQ8-7g" />
    <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%2Fdanival%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="klHUieOX40L0mjBHh_L1hrRrni0BBE0gWnaFbzRNPzSKk3SO09oN6608YLqdNNqF4_DuMMBapkf5eAPoNOVu4Q" />
    <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%2Fdanival%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="fro4mOYnb5QtJRBcSL9yeV0jlEP5X-kv2wZCyEHXpHlmeJif1mqBPXSDQKFSeV16CrjkXjgBAkh4CMRPQX_1rA" />
    <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%2Fdanival%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="RliCg7ZbJ_dtBaopuAtwR9dXPXGtY22_oxa7EZXT21xemiKEhhbJXjSj-tSizV9EgMxNbGw9htgAGD2WlXuKiQ" />
    <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%2Fdanival%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="QmG1bnVBdgJLC10Ekr6A5AlnI5J7W4RgoqbAtCOa7DBaoxVpRQyYqxKtDfmIeK_nXvxTj7oFbwcBqEYzIzK95Q" />
    <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%2Fdanival%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="A2G4TRRf_CyhzsZkAnqSY6saFIUBZ1H9SbC4S80ubToboxhKJBIShfholpkYvL1g_IFkmMA5uprqvj7MzYY87w" />
    <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%2Fdanival%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="XYR37sFXTdv8DV9DylwEfu8GA9HbomF_NyGL9U_9731FRtfp8RqjcqWrD77Qmit9uJ1zzBr8ihiULw1yT1W-qA" />
    <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%2Fdanival%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="ZCBrUqialR27LgcCQ0Q5yNH2ldhQwz372fLKr4u_o4184stVmNd7tOKIV_9ZghbLhm3lxZGd1px6_EwoixfyWA" />
    <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%2Fdanival%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="BwI4YH1P6oS0bRddhoiXQiaw_aWWP_A59a7cmVQtOtofwJhnTQIELe3LR6CcTrhBcSuNuFdhG15WoFoeVIVrDw" />
    <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%2Fdanival%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="8d6yLpFv95tVvQ71HyGbh4Dl54JMxmmv8xb0TstBUSnpHBIpoSIZMgwbXggF57SE136Xn42YgshQGHLJy-kA_A" />
    <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%2Fdanival%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="sZexCqifjp7syaa4gCdPIbbJ9TvWicHUwWes-mK_TvupVRENmNJgN7Vv9kWa4WAi4VKFJhfXKrNiaSp9YhcfLg" />
    <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%2Fdanival%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="8jIJLuH0l3r_RmLBkF8WyQUFYVsgvWPbmFGlwLSuOu7q8Kkp0bl506bgMjyKmTnKUp4RRuHjiLw7XyNHtAZrOw" />
    <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%2Fdanival%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="Aw8tsDop9o8SJ5flTIFQjmoa1CTlawM5TFB6Kk1JNGYbzY23CmQYJkuBxxhWR3-NPYGkOSQ16F7vXvytTeFlsw" />
    <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%2Fdanival%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="NktZVMBe2fL_J_yo8m7iiEUZWnwCz3Lz0Yzaah0AHRQuiflT8BM3W6aBrFXoqM2LEoIqYcORmZRyglztHahMwQ" />
    <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%2Fdanival%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="x8T16oD814Msah_xQyvkjDEUZskeAv0DeP2MZlnkFvPfBlXtsLE5KnXMTwxZ7cuPZo8W1N9cFmTb8wrhWUxHJg" />
    <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%2Fdanival%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="sI-3-TuFeCbiwAqRwS6izdMbwm3fBe3520ldfVdY0H6oTRf-C8iWj7tmWmzb6I3OhICycB5bBp54R9v6V_CBqw" />
    <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%2Fdanival%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="C4ULSlhohifcTc-B5JtEHGf73OPBD7xbraLH3rlM-YITR6tNaCVojoXrn3z-XWsfMGCs_gBRVzwOrEFZueSoVw" />
    <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%2Fdanival%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="W4vhTE6qA_qMpwxSfZIL8X_qnIbua2W0uoTppFhP-5ZDSUFLfuftU9UBXK9nVCTyKHHsmy81jtMZim8jWOeqQw" />
    <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%2Fdanival%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="NeUJ38YYyEBOeoKgYE6_qKxE4HORSGVDUm7FKbTs4C4tJ6nY9lUm6Rfc0l16iJCr-9-QblAWjiTxYEOutESx-w" />
    <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%2Fdanival%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="dLW46TX_p290gi41IQAF2NKuFSAPw0QpT8diGyvhJ11sdxjuBbJJxi0kfsg7xirbhTVlPc6dr07syeScK0l2iA" />
    <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/danival?format=turbo_stream&amp;page=64">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>