<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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18926">
          <img alt="Kaffee Wiener Verführung Melange gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9562/file/small-c6e518a9a3776d943a71d01fbb7de2f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9562/file/medium-2c12991a4bb4e98c2b8784acd1a4b90a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9562/file/large-be5837b410bb447a0656e3fc839cd968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9562/file/medium-2c12991a4bb4e98c2b8784acd1a4b90a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange gemahlen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u5yR8eiWrGf7Xrf_4ux_-xUpznn07xwGBi2saV65JXfPjJr8hy11blaMluVwejqk1bLEIEoY5goXy_cmENiGyA" />
    <input value="18926" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18927">
          <img alt="Kühle Kanne Erdbeere Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-6cd8b7cc3423754ad49acb885cd2ab38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-0641697e84ceb6bc75a8b22bab755118.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-30091f4d28d5cec4af854f1d197b5042.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-0641697e84ceb6bc75a8b22bab755118.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qtUhVKdtYaJU4k_gGQUHrWSAmFY13UyL0NCcAKZwKNTexSpZyNa4q_kwbvqLk0LypBuSD4sqtofBNsdP6BGLaw" />
    <input value="18927" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/kuhle-kanne-orange-basilikum-bio-16-beutel-18928">
          <img alt="Kühle Kanne Orange Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/small-65603d6c29e46116854c0a70519e4f9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-afb3470df029cc7422fd9d21a1d60507.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/large-25466248d86d14b1ae948801c53d1d1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-afb3470df029cc7422fd9d21a1d60507.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kuhle-kanne-orange-basilikum-bio-16-beutel-18928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Orange Basilikum Bio, 16 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EA8JwTnRJhNmOYFK8m9TavyD47tJN4NcaUr-13KIcA5kHwLMVmr_GsvroFBg-RY1PBjp4vfAeVB4rKWYPOnTsQ" />
    <input value="18928" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/mediterranes-bluten-zaubersalz-bio-120-g-18929">
          <img alt="Mediterranes Blüten Zaubersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9462/file/small-efaabdb9ea0e5cd5b8767103b126ba03.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9462/file/medium-d0b8b6d0ac2651130b5d5f25f620f382.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9462/file/large-3613490f887582a468819fab1e96000c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9462/file/medium-d0b8b6d0ac2651130b5d5f25f620f382.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/mediterranes-bluten-zaubersalz-bio-120-g-18929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SRCQ_dVuLRJ4lqKqt4BhFRbMiA1peQPFd1tl4VNpMJ49AJvwutX0G9VEg7AlFiRK1leCVNeO-clmvT6uHQiTIQ" />
    <input value="18929" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18930">
          <img alt="Mediterranes Blüten Zaubersalz Streudose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9469/file/small-860e2ece229cb7a8e4b4755a0d1c719e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-b33ce01072db04c7648d4d8cb4e7f90b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/large-2f89ec358df306647578264146c9947c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-b33ce01072db04c7648d4d8cb4e7f90b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Streudose Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xGDMNm8VgpRCxTA3dFcjxbeZJfNIlOwDDs0ul8CeaiGwcMc7AK5bne8XES3mwWaadwIvqvZjFg8fK3XYjv_Jng" />
    <input value="18930" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/sieglindes-erdapfelgewurz-bio-22-g-18931">
          <img alt="Sieglindes Erdäpfelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/small-c67d12b8d32872a579e8b839eba22d40.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-b52f3a4393c8b0a2a9a22f23420b8926.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/large-beada16e75468da4000c688f9a9139b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-b52f3a4393c8b0a2a9a22f23420b8926.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sieglindes-erdapfelgewurz-bio-22-g-18931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sieglindes Erdäpfelgewürz Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="99qtZlr-tMVEudNlIc42tm5_-5CEwErYOhar4sEAHxSDyqZrNUVtzOlr8n-zWHPpruTxyTo3sNQr8PCtj2G8qw" />
    <input value="18931" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/sirup-ingwer-zitronen-flasche-bio-500-ml-18932">
          <img alt="Sirup Ingwer-Zitronen Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/small-8e850103494b3f1de548920537a1c1b6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-bf7e15c995e9845988a4713e6e226c58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10943/file/large-9671c19cafb8b675544e77c8578813e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10943/file/medium-bf7e15c995e9845988a4713e6e226c58.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sirup-ingwer-zitronen-flasche-bio-500-ml-18932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirup Ingwer-Zitronen Flasche Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RSsyyuyNmktu9H1bE6t0qtrwWAnhW5-_-Kcf_cSzeBUxOznHgzZDQsMmXEGBPTH1GmtSUF-sZbPpQUSyitLbqg" />
    <input value="18932" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-abend-bio-18-beutel-18933">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10944/file/small-254e7af3c829e05ea2fc843ed02d1909.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-6df982e22da03be4a3825ea62c55fec3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/large-6cec4b24627250079cb073a10b4cd9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-6df982e22da03be4a3825ea62c55fec3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-abend-bio-18-beutel-18933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nEKiUs3ThKxOcoBabBJIWSjdhtqSSty-K7NU6stld9noUqlfomhdpeOgoUD-hA0G6EaMgyy9JrI6VQ-lhQTUZg" />
    <input value="18933" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-abend-bio-50-g-18934">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9290/file/small-c77197ff38b94200412003d001cb8574.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9290/file/medium-8801b3e5436c734f54d7e0e6f26bb95e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9290/file/large-9db6fd98181693e8f7fcfac8f4de0bf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9290/file/medium-8801b3e5436c734f54d7e0e6f26bb95e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-abend-bio-50-g-18934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="55vVqVzkGyziJPDp_0SkzKGZ9VLdLm7fwjqwXzFKkgqTi96kM1_CJU_20fNt0uGTYQL_C2PZlNPT3OsQfysxtQ" />
    <input value="18934" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-alles-liebe-bio-18-beutel-18935">
          <img alt="Tee Alles Liebe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10945/file/small-a1963c94f6a237624b6702885b6a1865.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10945/file/medium-f129146f0fd507bdf7456e9f981e39dc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10945/file/large-69f01da1f82a86d34ac15b02714bce1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10945/file/medium-f129146f0fd507bdf7456e9f981e39dc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-alles-liebe-bio-18-beutel-18935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Alles Liebe Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="glAEi_exifmdjbUX9Hcq7ViKGS_HJE0e-aGE8neZPDX2QA-GmApQ8DBflA1m4W-ymBETdnnTtxLoR9-9Ofifig" />
    <input value="18935" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-basen-ausgleich-bio-18-beutel-18936">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/small-7d59fb3de29ddb0b57ee8dc7c6cff396.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-efd6c142f1cc8567a8a11c03a7d5edac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9291/file/large-70bdca856fa512610c6701e524f7010c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9291/file/medium-efd6c142f1cc8567a8a11c03a7d5edac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-basen-ausgleich-bio-18-beutel-18936">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mXJ2Ispjc8cyUaqVpWMtfBNt9nVoOPNfGHdiF1R642btYn0vpdiqzp-Di4839Wgj0_b8LNbPCVMJkTlYGhtA2Q" />
    <input value="18936" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-basen-ausgleich-bio-50-g-18937">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/small-bf8d58b0507b6cc318f55961894bf154.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-3ec2256ff476fecc7354657cbbac5eea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/large-7688c921452ecdf0624d46f67e9da581.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-3ec2256ff476fecc7354657cbbac5eea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-basen-ausgleich-bio-50-g-18937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ajs4UZGgk4n9IPBG8mXRw1LHybz-ZaIdEKCnMJzl1_B2KzNc_htKgFDy0Vxg85ScklzD5UCSWBEBRvx_0oR0Tw" />
    <input value="18937" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bengelchen-bald-mami-bio-18-beutel-18938">
          <img alt="Tee Bengelchen Bald Mami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/small-00a64ae4ceb8bc137ec45e7050b794c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-f385936c8a92f43c3c65d7876fa6b1a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/large-b165af8e0804d8cf93aebd14e50fed14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-f385936c8a92f43c3c65d7876fa6b1a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-bald-mami-bio-18-beutel-18938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Bald Mami Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdlRvgoaKHP-dzKChQfo305KnqoUwUhuzx6aCpUnP6ZJyVqzZaHxelOlE5gXka2AjtGU86o2smLe-MFF20acGQ" />
    <input value="18938" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bengelchen-durststiller-fruchtetee-bio-18-beutel-18939">
          <img alt="Tee Bengelchen Durststiller Früchtetee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9539/file/small-11f5cafb6ad2c61d70cc61d6831889c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9539/file/medium-58d8168ea0fa341ed05cb87e2f5c22e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9539/file/large-08a96817053aaf46833d4fcfaa9a74aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9539/file/medium-58d8168ea0fa341ed05cb87e2f5c22e3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-durststiller-fruchtetee-bio-18-beutel-18939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Durststiller Früchtetee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i8q5eJydBoD4kb0-MNTUgeleVvWxFqUyQh8C2NL2eBj_2rJ18ybfiVVDnCSiQpHeKcVcrA_hXz5T-VmXnJfbpw" />
    <input value="18939" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bengelchen-kutz-kutz-bio-18-beutel-18940">
          <img alt="Tee Bengelchen Kutz Kutz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9541/file/small-4708cf271280fabca0214efe57bb5340.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-e225459299d44f5383385f8875c25339.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/large-27a33654b960cf0333bead40e7a1a119.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-e225459299d44f5383385f8875c25339.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-kutz-kutz-bio-18-beutel-18940">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Kutz Kutz Bio, 18 Beutel</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 0.29 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F8962c94ZglIZxex5JyRwob9aY6xy9QEaBdUpTQ1AdNj33HUoMO_AOW1Nqt2CtSdRmZj1w88Lgh58Q_qelSibA" />
    <input value="18940" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bengelchen-schlafengehen-bio-18-beutel-18941">
          <img alt="Tee Bengelchen Schlafengehen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9538/file/small-3ac84513f6fadab487aa9fa047f080cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9538/file/medium-01a0deaf373d067bafd2aed2fae18d41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9538/file/large-b2f228f48592c519330de5c0ef7dd7a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9538/file/medium-01a0deaf373d067bafd2aed2fae18d41.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-schlafengehen-bio-18-beutel-18941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Schlafengehen Bio, 18 Beutel</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 0.29 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P7k4dS4XDKvPCeBzyuXWTQHZ3FEDHGggeockZIx0zIFLqTN4QazVomLbwWlYc5MSwULWCL3rkixrYX8rwhVvPg" />
    <input value="18941" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bengelchen-stilltee-bio-18-beutel-18942">
          <img alt="Tee Bengelchen Stilltee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/small-a282f358b4ffdb071284451ea1e8ba2b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-72c8529a2ce911189028cf5f55695929.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/large-ba869bd59e0e1da10a2441c0eee769b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-72c8529a2ce911189028cf5f55695929.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-stilltee-bio-18-beutel-18942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Stilltee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L9N0o5NXsXd2hpUInY1RbvpETchfemOo97LQcfyuHEFbw3-u_OxofttUtBIPGxQxOt9HkeGNmaTmVIs-ss-__g" />
    <input value="18942" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-blumiger-kurkuma-bio-18-beutel-18943">
          <img alt="Tee Blumiger Kurkuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/small-ba8c68dffc6702015783480f45c14216.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-91a9fc282757d3c4ac9ff94b1d5066b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/large-6c08604aea1b29770967cae3805b3c46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-91a9fc282757d3c4ac9ff94b1d5066b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-blumiger-kurkuma-bio-18-beutel-18943">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Blumiger Kurkuma Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PwVlNLVjbDHHf0akDxmrn2P6BS5OnyGyLD4hiNleKPxLFW452ti1OGqtZ76dj-7Ao2EPd_Bo27492HrHlz-LQw" />
    <input value="18943" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/blutenmischung-durch-die-blume-bio-7-g-18944">
          <img alt="Blütenmischung durch die Blume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/small-656d323ee05073b1ab20e23651aa0a62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-bc4af2167c226763afb1ccba86e9b02d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/large-1b99cd4a1fe90e17cce4c7630e5ba78c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-bc4af2167c226763afb1ccba86e9b02d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/blutenmischung-durch-die-blume-bio-7-g-18944">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blütenmischung durch die Blume Bio, 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MQIGP4lV_WfiU1NV_WYsb2dW29Bpml4_6fheT_sm5SxFEg0y5u4kbk-Bck9v8Gkwp83RiddtpDP4HgUAtUdGkw" />
    <input value="18944" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D69">
    <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/tee-bratapfel-bio-18-beutel-18945">
          <img alt="Tee Bratapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9546/file/small-09e2538bed59ceb753543bc3b6075ad1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9546/file/medium-ae3bbf422ae7ae48937eab58c441e53a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9546/file/large-40ead384bd5541ab826dd859bbc35ef6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9546/file/medium-ae3bbf422ae7ae48937eab58c441e53a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bratapfel-bio-18-beutel-18945">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bratapfel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

</template></turbo-stream>