<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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/tomaten-getrocknet-bio-100-g-3dd7bf90-fedd-4deb-bc85-7dbf4092a52b-20081">
          <img alt="Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/small-fa7410b939cf8118086d6f67a020071b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-ebad200855c258acc3b4dd6c5dde3518.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/large-52ce0ff5d9c6421e4919635a43ebf8d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-ebad200855c258acc3b4dd6c5dde3518.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/tomaten-getrocknet-bio-100-g-3dd7bf90-fedd-4deb-bc85-7dbf4092a52b-20081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet Bio, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IQmgYP6HK6eWDUzzT-I_Pnpi_AtWcU7y7HVCGEavmMf2rbA-jy2cJLFTpJYR59p8HMHUGW5ngnU-7U7wfMiyKw" />
    <input value="20081" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/zitronat-gewurfelt-bio-100-g-20082">
          <img alt="Zitronat gewürfelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10799/file/small-0ff9b9714ecf7004ec858e5c98a1e3d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10799/file/medium-dde668d188a9c090f073c4ab35059725.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10799/file/large-7047b31b8383c2248a78e766c0fe2b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10799/file/medium-dde668d188a9c090f073c4ab35059725.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/zitronat-gewurfelt-bio-100-g-20082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronat gewürfelt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OBqowVNwxoLVQzADlbhWbhQ1hINq18O_A3c8_ODoxk_vvrifItpxAfId2GbLvbMscpaskVLBDzjR7zAU2o_sow" />
    <input value="20082" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/waschmittel-oliven-wolle-seide-sensitiv-1-l-20083">
          <img alt="Waschmittel Oliven Wolle Seide sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10800/file/small-1d3e2a67764afe2659dee7e37adccda2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10800/file/medium-59c10b0e93e6aec1ae0d6f5a5cb3601a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10800/file/large-83ccdc0f9a4a669d9fe1659ef2ae230d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10800/file/medium-59c10b0e93e6aec1ae0d6f5a5cb3601a.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">Sonett</p>
          <a href="/products/waschmittel-oliven-wolle-seide-sensitiv-1-l-20083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Oliven Wolle Seide sensitiv, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xlRjJ_ePfKgi7Ba78-4QzvXwpPGUNRUjTTpzIzzwFKMR8HN5hiXLKwWy_t6t6_WMk1OM46wj2aSfon_LBpc-Tw" />
    <input value="20083" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/rollgerste-demeter-500-g-20084">
          <img alt="Rollgerste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10801/file/small-3712abb9e76b54c8e472068929de73df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10801/file/medium-3a538bd4613eae52bdae6c2481a54257.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10801/file/large-80877b89fbca9ac05d27e446d96deab6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10801/file/medium-3a538bd4613eae52bdae6c2481a54257.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">Vanadis</p>
          <a href="/products/rollgerste-demeter-500-g-20084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rollgerste Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="59w5qJ9RUHQy6C-zb75F6aqu13ijaxZHWsG5QPvGV6sweCn27vvn9xW2x9Yxu6CrzA3_apt92sCIWbWowaF9Rw" />
    <input value="20084" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/bauck-hafer-pancakes-mix-bio-180-g-20085">
          <img alt="Bauck Hafer Pancakes Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10802/file/small-9ea5d707ee13c97daa84b63b99996d23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10802/file/medium-5f0ef5dfd0fcf084a64c2c7805f39636.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10802/file/large-693e5573561a27c8098df3ffe5a35ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10802/file/medium-5f0ef5dfd0fcf084a64c2c7805f39636.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">The Maple Brothers</p>
          <a href="/products/bauck-hafer-pancakes-mix-bio-180-g-20085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hafer Pancakes Mix Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l3ASCjodlvUJldT_fh8etjRYrtR9UKQkcUCOeWYZnZ5A1AJUS7chdi7LPJogGvv0UvuGxkVGaKOj2IKRXH63cg" />
    <input value="20085" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/piment-ganz-bio-30-g-20086">
          <img alt="Piment ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10803/file/small-ac72bc36a22805f65697bda4959630c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10803/file/medium-fd77b567a1b8948ce4f540f83d6137ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10803/file/large-11113eb723ca463787eaad8e4a2bdc16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10803/file/medium-fd77b567a1b8948ce4f540f83d6137ef.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">Brecht</p>
          <a href="/products/piment-ganz-bio-30-g-20086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Piment ganz Bio, 30 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 19.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R0ipoHhUweVObBOeyD3zs44m0VWP2Qr47t6t6jMf-H6Q7Ln-Cf52Zmky-_uWOBbx6IX5R7fPxn88RqECCXjSkg" />
    <input value="20086" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/damenbinden-normal-ultra-mit-flugel-14-stuck-20087">
          <img alt="Damenbinden normal Ultra mit Flügel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10807/file/small-de4480f4ac2b08045cafca67423bc759.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10807/file/medium-327462930b942e776bb7232aded3d1e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10807/file/large-757f76a9e826252d6e71279e1f5ba7c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10807/file/medium-327462930b942e776bb7232aded3d1e0.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">Natracare</p>
          <a href="/products/damenbinden-normal-ultra-mit-flugel-14-stuck-20087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Damenbinden normal Ultra mit Flügel, 14 Stück</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.40 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKuVVnJYbmZuUXOeJSnojRIrssMD0Q-vxhFOqVdt7AanD4UIA_LZ5UkPm_t7LA3PdIia0TvHwygUiUJBbQrG6g" />
    <input value="20087" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/baby-feuchtigkeitstucher-60-stuck-20088">
          <img alt="Baby-Feuchtigkeitstücher" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/small-2171c10ba59b495084bf6f63c15fc21d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-5d7215961f502c4854bbdd7fd3f2205e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/large-df8e5d6b54d4008a1b126dfe0fac2069.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-5d7215961f502c4854bbdd7fd3f2205e.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">Organyc</p>
          <a href="/products/baby-feuchtigkeitstucher-60-stuck-20088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby-Feuchtigkeitstücher, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBLRKOCynxMfQNkl5UaOZQh-RDQADzou7wgWbtADq7VPtsF2kRgokDgeMUC7Q2snbt1sJjgZ9qk9kBqG6mSBWQ" />
    <input value="20088" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/sprudeltee-prickelnd-alkoholfrei-750-ml-20089">
          <img alt="Sprudeltee prickelnd alkoholfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/small-a418701c4552896aadcf416a67c62a33.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-fe1301556ddd182f739d42da71356828.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/large-7abe7acf6b477da309d52b44701c9bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-fe1301556ddd182f739d42da71356828.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">Sparkteez</p>
          <a href="/products/sprudeltee-prickelnd-alkoholfrei-750-ml-20089">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sprudeltee prickelnd alkoholfrei, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VZdqOvwfK_9bLBsE0HFaQPlFDO4R7of6fd37cou2CUC8k32mlrLLNoyWAlNRCArZUY8IYBRdpg7b3sF8EnyyQ" />
    <input value="20089" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/mandelstiftchen-bio-100-g-20090">
          <img alt="Mandelstiftchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10810/file/small-a5dd83e727f9d29ca4a3f884901b2555.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10810/file/medium-0bcd8af15275ec8a1b18a0b3c353e4b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10810/file/large-d03ef05ede73de597fa8636429eae931.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10810/file/medium-0bcd8af15275ec8a1b18a0b3c353e4b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/mandelstiftchen-bio-100-g-20090">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelstiftchen Bio, 100 g</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 5.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cceQZFDn4WPR0upb-zfpSpKfCwKso-Q-PB_LFtO9GU2mY4A6IU1W4PaMAj6lMgwI9DwjEJS1KLnuh8f-6dozoQ" />
    <input value="20090" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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/sonnenblumen-hack-bio-200-g-20091">
          <img alt="Sonnenblumen Hack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/small-1a9d5702c7b49affc1a19ed76fc2e4ab.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-dbf9a1ef804f11bca33eb1eb82ab18e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/large-b738cdd802afb1314348acdb9aa4ffea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-dbf9a1ef804f11bca33eb1eb82ab18e5.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">Soyana</p>
          <a href="/products/sonnenblumen-hack-bio-200-g-20091">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenblumen Hack Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rOWgpe1NBDaamEK3aQab_C0Ec06wZL091R8Rwg89oj97QbD7nOeztb3GqtI3A36-S6dbXIhycboHhx0qNVqI0w" />
    <input value="20091" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <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-naturlich-bitter-bio-18-beutel-20092">
          <img alt="Tee Natürlich Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/small-578c9466e77302185670027ca604204f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-9cce0d662c1555b8a88c2860157fd290.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/large-7a28a3507203f49a2df176cc809d806b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-9cce0d662c1555b8a88c2860157fd290.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-naturlich-bitter-bio-18-beutel-20092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Natürlich Bitter 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-20092-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rZOqzfI1S_Vg7QT4Velg-EoJnvMb58CPNo2nFctw7L56N7qTg5_8dkez7J0L7IW6LKq24SPxDAjkFav98RfGUg" />
    <input value="20092" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/astaxanthin-mit-vitamin-d3-k2-50-ml-20093">
          <img alt="Astaxanthin mit Vitamin D3 &amp; K2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10826/file/small-41f19bcdead2829126117bcd64e0d38a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10826/file/medium-a33f41fe43f92c20b4df3133217c92a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10826/file/large-34cea6303bbd7144333850f2b9173856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10826/file/medium-a33f41fe43f92c20b4df3133217c92a6.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">NaturKraftWerke</p>
          <a href="/products/astaxanthin-mit-vitamin-d3-k2-50-ml-20093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Astaxanthin mit Vitamin D3 &amp; K2, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4-vDGN2DSxpSDmPdp7A88YxmUg1Wrbf9zLu1w3mbDds0T9NGrCn8mXVQi7j5tdmz6sV6H267e3oeI7krQ_wnNw" />
    <input value="20093" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/balsamico-erdbeere-bio-250-ml-20094">
          <img alt="Balsamico Erdbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10827/file/small-b6f4669a25e22062c04509028de95d88.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10827/file/medium-f6100c13ebe8abf249668b6db7f5ddf6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10827/file/large-d9b7285af93db5a78bc08fb211c249e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10827/file/medium-f6100c13ebe8abf249668b6db7f5ddf6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/balsamico-erdbeere-bio-250-ml-20094">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Balsamico Erdbeere Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OsdjLub0XxLUb3QsyqFHtdkJMwNR-HqCPxpuBdjkZ1jtY3Nwl17okfMxnEmUpKL3v6obEWnutgXtgmLt4oNNtA" />
    <input value="20094" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/balsamico-apfel-bio-250-ml-20095">
          <img alt="Balsamico Apfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/small-5560213034a15276a7f3c1541cf08913.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-5c03d2f3a8e7bff43ace24aa865e45b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/large-4edaf04dd41248246bb23e998172a7b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-5c03d2f3a8e7bff43ace24aa865e45b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/balsamico-apfel-bio-250-ml-20095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Balsamico Apfel Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TlJxNJ_5WIhTXdYzd-J_9MsUvyaVztiqPBotaoOhlIqZ9mFq7lPvC3QDPlYp55q2rbeXNK3YFC3ugiGCuca-Zg" />
    <input value="20095" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/balsamico-apfel-himbeere-bio-250-ml-20096">
          <img alt="Balsamico Apfel Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10829/file/small-38bb168aaef81ded2b7badc8ba8c1852.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10829/file/medium-32b9b3287f24935f759a0721f28386ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10829/file/large-da118126c2a8ed460f8a39247bf2219a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10829/file/medium-32b9b3287f24935f759a0721f28386ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/balsamico-apfel-himbeere-bio-250-ml-20096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Balsamico Apfel Himbeere Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ya__F81cYdqeRUSZkwHHMxCSMK8Peti665cXKSjJKoAeC-9JvPbWWbkbrPzNBCJxdjEYvTdsFD05DxvBEq4AbA" />
    <input value="20096" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fungi-pad-natur-bio-150-g-20097">
          <img alt="Fungi Pad Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10830/file/small-de1cf7ac2ec0858da35a91040e995ab2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10830/file/medium-1706a71704039ea734ee0607250c8134.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10830/file/large-1b2f69a8d3a118fab7e43638167557bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10830/file/medium-1706a71704039ea734ee0607250c8134.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">Hermann</p>
          <a href="/products/fungi-pad-natur-bio-150-g-20097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fungi Pad Natur Bio, 150 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 3.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bUmRpqhIgkoJrqAsaLjJ69yoE37r2XU2BiFKenGp0_a67YH42eI1yS7wSEk2vSypugs7bNPPubHUuUaSS875Gg" />
    <input value="20097" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/darm-wohl-flocken-demeter-500-g-20098">
          <img alt="Darm Wohl Flocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10832/file/small-528442353ac9c819ddfaa16055e9e7b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10832/file/medium-a5ceafbc20b13e60ac2d04b01510a5b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10832/file/large-053efa110d543303089c950d4a0e4612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10832/file/medium-a5ceafbc20b13e60ac2d04b01510a5b5.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">Spielberger Mühle</p>
          <a href="/products/darm-wohl-flocken-demeter-500-g-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Darm Wohl Flocken Demeter, 500 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 1.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R8uLyBtq_FWUGw8ae_A2zBPjxKM7fU-gMhRgEIGBeYKQb5uWasBL1rNF538l9dOOdUDssQNrgyfgjGz4u-ZTbg" />
    <input value="20098" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/high-protein-flocken-demeter-500-g-20099">
          <img alt="High Protein Flocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/small-a1fff71bbb922411960c20785071f4fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-5ff5a7b0a9720d9a8b6ccc2862f92976.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/large-801588bc7b8de1546f0e23ddd39b818e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-5ff5a7b0a9720d9a8b6ccc2862f92976.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">Spielberger Mühle</p>
          <a href="/products/high-protein-flocken-demeter-500-g-20099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Flocken Demeter, 500 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 1.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qy0dLd4Nx_IB2cpHy2KFBnoUfqroVMsHOVwUbQKNNiaUiQ1zr6dwcSaHIiKVZ2BEHLdWuNBCB4DrxBiFOOocyg" />
    <input value="20099" 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%2Faman%3Fformat%3Dturbo_stream%26page%3D126">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfelmus-demeter-360-g-20100">
          <img alt="Apfelmus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/small-f089e8dc9f5aa6f8befc2383e3ce997f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-9e7300123c15289c85e937db212184a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/large-53b4a1178e38c7b4a2ac0b8d5ef48ab7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-9e7300123c15289c85e937db212184a4.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">Vanadis</p>
          <a href="/products/apfelmus-demeter-360-g-20100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfelmus Demeter, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zBArDoh2Os03AqOaRfP-Jk9eG57FyzawtTUBi_DpvC0btDtQ-dyNThBcS_8b9htkKf0zjP3d-jdnrQ1jyo6WwQ" />
    <input value="20100" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;520 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/aman?format=turbo_stream&amp;page=127">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>